@charset "utf-8";
html { 
	box-sizing: border-box; 
	margin:0!important;
	padding:0!important;
} 
*, *:before, *:after { box-sizing: inherit; }

body{
	margin: 0;
	width:100%;
  	font-size:6.35416vw;
  	line-height: 1.3em;
	font-family: 'YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
}
.drawer-nav{
	overflow: scroll!important;
}
form#searchform{
}
.headline{
	height:1.5625vw;
	background:url(../img/bg-headline.png) repeat-x; 
	vertical-align: middle;
}

.drawer--top.drawer-open .drawer-nav {
    top:14.3vw;
}
.drawer-nav {
    z-index: 99;
    color: #444;
    
    }
.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2); 
}
.drawer-hamburger {
	width: 4vw;
    padding: 4.5vw 2.8vw;
    border: 1px solid #ccc;
    border-radius: 1vw;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #9d9d9d;
}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    right: 5.7vw;
    top:3.125vw;
}

.drawer-hamburger-icon:after{
	top:-1.5vw;
	}
.drawer-hamburger-icon:before {
 	top:1.5vw;
    }
.wrapper
{
	width:93.75vw;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap; 
}
.headline h2{
	display:none;
}
.R-side{
	margin:0;
}


.headline form{display: inline-block;}
nav .flex{
	background: #eee;
	padding:3.125vw;
	border-bottom: 1px solid #ccc;
}
#searchbox{
	width:45vw;
	outline:0;
	background:#fff;
	border:1px solid #ccc;
}
#search{
	width:45vw;
	display: inline-block;
}
#google_translate_element{
	display: inline-block;
	margin-left:1.5625vw;
	width:45vw;
	height:1.8em;
}
.headtop {
	height:12.5vw;
	vertical-align: middle;
}
.TaC,.TaC-sp{
	text-align: center;
}
.TaR{
	text-align: right;
}
.TaL-sp{
	text-align: left;
}
h1 img{
	margin-top:2.34375vw;
	height:8vw;
}
.headline .R-side,
.headtop .R-side{
	display:none;
}
ul#komenu a{
	color:#444;
	font-size: 14px;
}
ul#komenu{
	display: flex;
}
ul#komenu li{
  	list-style: none;
  	justify-content: space-between;
}
ul#komenu li{
  	position: relative;
  	margin-left:33px;
	padding: 0 0 0 7px;
	border-left: solid 14px #3a9ba6;
	line-height: 2.34375vw;
}
ul#komenu li:before {
  	content:'keyboard_arrow_right';
    font-family: "Material Icons";
    position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -14px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
ul#komenu li:first-child{
  	margin-left:0;
}

ul.cdd_menu a,
ul.drawer-menu a{
    text-decoration: none;
    color: #646464;
    background: transparent;
}
ul.cdd_menu,ul.drawer-menu {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    background: #EEE;
    text-align: center;
}
ul.cdd_menu > li,
ul.drawer-menu > li {
    
    }
img.navicon{
	height:6.25vw;
	margin:0 2vw 0.9vw;
}
img.navicon-yajirushi{
	height:4vw;
	margin:0 2vw 2vw;
}
ul.drawer-menu{
	padding: 0 3.125vw;
}
ul.cdd_menu li a,
ul.drawer-menu li a {
    display: block;
    margin: 0;
    padding: 1.3vw;
    text-align:left;
    font-size: 4.38vw;
     border-bottom:1px solid #ccc;
}

ul.drawer-menu li a p.yajirusi{
	display: block;
	text-align: right;
	margin: -2em 0 0;
}	
p.yajirusi:before{
	content:'keyboard_arrow_right';
    font-family: "Material Icons";
	padding: 0em;
	color: #3b949e;
	font-weight: normal;
	font-size: 4.38vw
}
ul.drawer-menu li.snd{
	padding-left:10vw;
}	
ul.drawer-menu li.snd a{
	font-size: 3.73vw

}	
ul.cdd_menu,
li.cdd_menu-dropdown > ul,
ul.drawer-menu,
li.drawer-dropdown > ul {
    list-style: none;
}
li.cdd_menu-dropdown > ul,
li.drawer-dropdown > ul {
    position: absolute;
    background: #CCC;
    visibility: hidden;
    opacity: 0;
}
li.cdd_menu-dropdown:hover > ul,
li.drawer-dropdown:hover > ul {
    visibility: visible;
    transition: .5s;
    opacity: 1;
}	
div.headnavi nav#grobalnavi ul li{
width:160px;
height:100%;
display:block;
background:-moz-linear-gradient(bottom, #ccc, #FFF);
background:-moz-linear-gradient(bottom, #ccc, #fff);
background:linear-gradient(to top, #ccc, #fff);
}
div.headnavi nav#grobalnavi ul li .inner{
	display:block;
	width:159px;
	height:80px;
	background: -moz-linear-gradient(bottom, #eee, #FFF);
  	background: -webkit-linear-gradient(bottom, #eee, #FFF);
 	background: linear-gradient(to top, #eee, #FFF);height:100%;
}
div.headnavi nav#grobalnavi ul li:first-child .inner{
	width:158px;
	margin:0 1px 0 1px;
}
.menu_icon{
	margin:0;
	padding:1.5625vw 0 0;
}
.menu_icon img{ 
	height:37px;
	margin-bottom:3px;
	width:auto;
}
.drawer-menu-item {
    padding: 0;
 }
.headnavi{
	background: -moz-linear-gradient(bottom, #eee, #FFF);
  	background: -webkit-linear-gradient(bottom, #eee, #FFF);
 	background: linear-gradient(to top, #eee, #FFF);
}
.slide {
    background: -moz-linear-gradient(top, #c3d7d9, #FFF);
  	background: -webkit-linear-gradient(top, #c3d7d9, #FFF);
 	background: linear-gradient(to bottom, #c3d7d9, #FFF);
}
.bx-wrapper {
    width:100%;
    margin:0 auto;
    background: -moz-linear-gradient(top, #c3d7d9, #FFF);
  	background: -webkit-linear-gradient(top, #c3d7d9, #FFF);
 	background: linear-gradient(to bottom, #c3d7d9, #FFF);
}
.bx-wrapper img,
img.w480, 
.ippin_poster img{
     width: 100%; 
 }

#sliderInner img {
  	margin-top:1.5625vw; 
  	box-shadow: 1.5625vw 1.5625vw 1.5625vw #ccc;
  	width:93.75vw;
  	height:auto;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #3a9ba6;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    border-radius: 1.5625vw;
}
img {
    vertical-align:bottom;
}
#bread span a,#bread{
	font-size: 1.875vw;
	line-height: 4em;
	color:#333;
	text-decoration: none;
}

#title{
	background-image:url(../img/title_bg-pc.jpg);
	background-size:cover;
	background-position:center center; 
	height:24.21875vw;
}
#title.whatnew{
	background-image:url(../img/whatnew_bg-pc.jpg);
}
#title.contact{
	background-image:url(../img/contact_bg-pc.jpg);
}
#title.voice{
	background-image:url(../img/voice_bg-pc.jpg);
}
#title.faq{
	background-image:url(../img/faq_bg-pc.jpg);
}
#title.sitemap{
	background-image:url(../img/sitemap_bg-pc.jpg);
}
#title.ippin{
	background-image:url(../img/ippin_bg-pc.jpg);
}
#title.study{
	background-image:url(../img/study_bg-pc.jpg);
}
#title.sightseeing{
	background-image:url(../img/sightseeing_bg-pc.jpg);
}
#title.blog{
	background-image:url(../img/blog_bg-pc.jpg);
}
#title.whatsnew{
	background-image:url(../img/whatsnew_bg-pc.jpg);
}
#title.about{
	background-image:url(../img/about_bg-pc.jpg);
}
#title.display{
	background-image:url(../img/display_bg-pc.jpg);
}
#title.kids{
	background-image:url(../img/kids_bg-pc.jpg);
}
#title.policy{
	background-image:url(../img/policy_bg-pc.jpg);
}
#title h2{
	/*position: absolute;
	top:90px;
	left:0;*/
	font-size: 5.625vw;
	color:#fff;
	font-weight: bold;
	text-shadow:3px 3px 0px #0a0205;
	line-height: 24.21875vw;
	letter-spacing: 0.2em;
}
#guide-page #title h2{
	padding:2vw 30vw 2vw 0;
	font-size: 4.375vw;
	line-height: 1.45em;
}
h3.access_car,
h3.access_train,
h3.access_bus{
	font-size: 4.6875vw;
	color:#333;
	font-weight:bold;
	line-height: 40px;
	background-color:#eee;
	margin-bottom:20px;
}
h3.access_car:before{
  content: "";
  margin:0 10px 0;
  display:inline-block;
  width:33px;
  height:19px;
  background:url("../img/icon_access_car.png") no-repeat;
  background-size:contain;
  vertical-align: middle;
 }
h3.access_train{
	margin-top:40px;
}
h3.access_train:before{
  content: "";
  margin:0 10px 0;
  display:inline-block;
  width:23px;
  height:28px;
  background:url("../img/icon_access_train.png") no-repeat;
  background-size:contain;
  vertical-align: middle;
 }
h3.access_bus{
	margin-top:50px;
}
h3.access_bus:before{
  content: "";
  margin:0 10px 0;
  display:inline-block;
  width:33px;
  height:21px;
  background:url("../img/icon_access_bus.png") no-repeat;
  background-size:contain;
  vertical-align: middle;
 }
h3.page{
	font-size: 4.6875vw;
	color:#333;
	font-weight:bold;
	line-height: 2.0em;
	background-color:#eee;
	margin-bottom:3.125vw;
	padding: 0 1.3VW 0;
	border-left:0.625VW solid #3a9ba6;
	margin-top:7.8125vw;
}
#floor-page .wrapper h3.page:first-child,
#coupon-page .wrapper h3.page:first-child,
.display-page .row:first-child h3.page,
.guide .wrapper:first-child h3.page,
#study-page .study .wrapper:first-child h3,
#sightseeing-page .sightseeing .wrapper:first-child h3,
#about-page .about .wrapper:first-child h3,
#sitepolicy-page .wrapper h3.page:first-child
{
	margin-top:0;
}
h3.uroko{
	color:#333;
	letter-spacing: 0.1em;
	font-size:3.75vw;
	font-weight:bold;
	line-height:2em;
	border-bottom: solid 3px #3a9ba6;
    background: url(../img/h3_pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fafafa), color-stop(0.00, #ddd));
    background: url(../img/h3_pattern.png) repeat, -webkit-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -moz-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -o-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -ms-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, linear-gradient(#fafafa, #ddd);
}
h3.bell:before {
  content: url("../img/h3_icon.png");
  padding:0 10px 0 15px;
}
div.h3{
	position: relative;
}
h3.green{
	width:470px;
	color:#fff;
	letter-spacing: 0.1em;
	font-size:3.75vw;
	font-weight:bold;
	line-height:2em;
	background: -moz-linear-gradient(top, #7db298, #549173);
  	background: -webkit-linear-gradient(top, #7db298, #549173);
 	background: linear-gradient(to bottom, #7db298, #549173);
    border:#549173 1px solid;
}
h3.cha{
	width:470px;
	color:#fff;
	letter-spacing: 0.1em;
	font-size:3.75vw;
	font-weight:bold;
	line-height:2em;
	background: -moz-linear-gradient(top, #cc9f7a, #b26e36);
  	background: -webkit-linear-gradient(top, #cc9f7a, #b26e36);
 	background: linear-gradient(to bottom, #cc9f7a, #b26e36);
    border:#c7854f 1px solid;
}
h3.whatsday:before{
  content: url("../img/h3_icon_whatsday.png");
  padding:0 10px 0 15px;
  vertical-align: middle;
}
h3.ipp:before{
  content: url("../img/h3_icon_ippin.png");
  padding:0 10px 0 15px;
  vertical-align: middle;
}
h3.faq{
	margin-bottom:3.125vw;
	padding-left:3.125vw;
	color:#333;
	letter-spacing: 0.1em;
	font-size:4.6875vw;
	font-weight:bold;
	line-height:2em;
	border-bottom: solid 3px #3a9ba6;
    background: url(../img/h3_pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fafafa), color-stop(0.00, #ddd));
    background: url(../img/h3_pattern.png) repeat, -webkit-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -moz-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -o-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -ms-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, linear-gradient(#fafafa, #ddd);
}
h3.sitemap{
	color:#333;
	letter-spacing: 0.1em;
	font-size:4.6875vw;
	font-weight:bold;
	line-height:2em;
	border-left: solid 0.46vw #549173;
    background-color:#eee;
    padding-left:1.5625vw;
}
.sitemap-page .wrapper:nth-child(3) h3.sitemap{
	border-left: solid 0.46vw #8c6754;
}
.row5 .wrapper .L-side h3,
.row5 .wrapper .R-side h3{
	display: inline-block;
	padding: 0 0 10px;
	color:#444;
	font-size:14px;
	font-weight:normal;
    border-bottom:#3a9ba6 1px solid;
}
.row5 .wrapper .L-side h3:before{
  content: url("../img/blog_icon.png");
  padding:0 10px 10px 15px;
  vertical-align: middle;
}
.row5 .wrapper .R-side h3:before{
  content: url("../img/facebook_icon.png");
  padding:0 10px 10px 15px;
  vertical-align: middle;
}
h3.kids{
position: relative;
background: #ffdd99;
padding: 2.5vw 0 2.5vw 15vw;
font-size: 5vw;
color: #333;
border-radius: 12.5vw 3vw 3vw 12.5vw;
border:0.625vw solid #f2a60c;
margin-bottom:3.125vw;
}

h3.kids:before {
font-family: "YuGothic";
font-size: 7vw;
content: "?";
display: inline-block;
line-height:2em;
position: absolute;
padding: 0em;
color: white;
background: #f2a60c;
font-weight: normal;
width: 14vw;
text-align: center;
height: 14vw;
left: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
h3.display{
	padding-left:3.125vw;
}
h3.display:before {
  content: "";
  background:url("../img/h3_icon_pageexh.png") no-repeat;
  width:6.25vw;
  height:4.0624vw;
  background-size:contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 1.5625vw;
}
h3.blog:before {
  content: "";
  background:url("../img/h3_icon_blog.png") no-repeat;
  width:28px;
  height:31px;
  background-size:contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
h3.whatsnew:before {
  content: "";
  background:url("../img/h3_icon_whatnew.png") no-repeat;
  width:27px;
  height:31px;
  background-size:contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
h3.ippin{
	margin-bottom:3.125VW;
	padding-left:3.125VW;
	color:#333;
	letter-spacing: 0.1em;
	font-size:4.6875vw;
	font-weight:bold;
	line-height:2em;
	border-bottom: solid 0.625vw #c7854f;
    background: url(../img/h3_pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fafafa), color-stop(0.00, #ddd));
    background: url(../img/h3_pattern.png) repeat, -webkit-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -moz-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -o-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -ms-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, linear-gradient(#fafafa, #ddd);
}
h3.ippin:before {
  content: "";
  background:url("../img/h3_icon_pageipp.png") no-repeat;
  width:4.375vw;
  height:4.6875vw;
  background-size:contain;
  vertical-align: middle;
  display: inline-block;
  margin-right: 1.5625vw;
}
.sitemap-page .wrapper:nth-child(3) h3.sitemap{
	border-left: solid 3px #8c6754;
}
h4,#sitepolicy-page h4{
	font-size: 3.75vw;
	font-weight: bold;
	margin-top:3.125vw;
}

h4:before{
  content: "■";
  margin-right: .1em;
  font-size: 0.8em;
  color:#3a9ba6;
}
h4:first-child{
	margin-top:0;
}
h4.study{
	font-size: 4.564vw;
	font-weight: normal;
	color:#0f8b99;
	margin:3.75vw auto;
}
h4.study:before{
	content: "";
  margin-right: 0;
  font-size: 0;
}
h4.study img,img.w100{
	width:93.75vw;
}
h4.course{
	margin: 0;
}
h5.place{
	font-size: 4.375vw;
	font-weight:bold;
	border-bottom:1px solid #3a9ba6;
	line-height: 2em;
	margin:0 3.125vw;
	margin-top:2.5vw;
}
p.place{
	margin:0 3.125vw;
}
span.b{
	font-weight: bold
}
span.blue-marker,
span.blue-marker-sp{
	background: linear-gradient(transparent 60%, #c2edf2 0%);
	color:#3a9ba6;
	font-size: 5vw;
	font-weight: bold;
	line-height: 2em;
	padding-bottom: 0.78vw;
}
span.blue-marker-sp{
	color:#444;
	font-size: 3.75vw;
}
span.exhibition-date{
	font-size: 3.75vw
}
p.study{
	margin-top:3.75vw;
	line-height: 1.8em;
}
span.sla{
	font-family: Arial;
	font-size:1.8em;
	margin:0 1.75vw;
	vertical-align: middle
}
/* スライドショー */
img.slideimg{
	width:90vw;
	height:40vw;
}
.bx-wrapper .bx-pager {
     padding-top: 0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position:relative;
    bottom: 1.5625vw;
    width: 100%;
}
#slideFilterL, #slideFilterR {
    display: none;
}

/* 最新のお知らせ */
.row1{
	margin-top:6.25vw;
}
.row1 .wrapper .L-side{
	width:93.75vw;
	margin:0;
	border: 1px solid #ccc;
	margin-bottom:6.25vw;
	
}
.row1 .wrapper .L-side h3{
	color:#333;
	letter-spacing: 0.1em;
	font-size:3.75vw;
	font-weight:bold;
	line-height:2em;
	padding:0 2.5vw 0 2.5vw;
	border-bottom: solid 0.46875vw #3a9ba6;
    background: url(../img/h3_pattern.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fafafa), color-stop(0.00, #ddd));
    background: url(../img/h3_pattern.png) repeat, -webkit-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -moz-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -o-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, -ms-linear-gradient(#fafafa, #ddd);
    background: url(../img/h3_pattern.png) repeat, linear-gradient(#fafafa, #ddd);
}
.row1 .wrapper .L-side h3:before {
  content: "";
  padding:0 2vw;
  height:4.0625vw;
  width: 3.4375vw;
  display: inline-block;/*忘れずに！*/
  background-image: url("../img/h3_icon.png");
  background-size: contain;
  vertical-align: middle;
  margin:0 2vw 0.5vw 0;
}

div.h3{
	position: relative;
	}
a.viewlist p{
	position: absolute;
	top:1vw;
	right:2.5vw;
	padding-left:3.125vw;
	font-size:2.1875vw;
	line-height: 2em;
	font-weight: bold;
	color:#3a9ba6;
	border-left:1px #ccc solid;
}
a.viewlist p img{
	vertical-align: middle;
	margin-right:5px;

}
.row1_wrap{
	display: flex;
	flex-flow: column nowrap; 
}
.newsbx{
	display: flex;
	width:100%;
	padding:3.125vw;
	position: relative;
}
.newsbx::after{
	content: "";
	position: absolute;
	border-bottom:1px #ccc solid;
	width:87.6vw;
	height:1px;
	bottom: 0;
	left:3.125vw;
}
.newsbx:last-child::after{
	border:0;
}
.newsbx .datetitle{
	padding:0 0 0 6.25vw;
}
img.news_img{
	border: 1px #ccc solid;
	width:24.53125vw;
}
.news_date{
	font-size:3.7468vw;
	font-weight:normal;
	color:#666;
	margin:0 ;
	
}
.news_title{
	font-size:4.3703125vw;
	font-weight:bold;
	color:#3a9ba6;
	line-height: 1.8em;
}
.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.row1 .wrapper .R-side{
	width:100%;
	margin-top:0;
}
/* 今日は何の日 */
.row2{
	margin-top:25px;
}
.row2 .wrapper{
	display: flex;
}
.row2 .wrapper .L-side,
.row2 .wrapper .R-side{
	width:93.75vw;
	margin-bottom:6.25vw;
}
.row2 .wrapper .R-side{
 	margin-top:0;
 	text-align: left;
}
.row2 .wrapper .L-side h3{
	width:93.75vw;
	color:#fff;
	letter-spacing: 0.1em;
	font-size:5vw;
	font-weight:bold;
	line-height:2em;
	background: -moz-linear-gradient(top, #7db298, #549173);
  	background: -webkit-linear-gradient(top, #7db298, #549173);
 	background: linear-gradient(to bottom, #7db298, #549173);
    border:#549173 1px solid;
}
.row2 .wrapper .R-side h3{
	width:93.75vw;
	color:#fff;
	letter-spacing: 0.1em;
	font-size:5vw;
	font-weight:bold;
	line-height:2em;
	background: -moz-linear-gradient(top, #cc9f7a, #b26e36);
  	background: -webkit-linear-gradient(top, #cc9f7a, #b26e36);
 	background: linear-gradient(to bottom, #cc9f7a, #b26e36);
    border:#c7854f 1px solid;
}
.row2 .wrapper .L-side h3:before{
  content: url("../img/h3_icon_whatsday.png");
  padding:0 1.5625vw 0 2.34375vw;
  vertical-align: middle;
}
.row2 .wrapper .R-side h3:before{
  content: url("../img/h3_icon_ippin.png");
  padding:0 1.5625vw 0 2.34375vw;
  vertical-align: middle;
}
.whatsday_img,.ippin_img{
	width:93.75vw;
}
.whatsday_title,.ippin_title{
	background: #e6f2ec;
	height:10vw;
	padding:3vw 4.06vw;
}
.ippin_title{
	background: #fff1e5;
}
.whatsday_title p{
	color:#444;
	font-weight: bold;
	font-size: 3.75vw;
	line-height: 1em;
	position: relative;
	border-left: solid 3.125vw #549173;
	padding-left:2vw;
}
.ippin_title p{
	color:#444;
	font-weight: bold;
	font-size: 3.75vw;
	line-height: 1em;
	position: relative;
	border-left: solid 3.125vw #c7854f;
	padding-left:2vw;
}
.whatsday_title p:before,.ippin_title p:before {
  	content:'keyboard_arrow_right';
    font-family: "Material Icons";
    position: absolute;
    color: white;
	font-weight: normal;
	left: -3.5vw;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}
/* バナーエリア */
.row3{
	margin-top:0;
}
.row3 .wrapper{
	display: flex;
	justify-content: space-between;
}
p.banner_titile{
	font-size:3.75vw;
	font-weight: normal;
	color:#444;
	line-height: 1.8em;
}
img.banner_img{
	width:100%;
}
/* 豆州庵 */
.row4{
	margin-top:6.25vw;
}
.row4 .wrapper .L-side{
	width:100%;
	height:auto;
	background:url(../img/bg_zushuan.png) repeat; 
	padding:3.75vw 5.6vw 5.6vw;

}

img.zushuan_logo{
	width:100%;
}
p.zushuan_info{
	font-size: 3.75vw;
	line-height:1.8em;
	margin:3.5vw 0;
	color:#fff;
}
.squ_link{
	/*width:420px;*/
	border:1px solid #fff;
	text-align: center;
}
a.zushuan_link{
	font-size: 3.75vw;
	color:#fff;
	line-height: 2em;
	text-decoration: none;
}
.row4 .wrapper .R-side{
	margin:0;
}
.zushuan_photo{
	width:100%;
	height:auto;
}
/* ブログ */
.row5{
	margin:6.25vw 0;
	
}
.row5 .wrapper{
	display: flex;
	justify-content: space-between;
}
.row5 .wrapper .L-side,
.row5 .wrapper .R-side{
	background:#fff; 
	text-align: center;
	margin:0;
}
.row5 .wrapper .L-side h3,
.row5 .wrapper .R-side h3{
	display: inline-block;
	padding: 0 0 1.5625vw;
	color:#444;
	font-size:5vw;
	font-weight:normal;
    border-bottom:#3a9ba6 1px solid;
}
.row5 .wrapper .L-side h3:before{
  content: url("../img/blog_icon.png");
  padding:0 1.5625vw 1.5625vw 2.34375vw;
  vertical-align: middle;
}
.row5 .wrapper .R-side h3:before{
  content: url("../img/facebook_icon.png");
  padding:0 1.5625vw 1.5625vw 2.34375vw;
  vertical-align: middle;
}
.row5 .wrapper .R-side{
	margin-top:6.25vw;
}
.L-side .row5_wrap{
	background: #eee;
	padding:3.125vw;
}
.L-side .row5_wrap,
.R-side .row5_wrap{
	margin-top:5vw;
}
.R-side .row5_wrap{
	position:relative;
    width:100%;
    height:0;
    padding-top:100vw;
}
.R-side .row5_wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.blgbx{
	display: flex;
	padding:3.125vw 0;
	text-align: left;
	border-bottom: 1px solid #fff;
}
.blgbx:nth-child(1){
	padding:0 0 3.125vw;
}
.blgbx:nth-child(3){
	border:none;
	padding:3.125vw 0 0;
}
.blgimg{
	width:23.4375vw;
	margin-right:6.25vw;
}
.blgtxt{
	width:100%;
}
img.blg_img{
	width:23.4375vw;
	height:23.4375vw;
}
.blg_date{
	font-size:3.75vw;
	font-weight:normal;
	color:#666;
	line-height: 2em;
	margin:0;
	
}
._2p3a{
	margin:0;
}
.blg_title{
	font-size:16px;
	font-weight:bold;
	color:#3a9ba6;
	line-height: 30px;
}
img.pagetop{
	width:14.0625vw;
}
p#pageTop{
	position: absolute;
	bottom:0;
	right:-3.125vw;
}
footer{
	padding:3.125vw 0 0;
	color:#fff;
	background: url(../img/h3_pattern.png) repeat, #eee;
    background: url(../img/h3_pattern.png) repeat, #eee;
    background: url(../img/h3_pattern.png) repeat, #eee;
    background: url(../img/h3_pattern.png) repeat, #eee;
    background: url(../img/h3_pattern.png) repeat, #eee;
    background: url(../img/h3_pattern.png) repeat, #eee;
    color:#444;
	font-size:14px;
	line-height:30px;
	
}
footer .wrapper {
	padding-bottom:6.25vw;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.ft_logo,.ft_sns,.ft_shopinfo{
	flex:1;
}
.ft_logo img{
	width:218px;
}
.ft_sns{
	text-align: right;
	padding:6.25vw 15.625vw 0;
	
}
img.facebook40px{
	width:6.25vw;
	height:auto;
	margin-right:1.5625vw;
	vertical-align: top;
}
img.zushuan_banner{
	margin-top:1.5625vw;
}
.ft_shopinfo{
	border-left:1px solid #3a9ba6;
	padding:0 0 0 5.5vw;
	margin-top:4vw;
}
#copyright{
	background:url(../img/bg-headline.png) repeat-x; 
	text-align: center;
	height:7.8125vw;
	color:#fff;
	width:100vw;
}
#copyright a{
	color:#fff;
	text-decoration: none
}
p.siteinfo{
	display: none;
}
p.copyright{
	line-height:7.8125vw;
	font-size: 3.125vw;
}
.page p,.ippin-page p{
	font-size: 3.75vw;
	line-height: 2em;
}
/*------------------------------
         common 
-------------------------------*/
.pc{display: none;}
.w470{
	width:100%;
}
img.w307{
	width:100%;
}
.exhibition_poster{
	text-align: center;
}
.exhibition_poster img{
	border:1px solid #eee;
	margin-bottom:6.25vw;
	width:75vw;
}
.exhibition-photo img,
.display-page img
{
	margin-bottom:3.125vw;
}
.ippin_poster img
{
	margin-bottom:6.25vw;
}
.square_btn_back {
    color: #3a9aa6;
    border: solid 2px #3a9aa6;
    width:100%;
    font-size: 3.75vw;
	line-height: 2em;
	text-align: center;
}

#exhibition-page .R-side{
	margin-top:6vw;
}
ul.backnumber {
	position: relative;
	list-style-type: none;
	font-size: 3.75vw;
}
ul.backnumber li {
	padding: 0.5em 0 0.5em 1.4em;
	line-height: 2em;
	border-bottom: 1px  solid #ccc;
	text-align: left;
}
ul.backnumber li::before {
	position: absolute;
	content: "";
}
ul.backnumber {
position: relative;
list-style-type: none;
}
ul.backnumber li {
padding: 0.5em 0 0.5em 1.8em;
line-height: 2.0em;
border-bottom: 1px solid #ccc;
}
ul.backnumber li::before {
	font-family: "Material Icons";
	content: 'keyboard_arrow_right';
	position: absolute;
	color: #3a9ba6;
	left : 0.5em;
}

a{
	text-decoration: none;
	color:#444;
}
.ippin-bg{
	padding:20px;
	background-color: #fff1e5;
	line-height: 1.8em;
	margin-bottom:6.25vw;
}
#ippin-page .square_btn_back{
	color: #c7854f;
    border: solid 2px #c7854f;
}
#ippin-page ul.backnumber li::before {
    color: #c7854f;
}
#access-page p:nth-child(2){
	margin-top:9.375vw;
}
.gmap{
	margin-bottom:7.8125vw;
}
#guide-page .wrapper h3.page:first-child{
	margin-top:0;
}
hr {
    margin: 1em 0 0;
}
dl.yoko{
	margin-bottom:7.8125vw;
}
dl.yoko dt {
	float: left ;
	margin-right:20px;
	font-size: 3.75vw
}
dl.yoko dd {
	font-size: 3.75vw
}
table.fee{
	margin-top:10px;
	box-sizing: border-box;
}
table.fee,
table.fee th,
table.fee td{
	border:1px solid #ccc;
}
table.fee th,
table.fee td{
	padding:1em 0 1em;
	font-size:3.75vw;
	text-align: center;
}
table.fee th{
	font-weight:bold;
	width:43.75vw;
	background:#eee;
}
table.fee td{
	font-weight:normal;
	width:56.25vw;
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
span.br{
	font-size: 3.28125vw;
}
.mt0{
	margin-top:0;
}
div.border{
	margin-top:3.75vw;
	border:1px solid #ccc;
	padding:3.74vw 4vw;
}
div.border ul{
	width:100%;
	margin-right:3.125vw;
	list-style: none;
}
div.border ul li{
	font-size: 3.75vw;
	padding-left: 1em; 
    text-indent: -.7em;
    line-height: 1.8em
	}
div.border ul li:before {
    content: "• ";
    color: #3a9ba6;
}
div.border ul:last-child{
	margin-right:0;
}
div.border2{
	margin:3.125vw 0;
	border:1px solid #ccc;
	padding:3.75vw 0;
	display:flex;
	width:100%;
}
div.border3{
	margin:3.125vw 0;
	border:1px solid #ccc;
	padding:3.75vw;
	display:flex;
	width:100%;
}
div.contact{
	border-right:1px solid #ccc;
	display:block;
	padding:0 3.75vw 0;
	vertical-align: middle;
	font-size: 3.75vw;
}
.border div.contact:nth-child(2){
	border:none;
	padding:0 0 0 3vw;
}
span.tel{
	font-size: 5.625vw;
	font-weight:bold;
	line-height: 1.8em
}
span.small18{
	font-size:4.128vw;
}
a.inlbk{
	color:#333;
	font-size: 3.75vw;
}
.square_btn,input[type="submit"],.blu-sq{
	margin:3.125vw 0 0;
    display: inline-block;
    padding: 2.5VW 12.81VW;
    text-decoration: none;
    color: #3a9ba6;
    border: solid 0.625vw #3a9ba6;
    transition: .4s;
    font-size: 3.75vw;
    background: #fff;
}
.square_btn:hover,input[type="submit"]:hover,.blu-squ:hover{
    background: #3a9ba6;
    color: white;
}
.pdf-icon{
	margin-right:1.5vw;
}
img.pdf-icon{
	vertical-align: middle;
	width:6.25vw;
	height:auto;
}
#coupon-page img{
	width:100%;
	margin-top:7.8125vw;
}
.floor-al,.floor-ac,img.floorph {
	text-align: center;
}
.floor-al img{
	margin:2.34vw auto;
	width:80vw;
}
img.floorph{
	width:62.5vw;
}
.floor-ac img{
	width:40vw;
}
img.floor-down{
	width:7.8VW;
	height:auto;
	text-align: center;
	margin:3.125vw auto;
}
p.blu-sqr{
	line-height: 2em;
}
p.blu-sqr:before{
	font-weight: normal;
    content: "■";
    color: #3a9ba6;
    text-decoration: none;
    font-size:1em;
    padding-right:5px;
}
.circle {
 height:4vw;
 width:4vw;
 border-radius:50%;
 line-height:4vw;
 text-align:center;
 display: inline-block;
 font-size: 3.75vw;
 vertical-align: middle;
}
.blu{
	background: #3a9ba6
}
.cha{
	background: #8c6754
}
.pnk{
	background: #de6264
}
.circle span{
	color:#fff;
}
#floor-page .R-side span{
	font-size: 3.75vw;
	line-height: 1em;
}
#floor-page .R-side{
	text-align: center;
	width:62.5vw;
	margin:0 auto;
}
.kakomi-blue{
	padding:3.125vw;
	border:1px solid #3a9ba6;
	display: inline-block;
}
.kakomi-blue b p{
	text-align: left;
	color: #3a9ba6;
	line-height: 1.5em;
	margin-bottom:1.6vw;
	}
.blulist{
	padding:1.5625VW 6.25VW;
	background:#3a9ba6;
	border-radius: 1.5625VW;
	color:#fff;
	font-size: 4.375vw;
	font-weight:bold;
}
img.study-ph{
	width:80vw;
	margin:3.125vw auto;
}
.study-con{
	text-align: center;
}
.fukidashi,.fukidashi-L,.fukidashi-R {
  position: relative;
  display: inline-block;
  margin: 1.5em auto;
  padding: 25px;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #82d0d9;
  box-sizing: border-box;
  border-radius:15px;
  text-align: left;
  line-height: 1.8em;
}

.fukidashi::before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.fukidashi::after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #82d0d9;
  z-index: 1;
}
.fukidashi-L,.fukidashi-R{
	padding:30px 50px;
	margin:0;
}
.fukidashi-L::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #82d0d9;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.fukidashi-L::after{
  content: '';
  position: absolute;
  left: -10px;
  top: 22px;
  border-right: 13px solid #FFF;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  z-index: 2;
}

.fukidashi-R::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #82d0d9;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.fukidashi-R::after{
  content: '';
  position: absolute;
right: -10px;
  top: 22px;
  border-left: 13px solid #FFF;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  z-index: 2;
}
.fukidashi p {
	margin: 0;
	padding: 0;
}
#study-page img.study-ph:last-child{
	width:38vw;
	text-align: center
}
img.sightseeing-ph{
	width:100%;
	height:auto;
	margin:3.125vw auto 0;
}
.course{
	width:100%;
	margin-right:60px;
}
.course:last-child{
	margin-right:0;
}
.fst p,.last p,.inbound p{
	line-height: 2.5em;
	font-size: 3.75vw;
	border:1px solid #3a9ba6;
	color:#3a9ba6;
	text-align: center;
}
.inbound p{
	color:#444;
	background: #daf0f2;
	border:none;
}
div.fst::after,
div.inbound::after {
	display: block;
  	content:'keyboard_arrow_down';
    font-family: "Material Icons";
    padding: 0em;
	color: #3a9ba6;
	font-weight: normal;
	-moz-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
	text-align: center;
	font-size: 1em;
}
.course{
	margin-bottom:9.3vw;
}

div.place{
	padding:0 0 3.75vw 0;
	border:0.3vw solid #eee;
	margin-top:3.75vw;
}
table.sightseeing,
table.about,
table.enkaku{
	margin-bottom:3.75vw;
	
}
table.sightseeing tbody th,
table.about tbody th,
table.enkaku tbody th{
	background:#eee;
	border:1px solid #ccc;
	font-size:3.75vw;
	line-height: 1.8em;
	font-weight:bold;
	padding:3.125vw;
}
table.sightseeing tbody th:first-child{
	width:31.25vw;
	}
table.about tbody th,
table.enkaku tbody th{
	width:31.25vw;
	}
table.sightseeing tbody td,
table.about tbody td,
table.enkaku tbody td{
	background:#fff;
	border-bottom:1px solid #ccc;
	font-size:3.75vw;
	line-height: 1.8em;
	font-weight:normal;
	padding:3.125vw; 
	vertical-align: top;
	width:31.25vw;
}
table.sightseeing tbody tr td:first-child{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#fafafa;
	font-weight:bold;
	width:31.25vw;
}
table.sightseeing tbody tr td:last-child{
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}

img.placetable{
	width:56.25vw;
	height:auto;
	margin-bottom:3.125vw;
}
.contactform table.contact th,
.contactform table.contact td {
	width:93.75vw;
	padding:3.125vw;
	background-color:#fafafa;
	border:1px solid #eee;
	text-align: left;
	font-size: 3.75vw;
	line-height: 1.8em;
	vertical-align: middle;
}
.contactform table{
	margin-top:3.125vw;
	margin-bottom:6.25vw;
}
.contactform table.contact td {
	background-color:#fff;
}
/* Contact Form 7を縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:5px;
    display: block;
}
.wpcf7-radio .wpcf7-list-item:first-child{
    margin-top: 0px;
    display: block;
}
input[type="text"] ,input[type="email"],select {
	width:100%;
	padding:3.125vw;
	border:1px solid #eee;
}
.contactform textarea {
width: 100%;
height: 35vw;
line-height: 2.0em;
padding:3.125vw;
	border:1px solid #eee;
}
table.about{
	width:93.75vw;
}
table.about tbody td,
table.enkaku tbody td{ 
	width:62.5vw;
	border:1px solid #ccc;
}
.bg-blue{
	padding:3.75vw;
	background: #daf0f2;
	font-size:4.375vw;
	line-height: 1.8em;
	display: inline-block;
	margin-bottom:6.5vw;
}
#voice-page .wrapper div.voice{
	width:100%;
	display: block;
	background-color: #daf0f2;
	padding:3.125vw;;
	border-radius: 1.6vw;
	margin-bottom:3.125vw;
}
p.name{
	text-align: right;
	color:#3a9ba6;
	font-size: 3.125vw;
	line-height: 1.8em;
}
div.question{
	background-color:#daf0f2;
	}
div.question p{
	font-size: 3.75vw;
	font-weight: bold;
	line-height: 2.5em;
}
div.question p:before {
  content: "";
  background:url("../img/question-mark.png") no-repeat;
  width:26px;
  height:27px;
  background-size:contain;
  vertical-align: middle;
  display: inline-block;
  margin:0 1.5vw;
}
div.answer{
	margin:3vw 0 6vw;
	display: flex;
}
div.answer p{
	font-size: 3.75vw;
	line-height: 1.8em;
	width:100%;
	margin-left:1.5vw;
}
img.answer-mark{
	width:27px;
	height:27px;
	margin-left:1.5vw;
}
#kids-page img.w200,#kids-page .w307{
	width:27vw;
	text-align: left;
	margin-right:3.125vw;
}
#kids-page .row:last-child .wrapper:nth-child(2) .w710 .flex:last-child img.w200{
	margin-left:3.125vw;
	margin-right:0;
}
#kids-page .fukidashi-1{
	width:61.56vw;
}
#kids-page p.fukidashi-L,
#kids-page p.fukidashi-R{
	padding:3vw;
}
#kids-page .row:first-child .wrapper,
#kids-page .row:last-child .wrapper:nth-child(2) .w710 .flex:last-child{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
}
#kids-page .row:first-child,
#kids-page .row:last-child .wrapper:nth-child(2) .w710 .flex:last-child{
	margin-bottom:6.5vw;
}
.kadomaru{
	border-radius: 3vw;
}
h4.kids-title{
	font-size:3.75vw;
	line-height: 2em;
	font-weight:bold;
	color:#3a9ba6;
	border-bottom:0.5625vw solid #3a9ba6;
}
h4.kids-title:before {
    content: "";
    margin-right: 0;
}
.kids-txt p{
	margin-top:1.5625vw;
	text-indent: 1em;
}
ul.sitemap {
	margin:3.125vw 0 0;
	width:100%;
}
ul.sitemap:nth-child(2){
	margin:0vw 0 6.25vw;
}
ul.sitemap > li{
	list-style: none;
	font-size:3.75vw;
	line-height: 2em;
}
ul.sitemap li.fst{
	list-style: none;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom:1.5625vw;
}
ul.sitemap li.snd{
	font-weight: bold;
	text-decoration: none;
}
ul.sitemap li.thrd{
	margin-left:3.125vw;
}
ul.sitemap li.thrd span{
	text-decoration: underline;
}
ul.sitemap li.thrd:before {
	font-weight: normal;
    content: "●";
    color: #3a9ba6;
    text-decoration: none;
    font-size:0.5em;
    vertical-align: middle;
    padding-right:0.78vw;
}
.policy-page ul li{
	margin-left:1.3em;
	line-height: 1.8em;
	font-size: 3.75vw;
}


#exhibition-page,.display-page,#ippin-page,#access-page,
#guide-page,#coupon-page,#floor-page,#travelagent-page,#kankou,
#contact-page,#about-page,#voice-page,.faq-page,#kids-page,#sitemap-page,
#sitepolicy-page{
	margin-bottom:9.375vw;
}
img.place,
img.about{
	width:93.75vw;
}
.kidsphoto img.w360{
	width:100%;
	margin-top:3.125vw;
}
form.wpcf7-form p,table.contact.sp td,table.contact.sp th{
font-size: 3.75vw;
    line-height: 1.8em;
}
table.contact.sp td,table.contact.sp th{
	text-align:left;
	width:93.75vw;
}
table.contact.sp tr{
		margin-top:2vw;
}
textarea {
	border:1px solid #eee;
}
.cf.sp{
 margin-bottom:10vw;
}
.drawer-hamburger-icon {
    margin-top: 0vw;
}