/*====================================================================================================
 ABOUT
====================================================================================================*/

#about {}

/* MAIN */
#about .maincome { position: relative; margin: 0 2%; padding:80px 0 150px 550px;}
#about .maincome:after { /*float_clear*/ display:block; clear:both; content:"";}
#about .maincome .photo { position:absolute; left:-50px; top:30px;}
#about .maincome h3 {
	position:relative;
    clear:none;
    margin:0;
    padding: 20px 0;
    font-family: "游明朝", "YuMincho", serif;
    font-size: 200%;
    color:#353535;
}
#about .maincome .come {
	position:relative;
    font-family: "游明朝", "YuMincho", serif;
    font-size: 120%;
	line-height:150%;
}
#about .maincome h3:before,
#about .maincome .come:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
    text-indent: -9999px;
}
#about .maincome h3:before {
	top:-20px;
	left:-50px;
	width:42px;
	height:42px;
	background:url(../../image/about/deco1.png) no-repeat;
}
#about .maincome .come:after {
	bottom:-50px;
	right:0;
	width:36px;
	height:41px;
	background:url(../../image/about/deco2.png) no-repeat;
}

/* STORY */
#about .story {
    position: relative;
	margin:0 0 50px;
    padding:100px 50px 50px;
	width:100%;
	height:673px;
    background:url(../../image/about/book.png) no-repeat;
}
#about .story:after { /*float_clear*/ display:block; clear:both; content:"";}
#about .story h4 {
    position: absolute;
    top:-30px;
    left: 0;
    margin: 0;
    padding: 0;
    width:100%;
    height:101px;
    text-indent: -9999px;
    background:url(../../image/about/story_tit.png) no-repeat center center;
}
#about .story .box { position:relative; float:left; margin:0 4%; width:42%;}
#about .story .photo-c img {
	border-radius:15px; /* CSS3 */
	-webkit-border-radius:15px; /* Safari,Google Chrome */
	-moz-border-radius:15px;/* Firefox */
}
#about .story h5 {
    font-family: "游明朝", "YuMincho", serif;
    font-size: 120%;
	line-height:150%;
	text-align:center;
	color:#209181;
}
#about .story:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:-100px;
	right:0;
	width:215px;
	height:174px;
	text-indent:-9999px;
	background:url(../../image/about/hito.png) no-repeat;
}
#about .story .s1:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:-200px;
	left:-50px;
	width:145px;
	height:145px;
	text-indent:-9999px;
	background:url(../../image/about/deco3.png) no-repeat;

}

/* FLOW BANNER */
.flow_bana {
	position:relative;
    margin: auto;
    width: 1000px;
	z-index:999;
}
.flow_bana a {
    display: block;
    width: 100%;
    height: 387px;
    text-indent: -9999px;
    background:url(../../image/about/flow_bana.png) no-repeat center center;
}


/*====================================================================================================
 FLOW
====================================================================================================*/

#flow {}
#flow .tit { position:relative; margin:0 2%; padding-bottom:50px;}
#flow .tit:after{
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:5px;
	background:url(../../image/flow/line.png) no-repeat center center;
}
#flow .photo img,
#flow dl dt img {
	border-radius:15px; /* CSS3 */
	-webkit-border-radius:15px; /* Safari,Google Chrome */
	-moz-border-radius:15px;/* Firefox */
}
#flow .photo { margin-bottom:10px; width:420px;}


/* FLOW-01 */
#flow .flow1 {
	position:relative;
	margin:0 2% 138px;
	padding:50px 0;
	background:url(../../image/flow/line.png) no-repeat center bottom;
}
#flow .flow1:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow1 .flowbox1 {}
#flow .flow1 .flowbox2 {}
#flow .flow1 .photo { position:absolute; top:-130px; right:0;}
#flow .flow1 .photo:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-80px;
	right:-30px;
	width:203px;
	height:86px;
	background:url(../../image/flow/come1.png) no-repeat;
}
#flow .flow1 .come { margin:0 2%; width:46%;}
#flow .flow1 dl { float:left; margin:4% 2% 0; width:46%;}
#flow .flow1 dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow1 dt { float:left; width:40%;}
#flow .flow1 dd { float:right; width:55%;}

/* FLOW-02 */
#flow .flow2 { position:relative; margin:0 2% 100px;}
#flow .flow2:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow2 .flowbox1 { float:left; width:420px;}
#flow .flow2 .flowbox2 { float:right; width:490px;}
#flow .flow2 .photo {}
#flow .flow2 dl { position:relative; float:left; margin:1%; width:31.3%;}
#flow .flow2 dt { margin-bottom:5px;}
#flow .flow2 dd {}
#flow .flow2 .flowbox2 dl:nth-child(2):after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-50px;
	right:-10px;
	width:78px;
	height:44px;
	background:url(../../image/flow/come2.png) no-repeat;
}


/* FLOW-03 */
#flow .flow3 { position:relative; margin:0 2% 100px; width:420px; float:right;}
#flow .flow3 .flowbox1 {}
#flow .flow3 .flowbox2 {}
#flow .flow3 dl { margin:30px 0;}
#flow .flow3 dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow3 dt { float:right; width:40%;}
#flow .flow3 dd { float:left; width:55%;}
#flow .flow3 dd b { font-size:120%;}

/* FLOW-04 */
#flow .flow4 { position:relative; margin:200px 2% 100px; width:420px; float:left;}
#flow .flow4:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-220px;
	left:70px;
	width:269px;
	height:160px;
	background:url(../../image/flow/deco1.png) no-repeat;
}
#flow .flow4 .flowbox1 {}
#flow .flow4 .flowbox2 {}
#flow .flow4 dl { margin:30px 0;}
#flow .flow4 dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow4 dt { float:right; width:40%;}
#flow .flow4 dd { float:left; width:55%;}
#flow .flow4 dd b { font-size:120%;}

/* FLOW-05 */
#flow .flow5 { position:relative; margin:50px 2% 100px; width:420px; float:right;}
#flow .flow5:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow5 .flowbox1 {}
#flow .flow5 .flowbox2 {}
#flow .flow5 dl { float:left; margin:1%; width:31.3%;}
#flow .flow5 dt { margin-bottom:5px;}
#flow .flow5 dd {}

/* FLOW-06 */
#flow .flow6 { position:relative; margin:50px 2% 180px; width:420px; float:left;}
#flow .flow6:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow6 .flowbox1 {}
#flow .flow6 dl { float:left; margin:1%; width:31.3%;}
#flow .flow6 dt { margin-bottom:5px;}
#flow .flow6 dd {}

/* FLOW-07 */
#flow .flow7 {
	clear:both;
	position:relative;
	margin:0 2% 50px;
	padding:50px 0;
	background:url(../../image/flow/line.png) no-repeat center bottom;
}
#flow .flow7:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow7:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:url(../../image/flow/line.png) no-repeat center center;
}
#flow .flow7 .flowbox1 {}
#flow .flow7 dl { float:left; margin:4% 2% 0; width:29.3%;}
#flow .flow7 dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow7 .flowbox1 dl:nth-child(3n+1) { clear:both;}
#flow .flow7 dt { margin-bottom:10px;}
#flow .flow7 dd {}

/* FLOW MIDASHI */
#flow .flow1 h3,
#flow .flow7 h3 {
	position:absolute;
	width:190px;
	height:77px;
	text-indent:-9999px;
	z-index:999;
}
#flow .flow2 h3,
#flow .flow3 h3,
#flow .flow4 h3,
#flow .flow5 h3,
#flow .flow6 h3 {
	position:absolute;
	width:250px;
	height:90px;
	text-indent:-9999px;
	z-index:999;
}
#flow .flow1 h3 {
	top:-180px;
	right:220px;
	background:url(../../image/flow/step1.png) no-repeat;
}
#flow .flow2 h3 {
	top:-70px;
	left:-40px;
	background:url(../../image/flow/step2.png) no-repeat;
}
#flow .flow3 h3 {
	top:-70px;
	right:-70px;
	background:url(../../image/flow/step3.png) no-repeat;
}
#flow .flow4 h3 {
	top:-70px;
	left:-40px;
	background:url(../../image/flow/step4.png) no-repeat;
}
#flow .flow5 h3 {
	top:-70px;
	right:-70px;
	background:url(../../image/flow/step5.png) no-repeat;
}
#flow .flow6 h3 {
	top:-70px;
	left:-40px;
	background:url(../../image/flow/step6.png) no-repeat;
}
#flow .flow7 h3 {
	top:-40px;
	left:-40px;
	background:url(../../image/flow/step7.png) no-repeat;
}

/* FLOW LINE */
#flow .flow1:before,
#flow .flow2:before,
#flow .flow3:before,
#flow .flow4:before,
#flow .flow5:before,
#flow .flow6:before {
	display:block;
	clear:both;
	content:"";
	text-indent:-9999px;
	position:absolute;
	z-index:999;
}
#flow .flow1:before{
	bottom:-138px;
	left:0;
	width:100%;
	height:138px;
	background:url(../../image/flow/flow_line1.png) no-repeat center center;
}
#flow .flow2:before{
	bottom:-60px;
	left:250px;
	width:278px;
	height:102px;
	background:url(../../image/flow/flow_line2.png) no-repeat center center;
}
#flow .flow3:before{
	bottom:170px;
	left:-90px;
	width:71px;
	height:42px;
	background:url(../../image/flow/flow_line3.png) no-repeat center center;
}
#flow .flow4:before{
	bottom:100px;
	right:-300px;
	width:263px;
	height:91px;
	background:url(../../image/flow/flow_line4.png) no-repeat center center;
}
#flow .flow5:before{
	top:120px;
	left:-300px;
	width:263px;
	height:91px;
	background:url(../../image/flow/flow_line5.png) no-repeat center center;
}
#flow .flow6:before{
	bottom:-150px;
	left:250px;
	width:434px;
	height:126px;
	background:url(../../image/flow/flow_line6.png) no-repeat center center;
}

/*====================================================================================================
 SECRET
====================================================================================================*/

#secret {}

/* MAINCOME */
#secret .maincome { margin-bottom:50px;}
#secret .maincome h3 {
	position:relative;
	margin:0 auto 20px;
	width:469px;
	height:69px;
	text-indent:-9999px;
	background:url(../../image/secret/titi.png) no-repeat;
}
#secret .maincome h3:before{
	position: absolute;
	top:-40%;
	right: -30%;
	display: block;
	content:"";
	width: 128px;
	height: 117px;
	z-index:999;
	background: url(../../image/secret/kodawari_fukidashi.png) no-repeat;
}
#secret .maincome .come {
	position:relative;
	margin-bottom:30px;
    font-family: "游明朝", "YuMincho", serif;
    font-size: 120%;
	line-height:150%;
	text-align:center;
}
#secret .maincome .photo-c {}
#secret .maincome h3:after{
	display:block;
	clear:both;
	content:"";
	position:absolute;
	text-indent:-9999px;
	z-index:999;
}
#secret .maincome h3:after {
	width:99px;
	height:87px;
	top:-10px;
	left:-150px;
	background:url(../../image/secret/deco1.png) no-repeat;
}

/* KODAWARI */
#secret .kodawari {
	position:relative;
	clear:both;
	margin:0 2% 20px;
	padding:60px;
	background:rgba(128,134,48,0.10);
}
#secret .kodawari:after { /*float_clear*/ display:block; clear:both; content:"";}
#secret .photo_main {
	position:absolute;
	top:-50px;
	right:-30px;
}
#secret .kodawari h3 {
	position:absolute;
	top:-120px;
	left:-70px;
	width:155px;
	height:155px;
	text-indent:-9999px;
	background:url(../../image/secret/kodawari_titi.png) no-repeat center center;
}
#secret .kodawari .catch {color:#209181;}
#secret .kodawari .box { position:relative; clear:both; padding:50px 0;}
#secret .kodawari .box+.box { padding:50px 0 0;}
#secret .kodawari .box:after { /*float_clear*/ display:block; clear:both; content:"";}
#secret .kodawari .box .photo { width:380px;}
#secret .kodawari .box .photo img {
	border-radius:20px; /* CSS3 */
	-webkit-border-radius:20px; /* Safari,Google Chrome */
	-moz-border-radius:20px;/* Firefox */
}
#secret .kodawari .box h4 {
	clear:none;
	margin:20px 0 10px;
	color:#353535;
    font-family: "游明朝", "YuMincho", serif;
}
#secret .kodawari .box .come {}
#secret .kodawari .koda1 {}
#secret .kodawari .koda1 .photo { float:left; margin-right:30px;}
#secret .kodawari .koda2 {}
#secret .kodawari .koda2 .photo { float:right; margin-left:90px; position:relative;}
#secret .kodawari .koda2 .photo:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	width:148px;
	height:148px;
	bottom:-30px;
	left:-85px;
	background:url(../../image/secret/photo3.png) no-repeat;
}
#secret .kodawari .koda3 {}
#secret .kodawari .koda3 .photo { float:left; margin-right:30px;}
#secret .kodawari .step {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	width:100px;
	height:100px;
	top:-10px;
	text-indent:-9999px;
	z-index:999;
}
#secret .kodawari .koda1 .step {
	left:130px;
	background:url(../../image/secret/kodawari_mid1.png) no-repeat center center;
}
#secret .kodawari .koda2 .step{
	right:130px;
	background:url(../../image/secret/kodawari_mid2.png) no-repeat center center;
}
#secret .kodawari .koda3 .step {
	left:130px;
	background:url(../../image/secret/kodawari_mid3.png) no-repeat center center;
}


/*====================================================================================================
 CONTROL
====================================================================================================*/

#control {position:relative;}
#control .photo-r { position:absolute; top:0; right:2%;}


/*====================================================================================================
 EAT
====================================================================================================*/

#eat {}
#eat .melon_miwakekata {
	position:relative;
	margin:50px 2% 50px;
	padding:40px;
	min-height:650px;
	background:rgba(128,134,48,0.10);
}
#eat .melon_miwakekata .tit {
	position:absolute;
	top:-30px;
	left:0;
	width:100%;
	height:115px;
	text-align:center;
}
#eat .melon_miwakekata .photo { position:absolute; top:80px; left:330px;}
#eat .melon_miwakekata h3 {
	margin:0 0 10px;
	font-family: "游ゴシック体","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:130%;
	color:rgba(100,168,56,0.80);
}
#eat .melon_miwakekata .box { width:260px;}
#eat .melon_miwakekata .miwake1 { position:absolute; top:60px; left:40px;}
#eat .melon_miwakekata .miwake2 { position:absolute; top:390px; left:40px;}
#eat .melon_miwakekata .miwake3 { position:absolute; top:475px; left:350px;}
#eat .melon_miwakekata .miwake4 { position:absolute; top:70px; right:40px;}
#eat .melon_miwakekata .miwake5 { position:absolute; top:205px; right:40px;}
#eat .melon_miwakekata .miwake6 { position:absolute; top:450px; right:40px;}

#eat .melon_miwakekata .miwake1 h3 { font-size:25px;}
#eat .melon_miwakekata .miwake1 .photo-s { position:absolute; top:-20px; right:80px;}
#eat .melon_miwakekata .miwake2:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-30px;
	left:-60px;
	width:71px;
	height:62px;
	background:url(../../image/eat/deco2.png) no-repeat;
}
#eat .melon_miwakekata .miwake4 .photo-r { position:absolute; top:-20px; right:-30px;}
#eat .melon_miwakekata .miwake6:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:0;
	right:-10px;
	width:69px;
	height:47px;
	background:url(../../image/eat/miwake6.png) no-repeat;
}

#eat .tabegoro { margin:0 2%;}
#eat .tabegoro:after { /*float_clear*/ display:block; clear:both; content:"";}
#eat .cont1 { float:left; width:370px;}
#eat .cont2 { float:right; width:570px;}

#eat .cont2 {
	position:relative;
	padding:40px;
	border:2px solid #E99411;
	background:#FFF;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#eat .cont2 h3 {
	position:absolute;
	top:-40px;
	left:-30px;
	width:150px;
	height:55px;
	text-indent:-9999px;
	background:url(../../image/eat/mid2.png) no-repeat;
}
#eat .cont2 .box {}
#eat .cont2 .box+.box { margin:20px 0 0;}
#eat .cont2 ul {}
#eat .cont2 ul:after { /*float_clear*/ display:block; clear:both; content:"";}
#eat .cont2 ul li { float:left; margin:0 2%; width:29.3%;}

#eat .time { margin-bottom:50px;}
#eat .time h3 {
	width:100%;
	height:145px;
	text-indent:-9999px;
	background:url(../../image/eat/mid1.png) no-repeat center center;
}
#eat .time .come { padding:0 30px; font-weight:bold;}
#eat .recipe_bana { margin:4%;}


/*====================================================================================================
 RECIPE
====================================================================================================*/

/* LIST */
#recipe_list { margin:0 2%;}
#recipe_list:after { /*float_clear*/ display:block; clear:both; content:"";}
#recipe_list .box {
	float:left;
	margin: 0 0 2%;
	width:32%;
	background:#FFF;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.10); /* CSS3 */
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.10);  /*Google Chrome, Safari*/
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.10);  /*Firefox*/
}
#recipe_list .box+.box { clear:none; margin-left:2%;}
#recipe_list .box:nth-child(3n+1) { clear:both; margin-left:0;}
#recipe_list .box a { text-decoration:none;}
#recipe_list .box .come { padding:15px 45px 15px 15px; background:url(../../recipe/image/arrow.png) no-repeat 95% center;}
#recipe_list .box h3 {
	margin:0;
	padding:0;
	font-family: "游ゴシック体","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:120%;
	color:#353535;
	text-decoration:none;
}

/* DETAIL */
#recipe_detail {
	padding:50px 30px;
	background:#FFF;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.10); /* CSS3 */
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.10);  /*Google Chrome, Safari*/
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.10);  /*Firefox*/
}
#recipe_detail h3 {
	padding:0;
	font-family: "游ゴシック体","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:140%;
	color:#353535;
	text-decoration:none;
}
#recipe_detail .box { margin:0 2% 2%;}
#recipe_detail .box:after { /*float_clear*/ display:block; clear:both; content:"";}
#recipe_detail .come { margin-bottom:20px;}
#recipe_detail h4 {
	clear:none;
	margin:0 0 10px;
	padding:0;
	font-family: "游ゴシック体","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:120%;
	color:#353535;
	text-decoration:none;
}
#recipe_detail .material { float:left; width:50%;}
#recipe_detail dl { border-top:1px solid #EEE; padding:5px 0; border-bottom:1px solid #EEE;}
#recipe_detail dl+dl { border-top:none;}
#recipe_detail dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#recipe_detail dl dt{ float:left; width:80%; padding:0 10px;}
#recipe_detail dl dd{ float:right; width:20%; text-align:center;}


/*====================================================================================================
 MANUFACTURER
====================================================================================================*/

#manufacturer {}
#manufacturer .message { margin:0 2%;}
#manufacturer .message:after { /*float_clear*/ display:block; clear:both; content:"";}
#manufacturer .message .photo-r { position:relative; margin-right:4%; transform: rotate(7deg);}
#manufacturer .message .comment1 { clear:none;}

/* STAFF LIST */
#manufacturer .staff_list { padding-top:40px;}
#manufacturer .staff_all { text-align:center;}
#manufacturer .staff_list h3 {
	width:100%;
	height:155px;
	text-indent:-9999px;
	background:url(../../manufacturer/image/mid_bg.png) no-repeat center center;
}
#manufacturer .staff_list ul { margin:0 2%; padding:40px 0 0;}
#manufacturer .staff_list ul:after { /*float_clear*/ display:block; clear:both; content:"";}
#manufacturer .staff_list ul li { float:left; width:19.2%; text-align:center;}
#manufacturer .staff_list ul li+li { margin-left:1%;}
#manufacturer .staff_list ul li:nth-child(5n+1) { clear:both; margin-left:0;}

/* STAFF DETAIL */
#manufacturer .box {
	margin-bottom:20px;
	padding:30px;
	background:rgba(255,255,255,0.70);
	border:1px solid rgba(0,0,0,0.05);
}
#manufacturer .box:after { /*float_clear*/ display:block; clear:both; content:"";}
#manufacturer .box h3 { clear:none; margin:10px auto;}
#manufacturer .box dl { margin-top:20px;}
#manufacturer .box dt { margin-bottom:5px; font-weight:bold;}
#manufacturer .box dd {}
#manufacturer .box dd+dt { margin-top:20px;}

/*DECO*/
#manufacturer .message .photo-r:before,
#manufacturer .message .photo-r:after {
	display:block;
	clear:both;
	content:"";
	text-indent:-9999px;
	position:absolute;
}
#manufacturer .message .photo-r:before {
	width:67px;
	height:55px;
	background:url(../../image/contact/deco2.png) no-repeat;
	top:-20px;
	left:-20px;
}
#manufacturer .message .photo-r:after{
	width:99px;
	height:87px;
	background:url(../../image/contact/deco1.png) no-repeat;
	bottom:-20px;
	right:-20px;
}


/*====================================================================================================
 SHOP
====================================================================================================*/

#shop {}

/* MAINCOME */
#shop .maincome { text-align:center;}

/* LIST */
#shop_list .shop_list { padding:40px 0;}
#shop_list .shop_list h4 { margin:20px 0 10px;}
#shop_list .shop_list dl { padding:20px; background:rgba(209,171,13,0.10);}
#shop_list .shop_list dl+dl { margin-top:5px;}

/* CONTACT */
#shop_list .comment2 b{
	display:block;
	margin-bottom:10px;
	font-family: "游明朝", "YuMincho", serif;
	font-size:130%;
	color:#231815;
}

/* DETAIL */
#shop_detail { margin-bottom:50px;}
#shop_detail .gaiyou { margin:0 2% 30px;}
#shop_detail .gaiyou:after { /*float_clear*/ display:block; clear:both; content:"";}
#shop_detail .gaiyou table.hyou { clear:none; margin:0; width:60%; background:rgba(255,255,255,0.80);}
#shop_detail .gaiyou table.hyou th { clear:none; width:20%; background:rgba(0,0,0,0.03) !important;}
#shop_detail .gaiyou table.hyou td { clear:none; width:80%;}


/*====================================================================================================
 POSTER
====================================================================================================*/

#poster {}

/* MAINCOME */
#poster .maincome { padding: 0 0 20px; text-align:center;}

/* LIST */
#poster ul.sozai_poster { margin:20px auto 70px; width:70%;}
#poster ul.sozai_poster:after { /*float_clear*/ display:block; clear:both; content:"";}
#poster ul.sozai_poster li { float:left; width:33.3%; text-align:center;}
#poster h4 {
	margin: 0 0 50px;
	color:#333;
	text-align:center;
	background:url(../../image/poster/mid_bg.png) no-repeat center center;
}
#poster ul.sozai_other { margin:0 2%;}
#poster ul.sozai_other:after { /*float_clear*/ display:block; clear:both; content:"";}
#poster ul.sozai_other li { float:left; margin: 0 0 1%; width:24.25%; overflow:hidden;}
#poster ul.sozai_other li img { width:100%; height:auto;}
#poster ul.sozai_other li+li { margin-left:1%;}
#poster ul.sozai_other li:nth-child(4n+1) { clear:both; margin-left:0;}

/* ADOBE */
#poster .comment2 { position:relative;}
#poster .adobe { position:absolute; top:35px; right:35px;}


/*====================================================================================================
 CONTACT
====================================================================================================*/

#contact {}
#contact .photo-r { position:relative; margin-right:4%; transform: rotate(7deg);}
#contact .comment1 { clear:none; margin:0 2%; width:60%;}
#contact .comment2 b{
	display:block;
	margin-bottom:10px;
	font-family: "游明朝", "YuMincho", serif;
	font-size:130%;
	color:#231815;
}

/*DECO*/
#contact .photo-r:before,
#contact .photo-r:after {
	display:block;
	clear:both;
	content:"";
	text-indent:-9999px;
	position:absolute;
}
#contact .photo-r:before {
	width:99px;
	height:87px;
	background:url(../../image/contact/deco1.png) no-repeat;
	top:-20px;
	left:-20px;
}
#contact .photo-r:after{
	width:67px;
	height:55px;
	background:url(../../image/contact/deco2.png) no-repeat;
	bottom:-20px;
	right:-20px;
}


/*====================================================================================================
 LOOPSLIDER
====================================================================================================*/

.loopslider {
    position: relative;
    overflow: hidden;
	margin:0;
    width:100%;
}
.loopslider ul,
.loopslider ul li { margin:0 !important; padding:0 !important; background:none !important;}
.loopslider ul { float:left; clear:none; overflow: hidden;}
.loopslider ul li {
    display: inline;
    float:left;
	text-align:center;
    overflow: hidden;
	box-sizing:border-box;
}
.loopslider,
.loopslider ul,
.loopslider ul li {}

.loop_flow ul li {width:580px; height:387px;}
.loop_flow,
.loop_flow ul,
.loop_flow ul li {height:387px;}

.loop_staff li {width:400px; height:266px;}
.loop_staff,
.loop_staff ul,
.loop_staff ul li {height:266px;}