body,#header,#main,#footer,.sns_top,.scroll_on{width:100%;margin:0 auto;padding:0;}
body{background:#fff;font-size:90%;}
img, iframe,.fb-page{max-width:100%;/*max-width:768px;*/height:auto;}
.content, #copyright, #footer .banner, .top_child,.top_place_sm,#gnavi_sm{width:96%;margin:0 auto;padding:5px 2%;}
.child_2 img{margin-bottom:20px;}
.item_article img, .sns + img{max-width:100%;display:block;margin:0 auto;}
.map, .child_2, .about_con, .middle, .middle>img{width:100%;max-width:425px;margin:0 auto 20px auto;}
.middle{overflow:hidden;clear:both;}
.none_sm, .content_bottom, .sns, .space,.next{display:none;}
#footer{background:#fabd00;overflow:auto;}
a:hover#btn, #icon a:hover, #icon_sm a:hover, .to_top a{text-decoration:none;}
.none{display:block;}
.flex{display:block;flex-direction: column;-webkit-flex-direction: column;margin:0 auto;padding-bottom:50px;}

h1{font-size:1.5em;font-weight:normal;line-height:80px;}
h2{font-size:1.4em;}
h3{font-size:1.3em;font-weight:normal;line-height:40px;background:#eee;margin:0;padding: 0 10px ;border-top:5px #005183 solid;margin:0 -2%;}
h4{font-size:1.2em;margin: 10px 0;}
h3.open{margin:0;}

#headerArea {position: relative;background:#fabd00;z-index:11;}
#header{height:60px;background-image: url(//www.iwf.jp/skins/10th/images/head_title_sm.png);background-repeat: no-repeat;background-size:contain}
@media screen and (max-width: 320px){
	#header{background-size:260px}
}
#headtitle{height:80px;text-align:center;}
#menu {
	display: none;
	background-color:#005083;
	position: absolute;
	overflow:auto;
	z-index: 11;
	top:60px;right:0;
	width:100%;max-width:768px;
	margin:0 auto;
}
#ue li, #gnavi li{
	text-align:center;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;
	margin-top: -1px;
}
#menu li a {
	color:#fff;
	display: block;
	width:100%;
	padding:11px 0;
	margin:0 auto;
	text-decoration:none;
}
#ue li a:hover,#gnavi li a:hover {
	text-decoration:underline;
}
#gnavi{order:1;}
#ue{order:2;}
#icon{
	order:3;
	margin:0 auto;
	width: 200px;
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content: space-between;
}
#icon a{font-size:25px;padding:10px;}
#btn {
	font-size:25px;
	line-height:60px;
	text-align:center;
	display: block;
	width: 60px;height: 60px;
	position: absolute;
	top:0px;right:0px;
	cursor: pointer;
	color:#fff;
	background-color:#005083;
	z-index: 12;
}
#jyunban{
	width:100%;
	display:flex;display: -webkit-flex;
	flex-direction:column;-webkit-flex-direction:column;
}

.content_top{width:100%;height:196px;}
.c_about{background-image:url(//iwf.jp/skins/10th/images/about_sm.jpg);background-position: center center;}
.c_about{background-image:url(//iwf.jp/skins/10th/images/about_sm.jpg);background-position: center center;}
.c_howto{background-image:url(//iwf.jp/skins/10th/images/howto_sm.jpg);background-position: center center;}
.c_access{background-image:url(//iwf.jp/skins/10th/images/access_sm.jpg);background-position: center center;}
.c_reserve{background-image:url(//iwf.jp/skins/10th/images/reserve_sm.jpg);background-position: center center;}


#footer .flex{padding-bottom:0;}
#footer .banner img{width:96%;padding:15px 2%}
#footer_logo{width:250px;height:65px;margin:40px auto;background-image:url(//www.iwf.jp/skins/10th/images/foot_title_sm.png);background-repeat:no-repeat;}
#copyright h2{font-size:16px;}
#copyright{text-align:center;}
@media screen and (max-width: 425px){
	#copyright{text-align:left;}
}
.to_top{position: fixed; bottom: 20px; right: 20px;}
.to_top i{font-size: 80px;}

.pageswitch{margin: 10px 0;line-height:40px;}
.pn{display:block;border-radius: 5px;background-color:#005083;height:40px;width:45%;margin-bottom:10px;}
.nextlink{float:left;}.prevlink{float:right;}
.nextlink:before{content: "\f060";font-family: FontAwesome; margin: 0 15px 0 -15px;}
.prevlink:after{content: "\f061";font-family: FontAwesome;margin: 0 -15px 0 15px;}
a .pn{text-align:center;color:#FFFFFF; font-size:15px; line-height:40px;}
a:hover .pn{text-decoration:underline;}

dl.list_item dt {float:left;width:10em;}
dl.list_item dd {padding-left:10.5em;}
@media screen and (max-width: 425px){
	dl.list_item dt{float:none;width:100%;}
	dl.list_item dd{padding-left:5px;}
}

/*TOPPAGE*/
.top_child h2{text-align:center;line-height:50px;color:#005083;font-weight:normal;}
.top_child .none{text-align:center;}
.top_day_sm{color:#005083;font-weight:bold;font-size:2em;text-align:center;padding:10px 0;line-height:105%;}
.top_day_sm small, .top_place_sm .thin{font-weight:normal;font-size:11px;line-height:105%;}
.top_place_sm{color:#005083;font-weight:bold;font-size:1.1em;padding:10px 0;line-height: 1.8em;}
#gnavi_sm{
	display: flex;display: -webkit-flex;
	flex-wrap: wrap;-webkit-flex-wrap: wrap;
	justify-content: space-between; -webkit-justify-content: space-between;
	margin: auto;
}
#gnavi_sm li{
	text-align: center;
	border-radius: 5px;
	background-color:#FFF;
	height:60px;
	width:49%;
	margin: 5px 0;
	border:1px solid #005083;
	position: relative;
}
#gnavi_sm li a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 60px;
	line-height: 60px;
	font-size:1em;
	font-weight:bold;
}
@media screen and (max-width: 425px){
	#gnavi_sm li a{font-size:12px;}
}
#icon_sm{
	width: 290px;
	margin:0 auto;
	padding:45px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	font-size:40px;
}

/*ABOUT*/
.gaiyou{margin: 40px 0;}
.hist_wap{with:100%;margin:10px auto;overflow:hidden;}
.hist{width:44%;margin:0 3% 40px 3%;}
.hist img{margin:0;}
@media screen and (max-width: 425px){
	.hist{width: 100%; margin: 0 5%;text-align: center;padding:10px 0 20px 0;border-top: dotted 1px #000;margin-top: -1px;}
	.hist img{width:250px;margin:10px auto;}
	.hist .tw_text{border:none;padding:0;margin-top:5px;}
	.hist h4{display:inline;}
	.hist .tw_text{text-align:left;}
}

/*HOWTO*/
.hukidashi{width:200px !important;height:auto;top:30px;}
.howto_concierg, .howto_01, .howto_01 img{width:100%;}
.howto_02{width:300px !important;margin:30px auto;}
.to_reserve{text-align:center;}

/*RESERVE*/
.reserve .flex div{padding:0;}
.reserve_step,.reserve_01,.reserve_02{width:300px !important;display:block;margin:0 auto;}
.reserve_01{padding-top:1em;} .reserve_02 img{width:100%;margin:0;}
section .caution, .howto_con{margin:20px 0;}

.child_2 iframe{height:200px;}

/*FAQ ACCORDION*/
.faq-accordion {margin-bottom: 10px;}
.faq-accordion input {display: none;}
.open{
	display: block;
	line-height:40px;
	font-size: 16px;
	padding-left: 35px;
	text-indent: -27px;
	background: #eee;
	border-top:1px #fff solid;
}
.open:before{content:"\f078";font-family: FontAwesome; margin-right:10px;}
.open:hover, #gnavi_sm a:hover{background: #005083;color:#fff;cursor: pointer;}
.faq-accordion .ac-cont {height: 0;overflow: hidden;background: #FFF;}
.faq-accordion input:checked + .ac-cont {height: auto;}
.faq-accordion article{margin-bottom:20px;}
dl.list {overflow:hidden;}
dl.list dt,.faq_01{border-top:dotted 1px #000;margin-top:-1px;}
dl.list dt{padding-top:3px;}
.faq_section{width:96%;margin: 10px 2% 50px 2%;}
.ac-comtent{margin-bottom:10px;}

/*WS_LIST*/
.thumbnail{margin:0;padding:0;}
.option img{display:inline;width:auto;height:auto;}
.sidebardl > .open:after{
	content:"\f002";font-family: FontAwesome; float:right;margin-right: 28px;
	/* -webkit-transform: scale(-1, 1); */
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	filter: none;
}
.open_head, .next_body, .next{font-weight:normal;width:100%}
.next{width: 92%;padding: 5px 4%;background:#EEE;}
.open_head{font-size:15px;padding:10px 0;}
.next .open_head:before{content:"\f13a";font-family: FontAwesome; margin-right:10px;}
article + aside{margin-top:10px;}

/*ITEM*/
.item_no{margin-bottom:20px;}
/*.item_article{margin-bottom:40px;padding:0;}*/
.item_deta{margin:10px 0 20px 5px;padding:0;font-size:small;}
@media screen and (max-width: 425px){
	.prof_photo{float:none;margin:0 auto 10px auto;}
}

/*FORM*/
#sidebarcontainer dt.searchtag input,dl.searchform input{width:100%;}
h3+form {margin: 10px;}
#calendar200 li{width:14%;height}

/*ETC*/
dl.border_none, dl.border_none dt, dl.border_none dd{border:none;}
.grad{
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	margin:10px 0;
	background: #005083;
	background: -moz-linear-gradient(top, #0076a1 0%, #005083 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0076a1 0%,#005083 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0076a1 0%,#005083 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 5px;
}
.grad_y{
	color: #005083;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 10px 0;
	background: #f7a000;
	background: -moz-linear-gradient(top, #fbd000 0%, #f7a000 100%);/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbd000 0%,#f7a000 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbd000 0%,#f7a000 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 5px;
	padding: 10px 0;
}
#icon_sm a:hover, .grad:hover, .grad_y:hover{opacity: 0.6;}