@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding: 0px; box-sizing:border-box;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	margin: 0;
	padding: 0;
	background: #fff;
	color:#191919;
	font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	min-width:940px;
}
h1,h2,h3,h4,h5,h6{ font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; letter-spacing:0.1em;}
ul, li{list-style:none; margin:0; padding:0;}
input, seledt, textarea{ color:#191919; font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size:14px;}

img { border-style:none; vertical-align:bottom; max-width:100%;}
figure {margin:40px auto; text-align:center;}

p{ margin-bottom:15px; line-height:1.8em;}
p:last-child {margin-bottom:0px; }
a { color:inherit; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
a:hover { color:#666;}
.opa{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.opa:hover{ opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)";}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

.clear { clear:both; }	   
.clearfix:after {
	margin:0px;
	padding:0px;
	visibility:hidden;
	content:".";
	display:block;
	line-height:0;
	clear:both;
}

/*ヘッダー*/
header{ box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:2; background:#fff;}
#header{ background:url(../images/head_bg_bar.jpg) center center repeat; position:relative; height:20px; z-index:2;}
#header figure{ margin:0px; position:absolute; right:3px; top:-6px;}
#header_in{ position:relative; width:940px; margin:0px auto; height:20px; text-align:right;}
#header_in h1{ margin:0px; padding:0px; position:absolute; left:-10px; top:0px;}
#header_in ul{ width:100%;margin:0px; display: flex;flex-wrap: nowrap;justify-content: flex-end;}
#header_in ul li{margin:-5px 2px 0;}

#nav{ display:table; table-layout:fixed; width:940px; margin:0px auto; padding-left:260px;}
#nav ul li{ display:inline-block; margin-right:30px;}
#nav ul li a{ display:block; padding:10px 5px 8px 15px; border-bottom:2px solid transparent; font-size:14px;}
#nav ul li.nav001 a{ color:#ce4235; background:url(../images/head_nav_ico001.png) left center no-repeat;}
#nav ul li.nav001 a:hover{ border-bottom:2px solid #ce4235;}
#nav ul li.nav002 a{ color:#d4c13c; background:url(../images/head_nav_ico002.png) left center no-repeat;}
#nav ul li.nav002 a:hover{ border-bottom:2px solid #d4c13c;}
#nav ul li.nav003 a{ color:#52a13b; background:url(../images/head_nav_ico003.png) left center no-repeat;}
#nav ul li.nav003 a:hover{ border-bottom:2px solid #52a13b;}
#nav ul li.nav004 a{ color:#644573; background:url(../images/head_nav_ico004.png) left center no-repeat;}
#nav ul li.nav004 a:hover{ border-bottom:2px solid #644573;}
#nav ul li.nav005 a{ color:#000; background:url(../images/head_nav_ico005.png) left center no-repeat;}
#nav ul li.nav005 a:hover{ border-bottom:2px solid #000;}

/*フッター*/
#foot_nav{ box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; padding:1px 0px;}
#foot_nav ul{ margin:40px auto;  width:100%;}
#foot_nav ul li{ float:left; width:25%; padding:5px;}
#foot_nav ul.longsize li{ float:left; width:100%; padding:5px;}
#foot_nav dl{ display:table; table-layout:fixed; width:100%; margin:20px auto;}
#foot_nav dl dt{ display:table-cell; vertical-align:middle;}
#foot_nav dl dd{ display:table-cell; vertical-align:middle; width:700px;}

#footer{ background:url(../images/foot_bg.jpg) center center repeat; padding:20px 0px 5px; color:#fff;}
#footer ul{ text-align:center;}
#footer ul li{ display:inline-block; margin:0px 10px;}
#footer ul li a{ display:block; color:#fff; font-size:12px;}
#footer ul li a:hover{ text-decoration:underline;}
#footer dl{ display:table; margin:20px auto 40px; font-size:11px; width:100%;}
#footer dt{ display:table-cell; vertical-align:middle; width:240px;}
#footer dd{ display:table-cell; vertical-align:middle; padding-left:20px; font-size:12px;}
#footer dt a{ color:#fff;}
#footer strong{ font-weight:normal; font-size:28px; line-height:1.2em;}
#footer dt.logo{ width:240px; text-align:center; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#footer dt.logo strong{ letter-spacing:0.2em; margin-top:10px; display:block;}
p.copyright{ font-size:11px; letter-spacing:0.2em;}


/*タイトル*/
h2{ text-align:center; margin-bottom:20px; font-size:24px;}

/*コンテンツ*/
section{ width:100%; margin:0px auto; position:relative;}
.maincontent{ width:940px; margin:0px auto; position:relative;}
.maincontent_in{ width:770px; margin:0px 0px 0px auto; position:relative;}
hr.border_hr{ height:30px; border:none; background:url(../images/border_hr.png) center center repeat; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:1;}
hr.hr001{ width:940px; margin:60px auto; border:none; height:4px; background:url(../images/hr_img001.png) center center repeat;}
figure.pagetop{ margin:0px auto; position:absolute; bottom:10px; right:10px;}

/*イントロ*/
#intro{
background:url(../images/background/01.jpg) 50% 0 no-repeat fixed;
background-size:100% auto;
height:600px;
position:relative;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:1;
}
.foreign #intro{
	display:none;
}
@media screen and (max-width:1400px){
#intro{ background-size:auto;}
}
#intro figure{ margin:0px auto; width:100%; max-width:1440px; position:absolute; left:0px; right:0px; bottom:40px; text-align:right; padding-right:20px;}
#top #intro{box-shadow:none;}

/*山寺の四季*/
#season{box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px;z-index:2;}
#season ul{display:flex;}
#season ul li{width:25%;}


/*重要なお知らせ*/
.new_information {display:block;width:940px; margin:0px auto; position:relative;}
.new_information blockquote{;border:4px solid #ddd;padding:40px 50px;margin:30px 0;}	
.new_information blockquote b{font-weight:bold;color:red;}
.new_information blockquote h2{font-size:30px;line-height: 1;font-weight:bold;color:red;text-align: center;margin:0 0 30px 0;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.new_information blockquote h3{font-size:20px;line-height: 1;font-weight:bold;color:#76201f;margin:0 0 10px 0;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.new_information blockquote .info_box{border-top:1px solid #ddd;padding-top:15px;}
.new_information blockquote p{text-align:center;padding-bottom:0;}

@media screen and (max-width: 768px) {
	.new_information{width:100%;}
	.new_information blockquote{padding:15px 10px;}
	.new_information blockquote p{font-size:13px;line-height: 1.3;}
	.new_information blockquote h2{font-size:20px;margin-bottom:15px;}
	.new_information blockquote h3{font-size:16px;}
}


/*新着情報*/
#news,.news_bg{ background:url(../images/illust001.png) right center no-repeat #fffef7; padding:30px 0px;}
#news ul{ width:700px; margin:0px auto; display:block;}
#news ul li{ display:block;margin-bottom:5px;}
#news ul li a{ display:block;}
#news dl{ display:block; width:100%;}
#news dl dt{ display:none;}
#news dl dd{ display:block; padding-left:10px; font-size:12px;}
#news dl dd span.date{ font-size:12px; display:inline-block;width:15%;vertical-align:top;}
#news dl dd p{display:inline-block;width:82%;}
#news dl dd a{display:inline;color:#88754D;}
#news dl dd a:hover{color:#B8A67E;text-decoration:underline;}
#news > a{ width:10%; display:block; text-align:center; font-size:12px; padding:5px; border:1px solid #191919; margin-top:20px;margin-left:45%;}
#news > a:hover{ background:#191919; color:#fff;}
.news.maincontent dl > dt,.news.maincontent dl > dd{font-size:16px; display:inline-block; padding:5px; margin-left:10px;}
.news.maincontent a{color:#88754D;}
.news.maincontent a:hover{color:#B8A67E;text-decoration:underline;}

.status td, .status th{
	padding:5px;
	margin:1px;
}
.status th{
	background:#aacb9b;
	text-align:center;
}
.status td{
	background:#F8F8F8;
}

/*イベント*/
#event{ background:url(../images/event_bg.png) center center no-repeat; padding:60px 0px 80px; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:1;}
#event h2{ margin-bottom:80px;}
#event ul{ width:940px; margin:0px auto; display:table; table-layout:fixed; margin-bottom:40px;}
#event ul li{ display:table-cell; vertical-align:top;}
#event ul li a{ display:block;}
#event dl{ display:table; table-layout:fixed; width:100%;}
#event dl dt{ display:table-cell; vertical-align:top; width:80px;}
#event dl dt a,a.item{ display:block; text-align:center; font-size:12px; padding:5px; border:1px solid #191919; margin-top:10px;}
#event dl dt a:hover,a.item:hover{ background:#191919; color:#fff;}
#event dl dd{ display:table-cell; vertical-align:top; padding-left:10px;}
#event dl dd h3{ font-size:16px; margin-bottom:10px;}
#event dl dd p{ font-size:14px; line-height:1.4em;}

.ev_day{width:80px;height:80px;display:table-cell;text-align:center;vertical-align:middle;font-style:italic;box-sizing:border-box;}
.ev_day p{color:#FFFFFF;font-size:20px;font-family: 'Meiryo', sans-serif; white-space:nowrap;}
.ev_day p span.nosche{font-size:34px;}
.ev_day p span.month{font-size:48px; letter-spacing:-4px;margin-left:-2px;}

.spring{background-color:#E1AAB6;}
.summer{background-color:#aacb9b;}
.autumn{background-color:#b7a37d;}
.winter{background-color:#7dbfd8;}
.nowhere{background-color:#999999;}

table.topInfo{width:50%;float:left;}
.topInfo h3{padding:5px;font-size:20px;}
.topInfo td,.topInfo th{font-size:13px; padding:4px;margin:1px;text-align:center;vertical-align:middle;box-sizing:border-box;width:16.66%;}
.topInfo th{background:rgba(170,203,155,0.3);}
.topInfo td{background:rgba(252,252,255,0.3);}
.info_mini{font-size:11px;line-height:1.5; white-space:nowrap;clear:both;}

/*セカンド*/
#second{
background:url(../images/background/02.jpg) 50% 0 no-repeat fixed;
background-size:100% auto;
height:600px;
position:relative;
}
#second figure{ margin:0px auto; width:100%; max-width:1440px; position:absolute; left:0px; right:0px; bottom:40px; text-align:right; padding-right:20px;}
@media screen and (max-width:1400px){
#second{ background-size:auto;}
}

/*アクセス*/
#access{ padding:20px 0px 40px; background:url(../images/access_bg.png) center center repeat; position:relative; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:1;}
#access figure.title_img{ position:relative; left:-10px; top:-80px;margin:0px;text-align:left; z-index:2;}
#access figure.access_img{ margin:0px auto 60px;text-align:center;}


/*モデルコース*/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
#course{padding:20px 0px;position:relative;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px;z-index:1;}
#course figure.title_img{ position:absolute; left:-10px; top:-80px;margin:0px;text-align:left; z-index:2;}
#course .maincontent_in{padding:60px 0px 60px 80px;}
#course .course_inner1{position:relative;display:block;width:100%;min-height:288px;background:url(../images/course/bg1.jpg) top center no-repeat;}
#course .course_inner2{position:relative;display:block;width:100%;min-height:226px;background:url(../images/course/bg2.jpg) top center no-repeat;}
#course .course_inner3{position:relative;display:block;width:100%;min-height:245px;background:url(../images/course/bg3.jpg) top center no-repeat;}
#course .course_inner4{position:relative;display:block;width:100%;min-height:176px;background:url(../images/course/bg4.jpg) top center no-repeat;}
#course .course_inner5{position:relative;display:block;width:100%;min-height:300px;background:url(../images/course/bg5.jpg) top center no-repeat;margin-bottom:80px;}
#course .spot{display:block;position:absolute;width:330px;padding:12px;border:3px solid #549146;background:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 2px 1px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 1px 2px 1px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 1px 2px 1px;}
#course .spot2{width:270px;}
#course .spot dt{color:#2c6220;font-size:20px;line-height:1;}
#course .spot dt span{font-family: 'Great Vibes', cursive;font-size:40px;padding-right:0.2em;}
#course .spot dd{font-size:12px;line-height:1.5em;}
#course .spot dd img{width:130px;height:auto;float:right;margin-left:1em;}
#course .spot dd:after{visibility:hidden;content:".";display:block;line-height:0;clear:both;}
#course .walk{color:#549146;text-align:center;}

#course .course_inner1 .spot:first-child{left:70px;}
#course .course_inner1 .spot:nth-of-type(2){left:450px;top:30px;}
#course .course_inner2 .spot:first-child{right:0px;}
#course .course_inner2 .spot:nth-of-type(2){left:326px;}
#course .course_inner2 .spot:nth-of-type(3){left:0px;top:-56px;}
#course .course_inner3 .spot:first-child{left:145px;top:20px;}
#course .course_inner3 .spot:nth-of-type(2){left:480px;}
#course .course_inner4 .spot:first-child{right:0px;}
#course .course_inner4 .spot:nth-of-type(2){right:380px;}
#course .course_inner5 .spot:first-child{left:200px;top:100px;}
#course .course_inner5 .spot:nth-of-type(2){left:580px;top:60px;}


/*サード*/
#third{
background:url(../images/background/03.jpg) 50% 0 no-repeat fixed;
background-size:100% auto;
height:600px;
position:relative;
}
#third figure{ margin:0px auto; width:100%; max-width:1440px; position:absolute; left:0px; right:0px; bottom:40px; text-align:right; padding-right:20px;}
@media screen and (max-width:1400px){
#third{ background-size:auto;}
}

/*お店*/
#store{padding:20px 0px 100px; background:url(../images/store_bg.png) center center repeat; position:relative; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 6px 3px; -webkit-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; -moz-box-shadow:(0, 0, 0, 0.1) 0px 0px 6px 3px; position:relative; z-index:1;}
#store figure.title_img{ position:absolute; left:-10px; top:-120px; margin:0px auto; z-index:2;}
#store dl{ width:350px; margin:40px auto;}
#store dl dt{ font-size:24px;}
#store ul{ width:100%; margin:0px auto;}
#store ul li{width:100%;height:40px;margin-bottom:15px;border-top:1px solid black;position:relative;}
#store ul li span.num{display:inline-block;width:40px;height:40px;background:#173b63;color:#fff;font-size:20px;text-align:center;letter-spacing:0em;line-height:40px;}
#store ul li img{height:30px;width:auto;margin:5px 10px;vertical-align:top;}
#store ul li i{font-size:120%;color:#908819;}
#store ul li .tel{display:block;position:absolute;right:0px;top:5px;width:190px;background:#a7a050;border-radius:5px;text-align:center;padding:5px 0px;}
#store ul li .tel span{color:#fff;font-size:16px;}
#store ul li .tel span:before{content:"\f095";font-family:FontAwesome;font-size:110%;color:#6a6629;margin-right:5px;}
#store ul li .kizahashi{padding:10px 0px 0px 44px;line-height:40px;}
#store ul li.manzo{border-top:0px;}

.tableArea{width:50%;margin:0 auto 90px;}
.tableArea h3{font-size:20px;margin-bottom:15px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;border-bottom:1px solid #908819;padding-bottom:5px;}
.tableArea h4{font-size:18px;margin-bottom:15px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;color:#908819;}
table.locker_table{
	width: 100%;
	margin: 0 auto 20px;
	border-top: solid 1px #ccc; border-left: solid 1px #ccc;
	text-align: center;
	border-collapse: collapse; border-spacing: 0;
	font-size: 13px;
}

table.locker_table th{
	padding:10px;
	background:#fafafa;
	font-weight:bold;
	border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;
}

table.locker_table td{
	padding:10px;
	border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;
}




/*フォース*/
#fourth{
background:url(../images/background/04.jpg) 50% 0 no-repeat fixed;
background-size:100% auto;
height:600px;
position:relative;
}
#fourth figure{ margin:0px auto; width:100%; max-width:1440px; position:absolute; left:0px; right:0px; bottom:40px; text-align:right; padding-right:20px;}
@media screen and (max-width:1400px){
#fourth{ background-size:auto;}
}

/*コンせプト*/
#concept{
background:url(../images/background/concept_bg.jpg) center center fixed;
background-size:100% auto;
padding:30px 0px;
}
@media screen and (max-width:1400px){
#concept{ background-size:auto;}
}
#concept figure.title_img{ position:absolute; left:-10px; top:-80px; margin:0px auto; z-index:2;}
#concept .maincontent_in{ width:700px; background-color:rgba(255,255,255,0.75); padding:10px 40px 80px;}
#concept .maincontent_in ul{ margin:0px auto 40px;}
#concept .maincontent_in ul li{ display:inline-block; margin-right:10px;}
#concept dl{ margin-bottom:60px;}
#concept dl dt{ margin-bottom:10px;}
#concept dl dd{ margin-bottom:30px; font-size:12px;}
#concept dl dd span{ font-size:16px; font-weight:normal;}
#concept h3{ margin-bottom:0px; font-size:36px;}
#concept h4{ margin-bottom:0px; font-size:24px;}





/*サブページ*/
.float_r{ float:right; margin:0px auto 10px 20px;}
#sub_page{ padding:40px 0px;}
#sub_page h2{ text-align:center; font-size:36px; margin-bottom:40px;}
#sub_page h2 span{font-size:24px; display:block; font-weight:normal;}
#sub_page h3{ text-align:center; color:#aacb9b; font-size:32px; margin-bottom:20px;}
#sub_page h3 strong{ display:inline-block; padding:5px; border:1px solid #aacb9b;}
#sub_page h3 span{font-size:21px; color:#191919; display:inline-block; margin-left:10px; font-weight:normal; line-height:1.4em;}
#sub_page h4{ border-left:5px solid #b7a37d; border-bottom:2px solid #b7a37d; font-size:24px; padding:5px; margin:20px auto 10px; clear:both;}
/*由来*/
.loupe img{ max-width:1500px !important;}
.spot_img{float:right;}
.spot_img .float_r:nth-child(4n){margin-left:0px;}
.spot_img .float_r img{width:220px;}
/*イベント*/
dl.event{ border:1px solid #191919; background:#f0e6dc; padding:20px; margin:20px auto;}
dl.event dt{ border-left:5px solid #b7a37d; border-bottom:1px solid #b7a37d; font-size:24px; padding:0px 5px; margin:0px auto 10px; clear:both; font-weight:bold; color:#b7a37d;}
dl.event figure{ margin:0px auto;}
dl.event table{ margin:20px auto;}
dl.event table{ width:100%; border-collapse:collapse; border:1px solid #191919; background:#fff;}
dl.event table th{ vertical-align:middle; width:25%; padding:10px; border:1px solid #191919; background:#efefef;}
dl.event table td{ vertical-align:middle; padding:10px; border:1px solid #191919;}
/*パンフレット*/
ul.pamph{ width:740px; margin:10px auto; display:table; table-layout:fixed; border-collapse:separate; border-spacing:10px;}
ul.pamph li{ display:table-cell; vertical-align:top; text-align:center; border:1px dotted #aaa; padding:10px;}
ul.pamph li span{ display:block; margin-top:10px;}
ul.pamph li.none{ border:none;}
/*お店*/
dl.store{ width:350px; margin:40px auto;}
dl.store dt{ font-size:24px;}
ul.store{ width:100%; margin:0px auto;}
ul.store li{width:100%;height:40px;margin-bottom:15px;border-top:1px solid black;position:relative;}
ul.store li span.num{display:inline-block;width:40px;height:40px;background:#173b63;color:#fff;font-size:20px;text-align:center;letter-spacing:0em;line-height:40px;}
ul.store li img{height:30px;width:auto;margin:5px 10px;vertical-align:top;}
ul.store li i{font-size:120%;color:#908819;}
ul.store li .tel{display:block;position:absolute;right:0px;top:5px;width:190px;background:#a7a050;border-radius:5px;text-align:center;padding:5px 0px;}
ul.store li .tel span{color:#fff;font-size:16px;}
ul.store li .tel span:before{content:"\f095";font-family:FontAwesome;font-size:110%;color:#6a6629;margin-right:5px;}
ul.store li .kizahashi{padding:10px 0px 0px 44px;line-height:40px;}
ul.store li.manzo{border-top:0px;}

/*アクセス*/
.google_map{ width:685px; margin:40px auto;}
dl.access{ display:table; table-layout:fixed; width:685px; margin:40px auto;}
dl.access dt{ display:table-cell; vertical-align:top; width:390px; padding-right:20px;}
dl.access dd{ display:table-cell; vertical-align:top;}
dl.access table{ width:100%;}
dl.access table th, dl.access table td{ padding:2px 0px; border-bottom:1px dotted #aaa; font-size:12px; vertical-align:middle;}
dl.access table th{ width:25%;}
/*リンク*/
table.link{ width:100%; font-size:12px;}
table.link a{ text-decoration:underline;}
table.link tr{ background:#efefef;}
table.link tr:nth-child(2n){ background:#f0e6dc;}
table.link th{ width:33%; padding:10px; vertical-align:middle;}
table.link td{ padding:10px; vertical-align:middle;}
/*プライバシー*/
dl.pv dt{ color:#b7a37d; font-size:16px; margin-bottom:5px; font-weight:bold; text-decoration:underline;}
dl.pv dd{ margin-bottom:20px;}
dl.pv ul li{ list-style:disc outside; margin-left:25px;}
/*お問合せ*/
table.mailform{ width:100%; margin:40px auto; border-collapse:separate; border-spacing:10px;}
table.mailform th{ background:#efefef; padding:10px; width:33%; vertical-align:middle;}
table.mailform th span{ color:#c83232;}
table.mailform td{ background:#fff; padding:0px; vertical-align:middle;}
table.mailform td span{ display:block; text-align:right; padding:5px; color:#666; font-size:11px;}
table.mailform th.none{ background:none;}
table.mailform input{ width:100%; padding:10px;}
table.mailform input.min{ width:25%; margin-right:10px;}
table.mailform textarea{ width:100%; padding:10px;}
table.mailform select{ width:100%; padding:10px;}
table.mailform input[type=submit]{ width:49%;box-sizing:border-box;}
table.mailform input[type=reset]{ width:49%;box-sizing:border-box;}

/*お問合せ*/
table.status{ width:100%; margin:40px auto; }
table.status th,table.status td{border:1px solid #EEE;  }
table.status th{ padding:10px; width:20%; vertical-align:middle;}
table.status td{ padding:10px; vertical-align:middle;}
table.status td span{ display:block; text-align:right; padding:5px;  font-size:11px;}
table.status th.none{ background:none;}

/*口座*/
table.kouza{ width:480px; margin:40px auto; border-collapse:collapse; border:1px solid #191919;}
table.kouza th, table.kouza td{ padding:10px; border:1px solid #191919;}
table.kouza th{ background:#efefef;}

@media screen and (max-width:640px){
.float_r{ float:none; text-align:center; margin:0px auto 10px;}
#sub_page{ padding:20px 0px;}
#sub_page h2{ font-size:28px; margin-bottom:20px;}
#sub_page h2 span{font-size:18px;}
#sub_page h3{ font-size:24px; margin-bottom:20px;}
#sub_page h3 span{ font-size:16px; display:block; margin:10px auto 0px;}
#sub_page h4{ font-size:18px;}
/*由来*/
.loupe img{ max-width:1080px !important;}
.spot_img{width:46%;margin-left:1%;}
.spot_img .float_r img{width:100%;}
/*イベント*/
dl.event{ padding:10px; margin:20px auto;}
dl.event dt{ font-size:18px;}
dl.event figure{ margin:0px auto;}
dl.event table{ margin:10px auto;}
dl.event table th{ display:block; width:100%; padding:5px;}
dl.event table td{ display:block; width:100%; padding:5px;}
.ev_day{width:70px;height:70px;}
.ev_day p{font-size:16px;}
.ev_day p span.nosche{font-size:28px;}
.ev_day p span.month{font-size:40px; letter-spacing:-3px;margin-left:-2px;}
table.topInfo{width:100%;float:none;}
.topInfo td,.topInfo th{width:33.33%;}
table.topInfo:nth-child(3) tr:first-child{display:none;}
.info_mini{white-space:normal;}
/*パンフレット*/
ul.pamph{ width:100%; margin:0px auto; border-spacing:0px;}
ul.pamph li{ display:block; padding:5px; margin:0px auto 20px;}
ul.pamph li span{ margin-top:5px;}
ul.pamph li.none{ display:none;}
/*お店*/
dl.store{ width:100%; margin:20px auto;}
dl.store dt{ font-size:20px;}
dl.store dd{ font-size:12px;}
ul.store li{height:auto;font-size:11px;text-align:center;padding-left:35px;line-height:30px;}
ul.store li span.num{width:30px;height:30px;font-size:16px;line-height:30px;position:absolute;top:0px;left:0px;}
ul.store li img{height:20px;margin:5px;}
ul.store li i{font-size:120%;color:#908819;}
ul.store li .tel{position:static;width:70%;margin:5px auto 10px;}
ul.store li .kizahashi{padding:0px;line-height:30px;}

/*アクセス*/
.google_map{ width:100%; margin:20px auto;}
.google_map iframe{ width:100% !important; height:240px !important;}
dl.access{ width:100%; margin:20px auto;}
dl.access h4{ margin-top:0px !important;}
dl.access dt{ display:block; width:100%; padding-right:0px; margin-bottom:20px;}
dl.access dd{ display:block;}
dl.access table{ width:100%;}
dl.access table th, dl.access table td{ padding:2px 0px; border-bottom:1px dotted #aaa; font-size:12px; vertical-align:middle;}
dl.access table th{ width:25%;}
/*リンク*/
table.link th{ width:100%; padding:10px 5px 0px; display:block; font-size:14px;}
table.link td{ width:100%; padding:5px 5px 10px; display:block;}
/*お問合せ*/
table.mailform{ margin:20px auto; border-spacing:5px;}
table.mailform th{ padding:5px; width:100%; display:block;}
table.mailform td{ padding:10px; width:100%; display:block; text-align:center;}
table.mailform th.none{ display:none;}
table.mailform input{ width:100%; padding:5px;}
table.mailform input.min{ width:33%; margin-right:10px;}
table.mailform textarea{ width:100%; padding:5px;}
table.mailform select{ width:100%; padding:5px;}
table.mailform input[type=submit]{ width:50%;}
table.mailform input[type=reset]{ width:50%;}
/*口座*/
table.kouza{ width:100%; margin:20px auto; border-collapse:collapse; border:1px solid #191919;}
table.kouza th, table.kouza td{ padding:5px; border:1px solid #191919;}
table.kouza th{ background:#efefef;}
}

@media screen and (max-width:480px){
	.spot_img{float:none;width:75%;margin:0px auto;}
}




@media print, screen and (min-width:640px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
body{ min-width:100%; width:100%;}
h1,h2,h3,h4,h5,h6{ letter-spacing:0.05em;}
figure {margin:20px auto; text-align:center;}
p{ margin-bottom:15px; line-height:1.6em;}

/*ヘッダー*/
#header{ height:auto;}
#header dl{ height:auto; display:table; table-layout:fixed; width:100%;}
#header dl dt{ display:table-cell; vertical-align:top; width:40%;}
#header dl dd{ display:table-cell; vertical-align:top; width:;}
#header dl dt img{ width:100%;}
#header_in{ height:auto; width:100%;}
#header_in figure{ position:static; padding:5px 10px 10px;}
#header_in figure:first-child{ padding:5px 10px 0px;}
#header_in ul{justify-content: center;padding:8px 0;}

#nav{ background:#fff; width:100%; margin:0px auto; padding:0px;}
#nav ul{ padding-left:5px;}
#nav ul li{ display:block; margin-right:0px;}
#nav ul li a{ padding:5px 5px 5px 15px; border-bottom:2px solid transparent; font-size:14px;}

/*フッター*/
#foot_nav{}
#foot_nav ul{ margin:20px auto; display:table; table-layout:fixed; width:100%;}
#foot_nav ul li{ width:50%; padding:5px;}
#foot_nav dl{ margin:0px auto 20px;}
#foot_nav dl dt{ display:block; text-align:center; margin-bottom:20px;}
#foot_nav dl dd{ display:block; width:100%;}
#foot_nav dl dd iframe{ width:100%; height:240px;}

#footer{ padding:20px 0px 5px; color:#fff;}
#footer ul{ text-align:center;}
#footer ul li{ display:inline-block; margin:5px 10px;}
#footer ul li a{ display:block; color:#fff; font-size:14px;}

#footer dl{ margin:20px auto 40px; font-size:12px;}
#footer dt{ display:block; width:100%; margin-bottom:20px; text-align:center;}
#footer dd{ display:block; width:100%; text-align:left; padding:0px; font-size:11px;}

#footer strong{ font-weight:normal; font-size:28px;}
#footer dt.logo{ width:100%;}
#footer dt.logo strong{ letter-spacing:0.2em; margin-top:10px; display:block;}
p.copyright{ font-size:11px; letter-spacing:0.1em; text-align:center;}

/*コンテンツ*/
section{ width:100%;}
.maincontent{ width:94%;}
.maincontent_in{ width:100%;}
hr.hr001{ width:94%; margin:30px auto;}
figure.pagetop{ margin:0px auto !important; position:static; text-align:right; padding:0px 10px 5px;}
hr.border_hr{ height:20px; background-size:contain;}

/*タイトル*/
h2{ text-align:center; margin-bottom:20px; font-size:21px;}

/*イントロ*/
#intro{ background:none; height:auto; min-width:100%;}
#intro figure{ right:10px; bottom:10px; padding:0px;}
#intro figure img{ width:25%;}
#intro figure.smp{ position:static; margin:0px; padding:0px;}
#intro figure.smp img{ width:100%;}

/*新着情報*/
#news{ background:url(../images/illust001.png) right center no-repeat #fffef7; padding:20px 0px;}
#news ul{ width:94%; margin:0px auto 20px;}
#news ul li{ display:block; margin-bottom:20px;}
#news dl{ display:block; width:100%;}
#news dl dt{ display:none; vertical-align:middle; width:90px;}
#news dl dd{ display:block; font-size:12px;}
#news dl dd span.date{ font-size:12px; display:block; margin-bottom:5px;width:100%;}
#news dl dd p{width:100%;}
#news > a{width:25%;margin-left:37.5%;}
.news.maincontent dl > dt{font-size:12px;margin:0px;width:100%;color:#ACA9A0;}
.news.maincontent dl > dd{font-size:12px;margin:-10px 0px 10px;width:100%;padding-left:1em;}

/*イベント*/
#event{ padding:20px 0px 0px; background:url(../images/event_bg.png) center center no-repeat; background-size:contain;}
#event h2{ margin-bottom:40px;}
#event ul{ width:94%; margin-bottom:0px;}
#event ul li{ display:block; margin-bottom:20px;}
#event dl dt{ width:70px;}
#event dl dd h3{ font-size:14px; margin-bottom:5px;}
#event dl dd p{ font-size:11px; line-height:1.4em;}

/*セカンド*/
#second{ background:none; height:auto; min-width:100%;}
#second figure{ right:10px; bottom:10px; padding:0px;}
#second figure img{ width:25%;}
#second figure.smp{ position:static; margin:0px; padding:0px;}
#second figure.smp img{ width:100%;}

/*アクセス*/
#access{ padding:0px;}
#access figure.title_img{ position:static; text-align:left;margin-bottom:20px;}
#access figure.title_img img{ width:33%;}
#access figure{ margin:20px auto;}

/*サード*/
#third{ background:none; height:auto; min-width:100%;}
#third figure{ right:10px; bottom:10px; padding:0px;}
#third figure img{ width:25%;}
#third figure.smp{ position:static; margin:0px; padding:0px;}
#third figure.smp img{ width:100%;}

/*お店*/
#store{ padding:0px; height:auto;margin-top:-20px;}
#store figure.title_img{ position:static; text-align:left;}
#store figure.title_img img{ width:33%;}
#store dl{ width:100%; margin:20px auto;}
#store dl dt{ font-size:20px;}
#store dl dd{ font-size:12px;}
#store ul li{height:auto;font-size:11px;text-align:center;padding-left:35px;line-height:30px;}
#store ul li span.num{width:30px;height:30px;font-size:16px;line-height:30px;position:absolute;top:0px;left:0px;}
#store ul li img{height:20px;margin:5px;}
#store ul li i{font-size:120%;color:#908819;}
#store ul li .tel{position:static;width:70%;margin:5px auto 10px;}
#store ul li .kizahashi{padding:0px;line-height:30px;}

.tableArea{width:100%;margin:0 auto;}

/*フォース*/
#fourth{ background:none; height:auto; min-width:100%;}
#fourth figure{ right:10px; bottom:10px; padding:0px;}
#fourth figure img{ width:25%;}
#fourth figure.smp{ position:static; margin:0px; padding:0px;}
#fourth figure.smp img{ width:100%;}

/*コンせプト*/
#concept{
background-size:auto 100%;
}
#concept figure.title_img{ position:static; text-align:left; margin-bottom:10px;}
#concept figure.title_img img{ width:33%;}
#concept .maincontent_in{ width:100%; background-color:rgba(255,255,255,0.6); padding:3%; margin-bottom:10px;}
#concept .maincontent_in ul{ margin:0px auto 20px;}
#concept .maincontent_in ul li{ display:inline-block; margin-right:10px;}
#concept dl{ margin-bottom:30px;}
#concept dl dt{ margin-bottom:5px;}
#concept dl dd{ margin-bottom:15px; font-size:11px;}
#concept dl dd span{ font-size:14px; font-weight:normal;}
#concept h3{ margin-bottom:0px; font-size:24px;}
#concept h4{ margin-bottom:0px; font-size:18px;}

/*モデルコース*/
#course figure.title_img{ position:static; text-align:left;}
#course figure.title_img img{ width:33%;}
#course .maincontent_in{padding:20px 0px;}
#course .maincontent_in p{font-size:12px !important;}
#course .course_inner1,
#course .course_inner2,
#course .course_inner3,
#course .course_inner4,
#course .course_inner5{background:url(../images/course/bg0.jpg) 20% 0 repeat-y;}
#course .spot{position:static;width:80%;margin:0px auto 10px;}
#course .spot2{width:80%;}
#course .walk{padding-bottom:10px;margin-bottom:0px;}


}
@media screen and (max-width:480px){
	#course .spot{width:100%;}
	#course .spot2{width:100%;}
}

.ekibasya td{text-align: center;}
.ekibasya tr td:nth-of-type(even){background:#EEEEEE;}
.ekibasya tr.yamadera td:nth-of-type(odd){background:#CAEFBA;}
.ekibasya tr.yamadera th,.ekibasya tr.yamadera td:nth-of-type(even){background:#aacb9b;}

.parking{padding:6px;height:32px;width:32px;background:#215691;color:white;border-radius:8px;margin-left:12px;box-sizing:border-box;display:inline-block;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,0.3);}







/* --- 2018-09-18 --- */
.btn-area { width: 60%; margin: 0 auto; margin-bottom: 10px; }
.btn-area:after { content: ''; display: block; clear: both; }
.btn-area input { display: block; float: left; width: 46%; margin: 10px 2%; background: black; color: #fff; text-align: center; border-radius: 3px; padding: 0.5em; font-size: 1.6rem; border: none; }

.btn-area input:hover { cursor: pointer; }

.btn-area input.reset { background: #B8B8B8; }

.btn-area input.send { background: #ff6800; }

.btn-area input.submit { background: #6dabbf; }

.btn-area input.button { background: #29324f; }

.btn-area input.button-top	{	width:100%;}
.btn-area input:hover { opacity: 0.8; }


table.mailform td span.msg { text-align: left;　color: #ff6800; }

@media screen and (max-width: 768px) { .btn-area { width: 100%; } }

@media screen and (max-width: 640px) { input[type="text"], textarea { width: 100%; }
  .btn-area { width: 80%; } }

@media screen and (max-width: 480px) { .btn-area { display: block; }
  .btn-area input { width: 100%; margin: 1% 0 4%; font-size: 1.4rem; }
  input[type="text"].width10 { width: 30%; margin: 0 0 0 0; }
  input[type="text"].width20 { width: 40%; margin: 0 0 0 0; }
  input[type="text"].width30 { width: 60%; margin: 0 0 0 0; }
  input[type="text"].width40 { width: 80%; margin: 0 0 0 0; }
  input[type="text"].width70 { width: 100%; margin: 0 0 0 0; } }

@media screen and (max-width: 375px) { .btn-area input { font-size: 1.2rem; } }


/* --- 2020-02-13 --- */

#photoArea{padding:30px 0;margin-bottom:30px;background:#fafafa;}
#photoArea h2{font-size:20px;color:red;}
#photoArea ul.photo{display:flex;flex-flow:row wrap;box-sizing:border-box;}
#photoArea ul.photo li{width:20%;padding:10px;}
#photoArea p.txt1{font-size:13px;text-align:center;padding:0;}



@media screen and (max-width: 768px) {


}

@media screen and (max-width: 640px) {


}

@media screen and (max-width: 480px) {
    
    #photoArea h2{font-size:16px;}
    #photoArea ul.photo li{width:50%;}
    
}

@media screen and (max-width: 375px) {


}