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

/* ================================================================
( ・∋ Reset
================================================================ */
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; vertical-align: baseline;}

html,body { width:100%; height:100%;}

strong { font-style: normal; font-weight: bold;}
img { border: 0; vertical-align:bottom; -ms-interpolation-mode: bicubic;/*ie7*/}
a img:hover {opacity: 0.6;transition: 0.3s;}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */


	
body { color:#010101;background: url(../img/bg.jpg);
width:100%;
min-width:1000px;
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;font-size: 14px;line-height: 2.0em;}

a{color:#22190f; text-decoration:none;}
a:hover{text-decoration:underline;}

h1{ float:left; margin:30px 0 0 0;}
h2,h3{margin:0 0 30px 0;}
h4{margin:0 0 10px 0;}
h3.title{ text-align:left; padding:10px 0 10px 30px; position:relative;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px; box-sizing:border-box;}
h3.title:after{ clear:both; position:absolute; left:0; bottom:3px; width:100%; content:"";border-top:#FFF solid 1px;}


table { width:100%; border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;border-top:#476033 solid 1px;border-left:#476033 solid 1px;}
th,td { padding: 10px;border-right:#476033 solid 1px;border-bottom:#476033 solid 1px;}
th {background:rgba(91,160,9,0.2); width:20%; text-align:left; font-weight:normal;}

.wrapper{width:1000px; margin:50px auto;}

.h_wrap{background:url(../img/h_bg.png) repeat-x center bottom;width:100%;}
header{ width:1000px;  height:210px; margin:0 auto; position:relative; text-align:center;}
ul.p_nav{ float:right; margin:0;}
ul.p_nav li{float:right; margin:0 0 0 35px;}
header .plan{float:right; margin:40px 0 0 0;}
header .plan p{float:right;margin:0 0 0 35px;}
header .plan p.bn{background: #ea5763; padding: 20px; width: 230px; margin: -20px 0 0 35px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

header .hpl_box{ margin-top:5px; width:260px; position: absolute; right:0px; float: right;}
header p.bn2{ background:#ea5763; padding:10px 20px 15px 20px; margin-left:0px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; display:block;}
header p.peipei{ width:250px; padding:0; margin:-3px auto;}
header p.h_tel{ width:250px; position: absolute; right:265px; top: 60px;}

nav { clear:both; padding:30px 0 0 0;}
nav ul{ height:31px;}
nav li{ float:left; padding:0 31px 0 0; margin:0 0 0 11px; background:url(../img/bg_gnav.png) no-repeat right 3px;}
nav li:first-child{ margin:0 0 0 0;}nav li:nth-last-child(2){ background:none; padding:0 0 0 0;}
nav li.hide{display:none;}
#toggle{display: none;}

#h_movie{ width:100%; height:570px; overflow:hidden; position:relative; }

#o_header{ width:100%; height:250px; background:#98d747 url(../img/h_image_bg.png) repeat;}
#o_header .o_wrap{ width:1000px; height:250px; margin: 0 auto;position:relative; }
#o_header .o_wrap h2{position:absolute; left:10px; bottom:10px; margin:0;}

footer{ 

clear:both;width:100%;background:url(../img/f_bg.png) repeat-x bottom ; height:240px; text-align:center; padding:20px 0 0 0;
}
.f_wrap{width:1000px; margin:0 auto; padding:20px 0 0 0; color:#FFF;}.f_wrap a{color:#FFF;}
footer .f_logo{ float:left;margin:30px 0 0 210px; }
footer .add{ float:right; width:590px; text-align:left; margin:20px 0 0 0; line-height:150%;}
footer .add strong{ font-size:18px; font-weight:normal;}
address{font-size:10px;}
.f_wrap .f_tel{display:none;}

#pagetop {position: fixed;bottom: 140px;right: 10px;}
#pagetop a {text-decoration: none;background:#f8d40f url(../img/page_top.png) no-repeat center center; background-size:60%;padding:10px;text-align: center;display: block;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
	font-size: 11px;height:60px;width:60px;line-height: 1.4em;}


.clear{clear:both;}.clear:after{clear:both; display:table;content:"";}
.center{text-align:center;}
.f_left{ float:left;}
.f_right{float:right;}
.m_t30{ margin-top:30px;}
.m_t50{ margin-top:50px;}
.plan_bn{ width:1000px; background:url(../img/plan_bn.png) no-repeat; height:280px; margin:0 auto;}
.plan_bn a{ display:block;width:100%; height:100%;}.plan_bn:hover{opacity: 0.6;transition: 0.3s;}

/*２分割*/
.part2{ margin:0 0 30px 0;}.part2:after{clear:both; display:table; content:"";}
.part2 .left{float:left; width:500px; position:relative;}
.part2 .left #bx-pager{
	position: absolute;
	bottom: 10px;
	right: 8px;
}
.part2 .left #bx-pager img{
	width: 60px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: #f5b85a solid 3px;
}

.part2 .right02{float:left; width:500px; position:relative;}
.part2 .right02 #bx-pager02{
	position: absolute;
	bottom: 10px;
	right: 9px;
}
.part2 .right02 #bx-pager02 img{
	width: 60px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: #f5b85a solid 3px;
}





/*.part2 .left img{ width:500px;}*/
.part2 .right{float:right; width:470px;}
.part2 .box{ float:left; width:485px;}
.part2 .box:last-child{
	float: right;
	position: relative;
}
.part2 div img{ width:100%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.part2 h4{text-align:center;}.part2 h3 img , .part2 h4 img{width:auto;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}

/*３分割*/
.part3{ margin:0 0 30px 0;}.part3:after{clear:both; display:table; content:"";}
.part3 .box{ float:left; width:316px;margin:0 26px 0 0;}
.part3 .box:last-child{float:right; margin:0 0 0 0;}
.part3 .box img{width:316px;}

/* ================================================================
( ・∋ Index
================================================================ */
#i_header{ width:100%; height:600px; background:#98d747 url(../img/h_image_bg.png) repeat;}
#i_header .i_wrap{ width:1000px; height:600px; margin: 0 auto; background:url(../img/index/ie.png) no-repeat; position:relative;}
.i_wrap p{position: absolute; }
.i_wrap p a{ display:block; width:100%; height:100%; position:relative;}
.i_wrap p a:after{background:url(../img/index/question.png) no-repeat; background-size:400% 100%;display:block; content:"";width:45px; height: 46px; position:absolute; top:-50px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap p a:hover:after{background:url(../img/index/question_h.png) no-repeat; background-size:400% 100%;display:block; content:"";width:45px; height: 46px; position:absolute; top:-50px;animation:bk 1.0s steps(4,end) infinite;}
.i_wrap .papa{background:url(../img/index/papa.png) no-repeat; background-size:400% 100%;width:45px; height: 93px;  left:350px; bottom:50px;animation:papa 2.0s steps(4,end) infinite;}
.i_wrap .bite{background:url(../img/index/bite.png) no-repeat; background-size:400% 100%;width:45px; height: 93px; left:650px; bottom:120px;animation:bite 2.0s steps(4,end) infinite;}
.i_wrap .mama{background:url(../img/index/mama.png) no-repeat; background-size:400% 100%;width:45px; height: 93px; left:650px; bottom:280px;animation:bk 2.0s steps(4,end) infinite; z-index:1;}
.i_wrap .kodomo{background:url(../img/index/kodomo.png) no-repeat; background-size:400% 100%;width:45px; height: 65px; left:380px; top:60px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .surfer01{background:url(../img/index/surfer01.png) no-repeat; background-size:400% 100%;width:45px; height: 92px;left:280px; top:160px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .surfer02{background:url(../img/index/surfer02.png) no-repeat; background-size:400% 100%;width:45px; height: 97px; left:350px; top:160px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .pizza01{background:url(../img/index/pizza01.png) no-repeat; background-size:400% 100%;width:45px; height: 77px; left:310px; top:310px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .pizza02{background:url(../img/index/pizza02.png) no-repeat; background-size:400% 100%;width:45px; height: 73px;  left:230px; top:310px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .wa01{background:url(../img/index/wa01.png) no-repeat; background-size:400% 100%;width:45px; height: 93px;  left:550px; bottom:50px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .wa02{background:url(../img/index/wa02.png) no-repeat; background-size:400% 100%;width:45px; height: 85px; left:620px; bottom:50px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .neko{background:url(../img/index/neko.png) no-repeat; background-size:400% 100%;width:45px; height:61px; left:580px; top:160px;animation:bk 2.0s steps(4,end) infinite;}
.i_wrap .funamori{background:url(../img/index/funamori.png) no-repeat; background-size:100%;width:40px; height: 30px; left:360px; top:360px;}
.i_wrap .pizza{ background-size:100%;width:40px; height: 30px; left:270px; top:350px;}
.i_wrap .cafe{background:url(../img/index/coffee.png) no-repeat; background-size:100%;width:20px; height: 20px; left:250px; top:290px;}
.i_wrap .yoyaku{background:url(../img/index/yoyaku.png) no-repeat; background-size:400% 100%;width:86px; height: 104px; left:450px; top:220px;animation:bk2 2.0s steps(4,end) infinite;}
.i_wrap .gaikan{background:url(../img/index/h_gaikan.png) no-repeat; width:153px; height:154px; left:14px; top:25px;}
.i_wrap .terasu{background:url(../img/index/h_terasu.png) no-repeat; width:101px; height:101px; left:115px; top:195px;}
.i_wrap .cafe{background:url(../img/index/h_cafe.png) no-repeat; width:154px; height:153px; left:23px; top:314px;}
.i_wrap .garden{background:url(../img/index/h_garden.png) no-repeat; width:102px; height:102px;right:325px; top:156px; }
.i_wrap .furo{background:url(../img/index/h_furo.png) no-repeat; width:100px; height:102px;right:18px; top:151px; }
.i_wrap .room{background:url(../img/index/h_room.png) no-repeat; width:152px; height:152px;right:7px; bottom:93px; }
.i_wrap .hammock{
	background: url(../img/index/top_movie_icon02.png) no-repeat;
	width: 74px;
	height: 74px;
	right: 401px;
	bottom: 470px;
}
.i_wrap .swing{
	background: url(../img/index/top_movie_icon01.png) no-repeat;
	width: 74px;
	height: 74px;
	right: 607px;
	bottom: 461px;
}
.i_wrap .wood{
	background: url(../img/index/top_movie_icon03.png) no-repeat;
	width: 74px;
	height: 74px;
	right: 749px;
	bottom: 219px;
}
.i_wrap p.gaikan a:after , .i_wrap p.terasu a:after ,.i_wrap p.cafe a:after ,.i_wrap p.garden a:after ,.i_wrap p.furo a:after ,.i_wrap p.hammock a:after ,.i_wrap p.swing a:after ,.i_wrap p.wood a:after ,.i_wrap p.room a:after{ background:none; display:none;position: static;}
.index_bn{ height:280px; margin:0 0 20px 0;}
.index_bn img , .index_bn02 img{float:left; margin:0 0 0 10px;}
.index_bn a:first-child img , .index_bn02 a:first-child img{margin:0 0 0 0;}
.index_bn a:nth-child(even) img , .index_bn02 a:nth-child(even) img{margin:35px 0 0 10px;}
.index_bn02{ width:710px;height:200px; background:url(../img/index/bg_bn.png) no-repeat right top;}
#left{ float:left; width:700px;}
#left h2{margin:0;}
.plan_rss{ background:#f9f179; padding:20px;}
.plan_rss section{background:url(../img/index/line.png) no-repeat left bottom; padding:0 0 20px 0; margin:0 0 20px 0;}
.plan_rss section img{float:left; margin:0 25px 0 0;}
.plan_rss section h3{margin:0 0 10px 0;}
.plan_rss section h3 a{ font-size:20px; color:#149314;}
.plan_rss section p{ float:left;width:400px;}
aside{float:right; width:275px; margin:-200px 0 0 0;}
aside iframe{border:#f8edd8 solid 2px;}
aside h3{text-align:center; margin:20px 0 10px 0;}
.sp_bn{display:none;}.sp_bn img{width:100%; margin:0 0 20px 0;}
#i_header .bxslider{display:none; width:90%; margin:10px 5%;}
#i_header .bxslider img{width:90%;}

/* ================================================================
( ・∋ Welcome
================================================================ */
#welcome h3.title{ background:#e71a25; }
.what_yuyu{ background:#ffe1e2; padding:10px; margin:0 0 50px 0;}
.what_yuyu h3 , .what_yuyu p{ margin:0 0 0 50px;}
.staff{ margin:0 0 30px 0;}
.staff .face{ float:left; margin:0 30px 0 0;}
.staff h3 , .staff p{ float:left;width:620px; box-sizing:border-box;}
.staff h3{ margin:0 0 10px 0;}
.staff p{padding:0 0 0 30px;}
.s_papa{
}
.s_mama{
}
.s_boo{ background:url(../img/welcome/boo02.png) no-repeat right bottom;}
.surfer{ padding:30px 0 0 0; margin:0 0 50px 0;}
.surfer div img{width:100%;}.surfer h3 img{width: auto;}
.surfer .box01{ float:left; width:500px; height:333px; text-align:center;background-image: url(../img/welcome/surfer01.png),url(../img/welcome/surfer02.jpg);background-repeat: no-repeat,no-repeat;background-position: bottom left,bottom right; background-size:50%;}
.surfer .f_left{width:500px;}
.rocket{ background:#023c6a; padding:30px; margin:0 0 30px 0;background-image: url(../img/welcome/bg_rocket01.png),url(../img/welcome/bg_rocket02.png);background-repeat: no-repeat,no-repeat;background-position: 50px center,850px center;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}
.rocket h4{float:left; margin:0 50px 0 150px;}
.rocket p{ margin:20px 0 0 0;color:#fff100; font-size:20px;}
.f_left_h{display:none;}

/* ================================================================
( ・∋ Cuisine
================================================================ */
.c_movie{}
.c_movie div{float:right; width:500px;}
.tokusan{display: -webkit-flex; /* Safari */  display: flex;-webkit-flex-wrap: wrap; /* Safari */ flex-wrap:  wrap;}
.tokusan div{
	background: #fff0d7;
	width: 485px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	height: 348px;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
/*IE9*/
.tokusan div:not(:target) { float:left\9;}
/*---*/
.tokusan div h3{ background:#f89c10; padding:10px; margin:0 0 20px 0;text-align:center;-webkit-border-radius: 20px 20px 0 0 / 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0 / 20px 20px 0 0;border-radius: 20px 20px 0 0 / 20px 20px 0 0;}
.tokusan div .t_image{float:left; margin:0 20px 0 10px;}
.tokusan div p{ float:left; width:250px; box-sizing:border-box;padding:0 10px 0 0; line-height:130%;}
.tokusan div .ingi{position:absolute; top:-130px; right:0;}
.tokusan div:nth-child(even){margin:0 0 30px 0;}
.c_slide{ margin:0 0 50px 0;}
.c_slide .left{
	float: left;
	width: 610px;
	box-sizing: border-box;
	position: relative;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.c_slide .left ul img{border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;}
.c_slide .left #bx-pager{ position:absolute; bottom:20px; right:20px;}
.c_slide .left #bx-pager img{width:100px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border:#f5b85a solid 3px;}
.c_slide .right{
	float: right;
	width: 370px;
}
.c_slide .right p{
	white-space: nowra;
}

#cuisine .wrapper.clear .tokusan.clear .r {
	margin: 0px;
	padding: 0px;
	float: right;
}
#cuisine .wrapper.clear .tokusan.clear .l {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
}



/* ================================================================
( ・∋ Pizza
================================================================ */
.p_lead{ background:url(../img/pizza/bg_lead.png) no-repeat; height:332px; padding:50px 0 0 0; box-sizing:border-box}
.p_lead h3{text-align:center; margin:0 0 10px 0;}.p_lead h3 img{width:auto;}
.p_lead p{color:#FFF; line-height:180%; text-shadow:0px 0px 0px #000,1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000; padding:0 0 0 50px;}
.p_lead p.pizza_day{background:url(../img/pizza/eigyoubi.png) no-repeat; width:386px; height:96px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin:0 auto; padding:0;}
.delicious{background:url(../img/pizza/bg_delicious.png) no-repeat; height:481px; position:relative;}
.delicious p{position:absolute; top:30px; left:490px;}
.pizza_menu{background:url(../img/pizza/bg_menu.jpg); width:100%; padding:50px 0; margin:0 0 50px 0;}
.pizza_menu h2{text-align:center;}
.pizza_menu .size{text-align:center; margin:0 0 30px 0;}
.pizza_menu .menu{ float:left;background:url(../img/pizza/bg_pizza_menu.png) no-repeat; width:326px; height:305px; padding:10px; box-sizing:border-box; margin:0 11px 20px 0;}
.pizza_menu .menu:nth-of-type(3n){margin:0 0 20px 0;}
.pizza_menu .menu:last-of-type{margin:0 0 20px 10px;}
.pizza_menu .m_image{width:300px;}
.pizza_menu .menu h3{text-align:center; margin:13px 0 0 0;}
.plate{clear:both; background:url(../img/pizza/bg_plate.png) no-repeat; width:100%; height:1005px; margin:80px 0 30px 0; position:relative;}
.plate h3{position:absolute; top:20px; left:20px;}
.plate .p_image{position:absolute; top:42px; left:120px;}
.plate .p_choice{position:absolute; bottom:15px; left:10px;}
.plate .p_set{position:absolute; bottom:15px; right:10px;}

/* ================================================================
( ・∋ Facilities
================================================================ */
#facilities h3.title{ background:#2ab52a; }
h3.title img{width:auto;}
.wa{background:url(../img/facilities/bg_wa.jpg) no-repeat; padding:30px; color:#FFF; text-align:center;margin:0 0 50px 0;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.wa .left{ float:left; width:341px;}
.wa .right{ float:right; width:400px;}
.wa .right img{width:100%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.you{ margin:0 0 50px 0;}
.you .image{ position:relative; height:334px; overflow:hidden;}
.you .image .img01{ position:absolute; width:500px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.you .image .img02 , .you .image .img03 , .you .image .img04{position:absolute; width:250px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.you .image .img02{ left:500px;}.you .image .img03{ left:500px; top:167px;}.you .image .img04{ right:0;}
.share{margin:0 0 50px 0;}
.share h4{ float:right; background:#2ab52a; width:210px; height:210px; text-align:center; padding:70px 0 0 0; margin:0; box-sizing:border-box;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.share p{ position:relative; font-size:20px; color:#FFF; font-weight:bold; letter-spacing:2px; text-shadow:1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;}.share p img{width:100%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.share p.img01{float:right;width:210px; height:210px; overflow:hidden;}
.share p span{position:absolute; bottom:10px; right:10px;}
.share p.img02{float:left; width:370px; height:420px; background:url(../img/facilities/furo.jpg) no-repeat; background-size:100%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.share p.img02 img{display:none;}
.garden{position:relative; height:590px;background-image: url(../img/facilities/bg_garden01.png),url(../img/facilities/bg_garden02.png);background-repeat: no-repeat,no-repeat;background-position: right bottom, left top;}
.garden h3{position:absolute; left:620px;}
.garden p{position:absolute;left:620px; top:140px;}

/* ================================================================
( ・∋ Sightseeing
================================================================ */
#sightseeing h3.title{ background:#1abfd3; }
.akiyama{ margin:0 0 50px 0;}
.akiyama .left{float:left; width:250px;margin:0 0 70px 0;}
.akiyama .right{float:right; width:710px;margin:0 0 30px 0;}
.sightseeing{ margin:0 0 30px 0;}
.sightseeing h3{margin:0 0 10px 0;}
.sightseeing p{ margin:0 0 0 30px;}

/* ================================================================
( ・∋ Access
================================================================ */
#access h3.title{ background:#1a7ed3; }
.map{width:100%; margin:0 0 20px 0;}
.map iframe{width:100%; height:400px;}

/* ================================================================
( ・∋ Annouimo
================================================================ */
#annouimo h3.title{ background:#da449f; }
.annouimo{ margin:0 0 20px 0;}
.annouimo .left{ float:left; width:470px; padding:0 0 0 30px; box-sizing:border-box;}
.annouimo .right{ float:right; width:500px; position:relative;}
.annouimo .right .munouyaku{position:absolute; left:0; bottom:-80px;}
.imo_set{margin:0 0 20px 0;}
.imo_set .right{ float:right; width:400px; font-size:20px;}
.imo_set .right p{margin:0 0 15px 0; line-height:180%;}
.imo_set .right span{color:#FFF; padding:5px;}
.imo_set .right span.red{ background:#ea5763;}
.imo_set .right span.green{ background:#92d24d;}
.imo_set .right strong{color:#CC0000; font-weight:normal;}
.order{ background:#f68269; width:100%; margin:0 0 50px 0;}
.order h3{ float:left; width:500px; text-align:center; padding:60px 0 0 0;}
.order p{ float:left; padding:10px 0; width:450px;}
.order p:first-of-type{border-bottom:#222 solid 1px;}

/* ================================================================
( ・∋ price
================================================================ */
#price h3.title{ background:#1abfd3; }
.prices{ margin:0 0 50px 0;}
.prices .left{float:left; width:250px;margin:0 0 70px 0;}
.prices .right{float:right; width:710px;margin:0 0 30px 0;}

.prices.clear .price_box table {
	text-align: center;
}
.prices.clear .price_box table tr th {
	text-align: center;
}

#cuisine .wrapper.clear .clear .shima_letf {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 375px;
	position: relative;
	height: 500px;
}
#cuisine .wrapper.clear .clear .shimaright {
	float: right;
	width: 615px;
	padding-top: 225px;
}

#cuisine .wrapper.clear .clear .shima_letf h2 {
	margin: 0px;
	padding: 0px;
	width: 400px;
	position: absolute;
	left: 321px;
	top: 33px;
}
#cuisine .wrapper.clear .clear .shima_letf .shima_img01 {
	width: 344px;
	position: absolute;
	left: -57px;
	top: -25px;
}
#cuisine .wrapper.clear .clear .shima_letf .shima_img02 {
	margin: 0px;
	padding: 0px;
	width: 191px;
	position: absolute;
	left: 744px;
	top: 40px;
	height: 269px;
}
#cuisine .wrapper.clear .clear .shima_letf .shima_img03 {
	margin: 0px;
	padding: 0px;
	width: 334px;
	position: absolute;
	left: 38px;
	top: 218px;
	height: 333px;
}
#cuisine .wrapper.clear .part2.dinner .left.box.c_slide {
	position: relative;
}

#cuisine .wrapper.clear .part2 .left.box.c_slide #bx-pager {
	bottom: 10px;
}
#cuisine .wrapper.clear .part2 .right02.box.c_slide #bx-pager02 {
	bottom: 35px;
}
#cuisine .wrapper.clear .part2.dinner {
	padding-top: 75px;
}
#cuisine .wrapper.clear .part2.dinner h4 {
	padding-top: 20px;
}






/* ================================================================
( ・∋ SP 横もなら767px 小さい方は414px
================================================================ */

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

/*-----------Base-----------*/
body{
	width:100%;	min-width:320px;
	}
.wrapper{
	width: 100%;
	padding: 0px;
	max-width: 767px;
	min-width: 320px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.h_wrap{background:url(../img/h_bg.png) repeat-x center bottom;width:100%;}.h_wrap:after{clear:both; display:table; content:"";}
header{ width:100%;  height:70px; padding:10px 0; margin:0 auto; position:relative; text-align:center;}

h1{ float:none; margin:0;}
h1 img{ width:120px;}
h3.title{ text-align:center; padding:2px 0 10px 0; margin:0 0 10px 0; position:relative;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px; box-sizing:border-box;}
h3.title img{ height:20px; max-width:90%;}
h2 img{width:90%;}

ul.p_nav{ display:none; width:0; height:0;}
ul.p_nav li{display:none;width:0;height:0;}
header .plan{display:none;width:0;height:0;}
header .plan p{display:none;width:0;height:0;}
header .plan p.bn{display:none;width:0;height:0;}
#menu{ display: none; background:#FFF;}
nav {
	position: absolute;
	width: 100%;
	clear: both;
	z-index: 10000;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	min-width:320px;
}
nav ul{ height:auto; padding:0 0 30px 0;}
nav li{ float:left; width:50%; padding:0 0 15px 0; margin:0 0 8px 0; background:none; border-bottom:#333 dashed 1px;}
nav li:first-child{ margin:0 0 8px 0;}nav li:nth-last-child(2){ background:none; padding:0 0 15px 0;}
nav li.hide{display:block;}
nav li a{display:block; height:100%; width:100%;}
#toggle{
    display : inline-block;
    position: absolute; bottom:30px; right:10px;
    background: #FFF;
  }
  #toggle a{
    display: block;
    position: relative;
    color: #000;
    text-align: center;
    text-decoration: none;
	padding:50px 0 0 0;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #333;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #FFF;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

#o_header{ width:100%; height:auto; background:none;}
#o_header .o_wrap{ width:100%; height:auto; margin: 0 auto;position:relative;z-index:-1;}
#o_header .o_wrap h2{position:absolute; left:0; right:0; bottom:10px; margin:0 auto; text-align:center;}
#o_header .o_wrap img{width:100%;}#o_header .o_wrap h2 img{width:auto;}

/*２分割*/
.part2{ margin:0 0 30px 0;}.part2:after{clear:both; display:table; content:"";}
.part2 .left{float:none; width:100%; position:relative; margin:0 0 10px 0;}
.part2 .left #bx-pager{position: static; margin:10px 0 0 0; text-align:center;}
.part2 .left #bx-pager img{width:80px;}
.part2 .right{float:none; width:100%;margin:0 0 10px 0;}
.part2 .box{ float:none; width:100%;}
.part2 .box:last-child{float:right;}
.part2 div img{ width:100%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.part2 h4{text-align:center;}.part2 h3 img , .part2 h4 img{width:90%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.part2 video{display:none;}

footer{ clear:both;width:100%;
	min-width:320px;background:url(../img/f_bg.png) repeat-x top; height:auto; text-align:center; padding:0;}footer:after{clear:both; display:table; content:"";}
.f_wrap{width:100%; margin:0 auto; padding:10px 0 0 0; color:#FFF;}
footer p.menu{display:none;}
footer .f_logo{ display:none;}
footer .add{ float:none; width:100%; text-align:center; margin:20px 0 0 0; line-height:150%;}
footer .add strong{ font-size:14px; font-weight:normal;}
address{font-size:10px;}
.f_wrap .f_tel{display: block; text-align:center; margin:10px 0;}.f_wrap .f_tel img{ width:90%;}
.f_wrap .hide{display:none;}
address{text-align:center;}

#pagetop {position: fixed;bottom:50px;right: 10px;}
#pagetop a {text-decoration: none;background:#f8d40f url(../img/page_top.png) no-repeat center center; background-size:50%;padding:5px;text-align: center;display: block;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
	font-size: 11px;height:40px;width:40px;line-height: 1.4em;}

.plan_bn{ width:100%; background:url(../img/plan_bn_sp.png) no-repeat; background-size:100%; height:auto; height:115px; }


/*-----------Index-----------*/
#i_header{ width:100%; height:auto; padding:0 0 10px 0; z-index:-1;}
#i_header .i_wrap{ display:none;} 
.index_bn{ height:auto; margin:0 0 20px 0;}
.index_bn img , .index_bn02 img{float:left; margin:5px 1%; width:48%;}
.index_bn img.w35{float:left; margin:5px 5%; width:40%;}
.index_bn a:first-child img , .index_bn02 a:first-child img{margin:5px 1%;}
.index_bn a:nth-child(even) img , .index_bn02 a:nth-child(even) img{margin:5px 1%;}
.index_bn02{ width:100%;height:auto; background:none; margin:0 0 20px 0;}
#left{ float:none;width:100%;}
#left h2{ display:none;}
.plan_rss{ display:none;}
aside{display:none;}
.sp_bn{display: block; }
#i_header .bxslider{display: block;}

/*-----------Welcome-----------*/
.what_yuyu{margin:0 0 30px 0;}
.what_yuyu h3 , .what_yuyu p{ margin:0 0 10px 0;}
.what_yuyu h3{text-align:center;}
.what_yuyu .f_right{width:100%;margin:0 0 10px 0;}
.staff{ margin:0 0 30px 0;}
.staff .face{ float:none; display:block; margin:0 auto 20px auto; width:80%;}
.staff h3 , .staff p{ float:none;width:100%;}
.staff h3{ clear:both; margin:0 0 10px 0; text-align:center;}
.staff h3 img{width:auto;}
.staff p{padding:0;}
.s_papa{ background:none;}
.s_mama{ background:none;}
.s_boo{ background:none;}
.surfer{ padding:30px 0 0 0; margin:0 0 50px 0;}
.surfer div img{width:100%;}.surfer h3 img{width:100%;}
.surfer .box01{ float:none; width:100%; height:10%; text-align:left;background-image: none;}
.surfer .f_left{width:50%;}
.rocket{ background:#023c6a; padding:30px; background-image:none; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.rocket h4{float:none; margin:0 auto;}.rocket h4 img{width:100%;}
.f_left_h{display: block; float:left; width:50%;}

/*-----------Cuisine-----------*/
.c_movie{margin:0 0 20px 0;}
.c_movie div{float:none; width:100%;}.c_movie img{width:100%;}.c_movie video{display:none;}
.tokusan{-webkit-flex-direction: column; /* Safari */
  flex-direction:         column;}
.tokusan div{ background:#fff0d7;width:100%; padding:0 0 10px 0; position:relative;margin:0 30px 30px 0;}
.tokusan div h3{ background:#f89c10; padding:10px; margin:0 0 20px 0;text-align:center;}
.tokusan div h3 img{ height:40px;}
.tokusan div .t_image{float:none; margin:0 auto; display:block;}
.tokusan div p{ float:none; width:auto; box-sizing:border-box;padding:10px; line-height:130%;}
.tokusan div .ingi{ display:none;}
.tokusan div:nth-child(even){margin:0 0 30px 0;}.tokusan div .f_right{float:none; text-align:center; display:block; margin:0 auto;}
.c_slide{ margin:0 0 50px 0;}
.c_slide .left{float:none; width:100%; border:none; box-sizing: border-box; position:relative;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.c_slide .left ul img{border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;}
.c_slide .left #bx-pager{ position: static; margin:10px 0 0 0; text-align:center; width:100%;}
.c_slide .left #bx-pager img{width:15%;}
.c_slide .right h3{text-align:center; margin:0 0 10px 0;}
.c_slide .right{float:none; width:100%;}
.c_slide .right p{background:none; height:auto; text-indent: inherit; white-space: normal; margin:0 0 10px 0;}

/*-----------Pizza-----------*/
.p_lead{ background:#b3762f;height:auto; padding:10px; border:#f2bf6f solid 5px; box-sizing:border-box;}
.p_lead h3{text-align:center; margin:0 0 5px 0;}.p_lead h3 img{width:auto;}
.p_lead p{color:#FFF; line-height:130%; padding:0;}
.p_lead p.pizza_day{ background-size:100%; width:100%; height:96px;}
.delicious{background:url(../img/pizza/bg_delicious.png) no-repeat bottom; background-size:100%; height:500px; position:relative;}
.delicious h3{text-align:center; margin:0 0 10px 0;}
.delicious p{position: static; text-align:center;}
.pizza_menu{width:100%; padding:50px 0;}
.pizza_menu h2{text-align:center;}
.pizza_menu .size img{ width:100%; margin:0 0 20px 0;}
.pizza_menu .menu{ float:left;background:url(../img/pizza/bg_pizza_menu.png) no-repeat; background-size:100%; width:50%; height:auto; min-height:142px; max-height:160px; padding:5px; box-sizing:border-box; margin:0 0 10px 0;}
.pizza_menu .menu:nth-of-type(3n){ margin:0 0 10px 0;}
.pizza_menu .menu:last-of-type{margin:0 0 10px 0;}
.pizza_menu .m_image{width:100%; margin:0;}
.pizza_menu .menu h3{margin:3px 0 0 0;}.pizza_menu .menu h3 img{width:50%;}
.plate{clear:both; background:url(../img/pizza/bg_plate.png) no-repeat bottom; width:100%; height:auto;padding:0 0 30px 0; position: static;}
.plate img{width:100%;}
.plate h3{position: static; text-align:center; margin:10px auto; padding:30px 0 0 0; width:50%;}
.plate .p_image{position: static;text-align:center;margin:10px auto;width:90%;}
.plate .p_choice{position: static; text-align:center;margin:10px auto;width:90%;}
.plate .p_set{position: static;text-align:center;margin:10px auto;width:90%;}

/*-----------Facilities-----------*/
h3.title img{width:auto;}
.wa{background:#190b05 url(../img/facilities/bg_wa.jpg) no-repeat; background-size:100%; padding:10px; color:#FFF; text-align:center;margin:0 0 20px 0;}
.wa h3{text-align:center;}.wa h3 img , .wa p img{width:90%;}
.wa .left{ float:none; width:100%;}
.wa .right{ float:none; width:100%;}
.wa .right img{width:100%;}
.you{ margin:0 0 50px 0;}
.you .image{ position:static; height:auto;}
.you .image .img01{position:static; float:left;width:100%;}
.you .image .img02 , .you .image .img03{position:static;float:left;width:50%;}
.you .image .img04{display:none;}
.share{margin:0 0 50px 0;}
.share h4{ float:none; background:#2ab52a; width:100%; height:auto; text-align:center; padding:10px 0; margin:0; box-sizing:border-box;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.share p{ position:relative; font-size:20px; color:#FFF; font-weight:bold; letter-spacing:2px; text-shadow:1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;}.share p img{width:100%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.share p.img01{float:right;width:50%; height:auto; overflow:hidden;}
.share p span{position:absolute; bottom:10px; right:10px;}
.share p.img02{/*float:right;*/ width:50%; height:auto; background:none;}
.share p.img02 img{display: block;}
.garden{position: static; height:auto;background-image: url(../img/facilities/bg_garden01.png),url(../img/facilities/bg_garden02.png);background-repeat: no-repeat,no-repeat;background-position: right center, left top; background-size:50% , 100%; padding:280px 0 0 0;}
.garden h3{position: static; left:620px;}
.garden p{position: static;left:620px; top:140px;}

/*-----------Access-----------*/
.map iframe{width:100%; height:300px;}

/*-----------Sightseeing-----------*/
.akiyama{ margin:0 0 20px 0;word-wrap: break-word;}.akiyama h3 img{width:90%;}
.akiyama .left{float:none; width:100%;margin:0 0 20px 0; text-align:center;}.akiyama .left img{width:50%;}
.akiyama .right{float:none; width:100%;margin:0 0 30px 0;}.akiyama .right h4 img{width:100%;}
.sightseeing{ margin:0 0 30px 0;}
.sightseeing p{ margin:0; width:100%;word-wrap: break-word;}

/*-----------Annouimo-----------*/
.annouimo{ margin:0 0 20px 0;}
.annouimo .left{ float:none; width:100%; padding:0;}
.annouimo .right{ float:none; width:100%; position:inherit;}
.annouimo .right video{display:none;}
.annouimo .right .munouyaku{position:inherit; display:block; text-align:center; margin:0 auto;}
.imo_set{margin:0 0 20px 0;}
.imo_set .right{ float:none; width:100%; padding:0;}
.imo_set .f_left{width:100%; margin:0 auto;}
.imo_set .right p{margin:0 0 10px 0; line-height:180%;}
.order{ width:100%; margin:0 0 30px 0;}
.order h3{ float:none; width:100%; text-align:center; padding:20px 0 0 0;}
.order h3 img{width:90%;}
.order p{ float:none; padding:0; width:100%;}





#cuisine .wrapper.clear .clear .shima_letf {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#cuisine .wrapper.clear .clear .shimaright {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	width: 95%;
}

#cuisine .wrapper.clear .clear .shima_letf h2 {
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clear: both;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#cuisine .wrapper.clear .clear .shima_letf .shima_img01 {
	position: absolute;
	left: 21px;
	top: 103px;
}
#cuisine .wrapper.clear .clear .shima_letf .shima_img02 {
	margin: 0px;
	padding: 0px;
	width: 91px;
	position: absolute;
	left: 206px;
	top: 241px;
	height: 269px;
}








	}

/* ================================================================
( ・∋ Animation
================================================================ */
@keyframes papa {
100% {left:300px; bottom:50px;background-position:-180px;}
}
@keyframes bite {
100% {left:450px;background-position:-180px;}
}
@keyframes bk {
100% {background-position:-180px;}
}
@keyframes bk2 {
100% {background-position:-344px;}
}

#index video {min-width: 1300px;width: 100%;opacity: 1;left: 0;top: 0;}
#index .remodal div video {
	min-width: 740px;
	width: 740px;
	opacity: 1;
	left: 0;
	top: 0;
	z-index: 0;
}

/******島の料理-夕食******/
.pizza_g{
	text-align: center;
	padding-top: 50px;
}	
.g_bg{
	background: url( "../img/shima-cuisine/pizza_bg.png") no-repeat;
	background-position: top -180px center;
	height:300px;
}
.wrapper_cu{
	width: 1000px;
    margin: 0 auto 50px;	
}
.piz_img{width:640px!important;}
.piz_txt{width:330px!important;}
.menu{
	margin-bottom: 15px!important;
	}
.menu img{
	width:126px!important;
	height:auto!important;
	}	
.menu_t{
	background-color: #ffbf27;
	text-align: left!important;
	padding-left: 10px;
	margin-bottom: 5px;
	}
.menu_list{
	margin-bottom: 5px;
	}
.menu_list li:before{
	content:"・";
	}
.mb_60{margin-bottom: 60px;}
	
@media screen and ( max-width:767px ){
	.wrapper_cu {
    width: 100%;
    padding: 0px;
    max-width: 767px;
    min-width: 320px;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
	.g_bg{
		background-size: cover;
		background-position: top -100px center;
	}
	.piz_img{width:100%!important;}
	.piz_txt{
		width:90%!important;
		margin: 0 auto!important;
	}
}
@media screen and ( max-width:419px ){
	.g_bg{
		background-size: 120% auto;
		background-position: top -50px center;
		height:auto;
		margin-bottom: 30px;
	}
	.menu{
	margin: 15px 0!important;
	}
	}