@charset "utf-8";

/* ヘッダー内部 */
* {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
}
a img {
	border-style: none;
}

#top {
	height: 60px;
	/*background: url(../img/index/top-bg.jpg) repeat-x;*/
	background-color: #fff;
}
@media (min-width: 768px) {
  #top {
	height: 100px;
  }
}
/* 斜体 */
.Italic {
	font-style: italic;
}

/* 左寄せリンク */
.l-link {
	text-align: left;
}

/* 右寄せリンク */
.r-link {
	text-align: right;
}
.l-link a,
.l-link a:visited,
.r-link a,
.r-link a:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.l-link a:hover,
.r-link a:hover {
	color: #666;
}

/* ※印の装飾 */
.mark {
	color: #C00;
}


/* メインナビゲーション ここから */
#top .logo {
	height: 60px;
	width: 100%;
	margin: 0 auto;
}
@media (min-width: 768px) {
  #top .logo {
	height: 60px;
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
  }
}
#top .logo .logo-img {
	float: left;
	height: 60px;
	width: 100%;
	text-align: center;
}
@media (min-width: 768px) {
  #top .logo .logo-img {
	width:280px;
	text-align: left;
  }
}
@media screen and ( min-width:992px) {
  #top .logo .logo-img {
	width:311px;
  }
}
  #top .logo .line,
  #top .logo .fb,
  #top .logo .is,
  #top .logo .link,
	#top .logo .yt{
	display: none;
  }
  
@media (min-width: 768px) {
#top .logo .line {
	display: block;
	float: right;
	margin: 15px 12px 6px 12px;
	height: 39px;
}
#top .logo .fb {
	display: block;
	float: right;
	margin: 15px 12px 6px 0;
	height: 39px;
}
#top .logo .is {
	display: block;
	float: right;
	margin: 15px 12px 6px 0;
	height: 39px;
}
#top .logo .yt {
	display: block;
	float: right;
	margin: 15px 0px 6px 0px;
	height: 39px;
}
#top .logo .link {
	display: block;
	max-width: 770px;
	float: right;
	font-size: 13px;
	padding: 30px 0 1px 0;
	text-align: right;
	height: 19px;
}
}
#top .logo .link a {
	color: #313131;
	text-decoration: none;
}
/* メインナビゲーション ここまで */

/* フッター ここから */
#btm {
	background-color: #EDEDED;
	text-align: center;
	line-height: 250%;
	font-size: 14px;
}
#btm .menu {
	width: 100%;
	/*max-width: 1200px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	background-color: #EDEDED;
}
/* フッター ここまで */


/* ページトップリンク ここから */
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 20px;
	z-index: 10;
}
#pagetop a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/* ページトップリンク ここまで */


/* お問い合わせテーブル ここから */
table#inquiry {
	width: 770px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

table#inquiry th {
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-size: 14px;
	border-top: 1px solid #A8A39D;
	border-right: 1px solid #A8A39D;
	border-bottom: 1px solid #A8A39D;
	border-left: 1px solid #A8A39D;
	background-color: #F3EEE6;
	padding: 20px 5px 20px 15px;
	width: 220px;
}

table#inquiry td.label {
	text-align: right;
	vertical-align: top;
	font-size: 14px;
	border-top: 1px solid #A8A39D;
	border-bottom: 1px solid #A8A39D;
	background-color: #FAF8F5;
	padding: 20px 0 20px 10px;
	width: 30px;
}

table#inquiry td.put {
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	border-top: 1px solid #A8A39D;
	border-right: 1px solid #A8A39D;
	border-bottom: 1px solid #A8A39D;
	background-color: #FAF8F5;
	padding: 10px;
	line-height: 150%;
}

table#inquiry td.space {
	border-right: none!important;
	border-left: none!important;
	height: 5px;
}

table#inquiry td.put input[type="text"],
table#inquiry td.put textarea {
	padding: 5px;
	font-size: 14px;
  background-color: #fff;
  border: 1px solid #ddd;
}

table#inquiry td.put input#kanji,
table#inquiry td.put input#kana,
table#inquiry td.put input#address,
table#inquiry td.put input#belong,
table#inquiry td.put textarea {
	width: 450px;
}
table#inquiry td.put input#post1,
table#inquiry td.put input#tel1,
table#inquiry td.put input#tel2,
table#inquiry td.put input#tel3 {
	width: 50px;
}
table#inquiry td.put input#post2 {
	width: 80px;
}
table#inquiry td.put input#mail,
table#inquiry td.put input#re-mail {
	width: 350px;
}
/* お問い合わせテーブル ここまで */

/* フォームボタン */
#Reset,
#Check,
#Back,
#Send {
    border: 0px;
    width: 200px;
    height: 25px;
	margin: 20px 5px;
	cursor: pointer;
}
#Reset {
    background: url(../img/inquiry/reset.jpg) left top no-repeat;
}
#Check {
    background: url(../img/inquiry/check.jpg) left top no-repeat;
}
#Back {
    background: url(../img/inquiry/back.jpg) left top no-repeat;
}
#Send {
    background: url(../img/inquiry/send.jpg) left top no-repeat;
}


/****************************************************************
                    トップメニュー
 ****************************************************************/
#top .menu {
    /*position: relative;
    width: 100%;
    height: 60px;
    width: 1200px;
    margin: 0 auto;*/
}

#top .menu ul li .sub_menu {
	background-color: #F2EDE5;
	list-style-type: none;
	width: 290px;
	padding-top: 5px 4px 0px 4px;
}
#top .menu ul li .sub_menu li {
	width: 290px;
	height: 30px;
	margin-bottom: 5px;
}

#top ul.menu,
#top ul.menu ul {
	list-style-type: none;
}

#top .menu > li {
    /*float: left;
    width: 300px;
    height: 30px;
    line-height: 20px;*/
}

#top ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	padding-top: 5px;
}

#top ul.menu__second-level li {
	margin: 0 5px 5px 5px;
}

/* floatクリア */
#top .menu:before,
#top .menu:after {
    content: " ";
    display: table;
}

#top .menu:after {
    clear: both;
}

#top .menu {
    *zoom: 1;
}

#top .menu > li.menu__single {
    position: relative;
}

#top li.menu__single ul.menu__second-level {
    position: absolute;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

#top li.menu__single:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1; 
}


/* サブメニューの画像指定 */
ul.menu__second-level li a {
    /*display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/index/top-sub-menu.jpg?20190524);
    padding-top:30px;*/
}

#menu-1-1 a { width:290px; background-position:0    0;}
#menu-1-2 a { width:290px; background-position:0  -60px;}
#menu-1-3 a { width:290px; background-position:0 -120px;}
#menu-1-4 a { width:290px; background-position:0 -180px;}
#menu-1-5 a { width:290px; background-position:0 -240px;}
#menu-1-6 a { width:290px; background-position:0 -300px;}
#menu-1-7 a { width:290px; background-position:0 -360px;}
#menu-1-8 a { width:290px; background-position:0 -420px;}
#menu-1-9 a { width:290px; background-position:0 -480px;}
#menu-1-10 a { width:290px; background-position:0 -540px;}

#menu-1-1 a:hover { width:290px; background-position:0  -30px;}
#menu-1-2 a:hover { width:290px; background-position:0  -90px;}
#menu-1-3 a:hover { width:290px; background-position:0 -150px;}
#menu-1-4 a:hover { width:290px; background-position:0 -210px;}
#menu-1-5 a:hover { width:290px; background-position:0 -270px;}
#menu-1-6 a:hover { width:290px; background-position:0 -330px;}
#menu-1-7 a:hover { width:290px; background-position:0 -390px;}
#menu-1-8 a:hover { width:290px; background-position:0 -450px;}
#menu-1-9 a:hover { width:290px; background-position:0 -510px;}
#menu-1-10 a:hover { width:290px; background-position:0 -570px;}

#menu-2-1 a { width:290px; background-position:-290px    0;}
#menu-2-2 a { width:290px; background-position:-290px  -60px;}
#menu-2-3 a { width:290px; background-position:-290px -120px;}
#menu-2-4 a { width:290px; background-position:-290px -180px;}

#menu-2-1 a:hover { width:290px; background-position:-290px  -30px;}
#menu-2-2 a:hover { width:290px; background-position:-290px  -90px;}
#menu-2-3 a:hover { width:290px; background-position:-290px -150px;}
#menu-2-4 a:hover { width:290px; background-position:-290px -210px;}

#menu-3-1 a  { width:290px; background-position:-580px    0;}
#menu-3-2 a  { width:290px; background-position:-580px  -60px;}
#menu-3-3 a  { width:290px; background-position:-580px -120px;}
#menu-3-4 a  { width:290px; background-position:-580px -180px;}
#menu-3-5 a  { width:290px; background-position:-580px -240px;}
#menu-3-6 a  { width:290px; background-position:-580px -300px;}
#menu-3-7 a  { width:290px; background-position:-580px -360px;}
#menu-3-7-1 a  { width:290px; background-position:-580px -660px;}/* add bb 20180123 */
#menu-3-7-2 a  { width:290px; background-position:-580px -780px;}/* add fb 20180625 */
#menu-3-8 a  { width:290px; background-position:-580px -420px;}
#menu-3-9 a  { width:290px; background-position:-580px -480px;}
#menu-3-10 a { width:290px; background-position:-580px -540px;}
#menu-3-11 a { width:290px; background-position:-580px -600px;}/* add bb 20170427 */

#menu-3-1 a:hover  { width:290px; background-position:-580px  -30px;}
#menu-3-2 a:hover  { width:290px; background-position:-580px  -90px;}
#menu-3-3 a:hover  { width:290px; background-position:-580px -150px;}
#menu-3-4 a:hover  { width:290px; background-position:-580px -210px;}
#menu-3-5 a:hover  { width:290px; background-position:-580px -270px;}
#menu-3-6 a:hover  { width:290px; background-position:-580px -330px;}
#menu-3-7 a:hover  { width:290px; background-position:-580px -390px;}
#menu-3-7-1 a:hover  { width:290px; background-position:-580px -690px;}/* add bb 20180123 */
#menu-3-7-2 a:hover  { width:290px; background-position:-580px -810px;}/* add fb 20180625 */
#menu-3-8 a:hover  { width:290px; background-position:-580px -450px;}
#menu-3-9 a:hover  { width:290px; background-position:-580px -510px;}
#menu-3-10 a:hover { width:290px; background-position:-580px -570px;}
#menu-3-11 a:hover { width:290px; background-position:-580px -630px;}/* add bb 20170427 */

#menu-4-1 a { width:290px; background-position:-870px    0;}
#menu-4-2 a { width:290px; background-position:-870px  -60px;}
#menu-4-3 a { width:290px; background-position:-870px -120px;}
#menu-4-4 a { width:290px; background-position:-870px -180px;}
#menu-4-5 a { width:290px; background-position:-870px -240px;}
#menu-4-6 a { width:290px; background-position:-870px -300px;}
#menu-4-7 a { width:290px; background-position:-870px -360px;}
#menu-4-8 a { width:290px; background-position:-870px -420px;}

#menu-4-1 a:hover { width:290px; background-position:-870px  -30px;}
#menu-4-2 a:hover { width:290px; background-position:-870px  -90px;}
#menu-4-3 a:hover { width:290px; background-position:-870px -150px;}
#menu-4-4 a:hover { width:290px; background-position:-870px -210px;}
#menu-4-5 a:hover { width:290px; background-position:-870px -270px;}
#menu-4-6 a:hover { width:290px; background-position:-870px -330px;}
#menu-4-7 a:hover { width:290px; background-position:-870px -390px;}
#menu-4-8 a:hover { width:290px; background-position:-870px -450px;}

/* トップメニュー ここまで */

/* add bb 20170227 */
table.pc_table {
	font-size: 13px;
	border-top: 1px solid #B1ADAD;
	border-left: 1px solid #B1ADAD;
	margin-bottom: 25px;
}
table.pc_table tr th {
	border-right: 1px solid #B1ADAD;
	border-bottom: 1px solid #B1ADAD;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F0EDE5;
}
table.pc_table tr td {
	border-right: 1px solid #B1ADAD;
	border-bottom: 1px solid #B1ADAD;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#event_content {
    font-size:13px;
}
#event_content ul {
    list-style-type: none;
}
#event_content > ul > li{
    margin-bottom: 10px;
}
#event_content ul li ul{
    margin-left:20px;
}
#event_content ul li ul.ul_second{
    margin-left:40px;
    margin-top: -20px;
}
#event_content ul li ul.ul_second2{
    margin-left:60px;
    margin-top: -20px;
}
h2#event_content_title {
    background-image:none;
    background-color: #5B3832;
    color:#fff;
    padding-top: 8px;
}
.event_content_p {
    margin-top:20px; 
    margin-left:20px; 
}
.event_content_btn {
    display: inline-block;
    background-color: #CCA556;
    padding:10px 50px;
    margin:0 auto;
}

h2#koushi_h2 {
    color: #5B3932;
    font-size: 14px;
    background-image: url(../img/event/h3-bg.jpg);
    background-repeat: no-repeat;
    border-style: none;
    margin-bottom: 20px;
    padding-bottom: 3px;
    border-bottom: 2px solid #5B3832;
    background-color: #CAB798;
    border-radius: 5px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
}

/* CSSボタン装飾 ※幅は直接書く */
.css-btn{
  display:block;
  background-color: #CCA557;
  border-radius: 25px;
  text-align: center;
  color:#543C35;
  text-decoration: none;
  font-weight: bold;
  padding: 4px;
  font-size:15px;
  letter-spacing: 3px;
  padding-left:4px;
}