@import "../js/nav/styles.css";

@media only screen and (max-width:730px){
#device { display:block;}
#device p.pc_btn { display:none;}
#device p.sp_btn {display:block; }
}
@media only screen and (max-width:750px){

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}
#wrapper { overflow:hidden;}
#base { width:100%; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}
.table_tit { display:none;}

#device p.pc_btn { display:block !important;}
#device p.sp_btn { display:none !important;}

/*====================================================================================================
  HEADER
====================================================================================================*/

#header {}
	

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { border: none;}



/*====================================================================================================
  FOOTER
====================================================================================================*/
	
#page,
#page a { width:40px; height:40px;}
#page {}
#page a { background-size:100% auto;}
#page_sm,
#page_sm a { display:none;}

#footer .f-bk .f-box{ margin: 0 auto; padding: 0 5% 20; width: 90%; overflow: hidden;}
#footer .f-bk .f-box .logo{
	float: none;
	margin: 0 0 10px;
	width: 215px;
	height: 60px;
	background: url(../image/f_logo2.png) no-repeat;
	background-size: 100% auto;
}
#footer .f-bk .f-box .access{ float: none;}
#footer .f-bk .f-box .access .name{
	margin: 0 0 10px;
	max-width: 282px;
	min-height: 96px;
	background: url(../image/f_name2.png) no-repeat;
	background-size: 100% auto;
}
#footer .f-bk .f-box .banner{ display: none;}
	
/*====================================================================================================
  TOP PAGE
====================================================================================================*/

#toppage{ margin: 0 10%; width: 80%;}

#toppage .onlyone{ margin: 40px auto; width: 100%;}
#toppage .onlyone .description{ position: relative;}
#toppage .onlyone .description:before{ display: none;}
#toppage .onlyone .description p{ width: 100%;}
#toppage .onlyone .description p:nth-child(1){ text-align: center; margin: 0 0 20px; height: auto; background: none; text-indent: 0;}
#toppage .onlyone .description p:nth-child(1) img{ width: 100%;}
#toppage .onlyone .description p:nth-child(3){ display: block; margin-top: 30px; text-align: center;}
#toppage .onlyone .description p:nth-child(3) img{ width: 80%;}

#toppage .onlyone ul.photo{ clear: both; width: 100%; position: relative; margin: 40px 0 60px;}
#toppage .onlyone ul.photo:before,
#toppage .onlyone ul.photo:after{ display: none;}
#toppage .onlyone ul.photo li { float: left; width: 30%;}
#toppage .onlyone ul.photo li:nth-child(2) { margin: 0 5%;}
#toppage .onlyone ul.photo li img{
	width: 100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}


	/*************************************************************************************/


#toppage .special{ background: none; min-height: auto;}
#toppage .special .sp-box { position:relative; margin:50px auto; width:100%;}
	
#toppage .special .sp-box .box,
#toppage .special .sp-box .box a {width:100% !important; height:auto !important;}
#toppage .special .sp-box .box { position:static;}
#toppage .special .sp-box .box+.box { margin-top:20px;}
#toppage .special .sp-box .box a,
#toppage .special .sp-box .box img {
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
#toppage .special .sp-box .box:before,
#toppage .special .sp-box .box:after,
#toppage .special .sp-box .box a:before,
#toppage .special .sp-box .box a:after { display:none;}

	
/* S1*/
#toppage .special .sp-box .s1 { top: 0; left: 75px;}
#toppage .special .sp-box .s1 a { padding: 0; background:none;}
#toppage .special .sp-box .s1:before { display:none;}
#toppage .special .sp-box .s1 a:before {
	top:0;
	right:-30px;
	width:70px;
	height:70px;
}
#toppage .special .sp-box .s1 a:after {
	bottom:0;
	left:-30px;
	width:70px;
	height:70px;
}

/* S2*/
#toppage .special .sp-box .s2 a { padding: 0; background:none; }
#toppage .special .sp-box .s2:before { display:none;}
#toppage .special .sp-box .s2 a:after { display:none;}
#toppage .special .sp-box .s2 a:before {
	top:-30px;
	right:-20px;
	width:70px;
	height:70px;
}

/* S3*/
#toppage .special .sp-box .s3 a { padding: 0; background:none; }
#toppage .special .sp-box .s3:before { display:none;}
#toppage .special .sp-box .s3 a:after { display:none;}
#toppage .special .sp-box .s3 a:before {
	top:50px;
	right:-20px;
	width:70px;
	height:70px;
}

/* S4 */
#toppage .special .sp-box .s4 a { padding: 0; background:none; }
#toppage .special .sp-box .s4:before { display:none;}
#toppage .special .sp-box .s4 a:after { display:none;}
#toppage .special .sp-box .s4 a:before {
	bottom:-20px;
	right:-30px;
	width:70px;
	height:150px;
}

#toppage .special .sp-box .s4 .title{ margin: 30px 0 15px; font-size: 220%; background: url(../../image/top/sp_bk4_ti.png) no-repeat bottom center;}
#toppage .special .sp-box .s4 .b_detail{ color: #B78C00;}
	
#toppage .information{ margin: 0 auto 50px; width: 100%;}
#toppage .information:before { bottom:-60px; width:80px; height:150px; background-size: 100% auto;}
#toppage .information .info-l{ float: none; width: 100%}
#toppage .information .info-l .news{ margin: 0 0 10px; padding: 20px;}

#toppage .information .info-l .banner{ position: relative;}
#toppage .information .info-l .banner:before,
#toppage .information .info-l .banner:after {display: none;}
#toppage .information .info-l .banner p { margin-bottom:10px;}
#toppage .information .info-l .banner p span {
	top:-25px; left:-25px;
	width:80px; height:80px;
	background:url("../../image/top/net_tit.png") no-repeat;
	background-size: 100% auto;
}

#toppage .information .info-r{ float: none; width: 100%;}
#toppage .information .info-r .fb-title{ margin: 20px 0 10px;}
#toppage .information .info-r .facebook{ width: 100%;}
#toppage .information .info-r .facebook .fb-page{ width: 100%;}




/*====================================================================================================
  SUB PAGE
====================================================================================================*/
#subpage { 
	margin:0 0 50px !important;
	padding:0 2%;
	width:100%;
    box-sizing:border-box;
}

/* MIDASHI */
h2#sb_tit{
	margin:auto;
	width:100%;
	height:100px;
	text-indent:-9999px;
	border-radius:0; /* CSS3 */
	-webkit-border-radius:0; /* Safari,Google Chrome */
	-moz-border-radius:0;/* Firefox */
	background-position:center center;
	background-size:auto 140px;
}
#subpage h3 { margin:0 2% 5px; font-size: 100%;}
#subpage h4 { margin:0 2% 5px; font-size: 100%;}
#subpage h5 { margin:0 2% 5px; font-size: 100%;}

/* CATCH COPY */
#subpage .catch { margin:0 2% 20px; font-size: 120%;}

/* COMMON */
#subpage .comment1 { margin:0 2% 20px;}
#subpage .comment2 { margin:0 2% 20px; padding:5%;}
#subpage .comment3 { margin:0 2% 20px; padding:5%;}

/* HYOU */
#subpage table.hyou { padding:15px; border:1px solid #EEE;}
#subpage table.hyou th,
#subpage table.hyou td {
	table-layout:auto !important;
	display:block !important;
	margin-bottom:5px;
	padding:0 !important;
	width:100% !important;
	min-height:20px;
	height:auto !important;
	text-align:left;
	font-weight:normal;
	border:none;
	box-sizing:border-box;
}
#subpage table.hyou tr+tr td:nth-child(1) { margin-top:15px;}

#subpage table.hyou { margin:10px 2%; width:96%;}
#subpage table.hyou2,
#subpage table.hyou3,
#subpage table.hyou4,
#subpage table.hyou5 {margin:0 2%; width:96%;}

#subpage table.hyou2 {}
#subpage table.hyou2 th,
#subpage table.hyou2 td {
	table-layout:auto !important;
	display:block !important;
	padding:5px 5% !important;
	width:90% !important;
	height:auto !important;
	text-align:left;
	font-weight:normal;
}
#subpage table th div.altop { top:10px;}
#subpage table th div.almid { position:relative;}
#subpage table th div.albottom { bottom:10px;}

/* vertical */
#subpage table th { position:static;}
#subpage table th div.altop,
#subpage table th div.almid,
#subpage table th div.albottom {position:static;}

/* LIST */
#subpage ul.list-ul { margin:20px 2%;}

/* LINK */
#subpage .link-box { width:100%; margin:0 2%;}
#subpage .link-box:after { display:none;}
#subpage .link2 .link {width:auto;}
#subpage .link3 .link {width:auto;}
#subpage .link4 .link {width:auto;}
#subpage .file-box { width:100%; margin:0 2%;}
#subpage .file-box:after { display:none;}
#subpage .file-box .file img {padding-right:10px;}
#subpage .file2 .file {width:auto;}
#subpage .file3 .file {width:auto;}
#subpage .file4 .file {width:auto;}

/* EMBEDDED */
#subpage .embedded { margin:0 2% 20px;}

/* PHOTO BOX */
#subpage .photo-box { margin:0 2%; padding:0; width:96%;}
#subpage .photo-box:after { display:none;}
#subpage .photo-box  ul { float:none; margin:15px 0; width:100%; text-align:center;}
#subpage .g1 ul li,
#subpage .g2 ul li,
#subpage .g3 ul li,
#subpage .g4 ul li,
#subpage .g5 ul li{ width:100%; }
#subpage .g1 ul li.photo img,
#subpage .g2 ul li.photo img,
#subpage .g3 ul li.photo img,
#subpage .g4 ul li.photo img,
#subpage .g5 ul li.photo img { max-width:220px; height:auto;}

/* BOX */
#subpage .temple-box { margin:0 2%; width:96%;}
#subpage .temple-box:after { display:none;}
#subpage .box1,
#subpage .box2 { float:none;margin: 0 2% 20px; width:96%;}
#subpage .box1:after,
#subpage .box2:after { display:none;}
#subpage .box1 .catch { margin:0 0 20px !important;}
#subpage .box1 h4,
#subpage .box2 h4 { margin:10px 0; font-size:100%;}
#subpage .photo-c { float:none; padding:0; width:100%;}
#subpage .photo-c img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}
#subpage .photo-l,
#subpage .photo-r { float:none; padding:0; width:100%; text-align:center;}
#subpage .photo-l img,
#subpage .photo-r img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}

/* LINE */
#subpage .line {
	margin:0 2% 20px;
	height:50px;
	background-size:100% auto;
}

/* BUTTON */
#subpage .btn { margin:0 2%; padding:0; width:96%;}
#subpage .btn:after { display:none;}
#subpage .btn .bo { float:none; margin:0 2% 10px;}
#subpage .b1 .bo { width:96%;}
#subpage .b2 .bo { width:96%;}
#subpage .b3 .bo { width:96%;}

/* BUTTON */
#subpage ul.anchor { margin:20px 2% !important; padding:0; width:96%;}
#subpage ul.anchor:after { display:none;}
#subpage ul.anchor li{ float:none; margin:0 2% 10px;}
#subpage ul.anchor li a{ font-size:100%;}
#subpage .b1 li { width:96%;}
#subpage .b2 li { width:96%;}
#subpage .b3 li { width:96%;}

/* COLUMN */
#subpage .column_box {}
#subpage .column_box:after { display:none;}
#subpage .column_box .col2 { float:none; margin:0 2%; width:auto;}


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

#about {}

/* MAIN */
#about .maincome { position: relative; margin: 0 2%; padding:20px 0;}
#about .maincome:after { display:none;}
#about .maincome .photo { position:static;}
#about .maincome .photo img { width:100%; height:auto;}
#about .maincome h3 { font-size:140%;}
#about .maincome .come { font-size: 100%;}
#about .maincome h3:before,
#about .maincome .come:after { display:none;}

/* STORY */
#about .story {
    position: relative;
	margin:0 0 100px;
    padding:20px;
	width:100%;
	height:auto;
    background:#FFF;
}
#about .story:after { display:none;}
#about .story h4 {
    position:static;
	margin-bottom:20px;
    width:100%;
    height:80px;
	background-size:auto 100%;
}
#about .story .box { position:relative; float:none; margin:0; width:100%;}
#about .story .box+.box { margin-top:40px;}
#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:#1E8C7F;
}
#about .story:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:-100px;
	right:0;
	width:156px;
	height:120px;
	text-indent:-9999px;
	background:url(../../image/about/hito.png) no-repeat;
	background-size:100% auto;
}
#about .story .s1:before { display:none;}

/* FLOW BANNER */
.flow_bana { margin: auto; width:100%;}
.flow_bana a { height:200px; background-size: auto 140%;}


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

#flow {}
#flow .tit {}
#flow .tit img { width:100%;}
#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: 0 auto 10px; width:100%;}

/* FLOW-01 */
#flow .flow1 {
	position:relative;
	margin:50px 2% 50px;
	padding:50px 0;
	background:url(../../image/flow/line.png) no-repeat center bottom;
}
#flow .flow1:after { display:none;}
#flow .flow1 .flowbox1 {}
#flow .flow1 .flowbox2 {}
#flow .flow1 .photo { position:static;}
#flow .flow1 .photo:before {
	top:-20px;
	right:0;
	width:150px;
	height:60px;
	background-size:100% auto;
}
#flow .flow1 .come { margin:0 2%; width:100%;}
#flow .flow1 dl { float:none; margin:4% 2% 0; width:100%;}
#flow .flow1 dl:after { /*float_clear*/ display:block; clear:both; content:"";}
#flow .flow1 dt,
#flow .flow1 dd { float:none; width:100%;}
#flow .flow1 dt { margin:10px auto; width:200px;}

/* FLOW-02 */
#flow .flow2 { position:relative; margin:0 2% 100px;}
#flow .flow2:after { display:none;}
#flow .flow2 .flowbox1,
#flow .flow2 .flowbox2 { float:none; width:100%;}
#flow .flow2 .photo {}
#flow .flow2 dl { float:none; width:100%;}
#flow .flow2 dt { margin:10px auto; width:200px;}
#flow .flow2 .flowbox2 dl:nth-child(2):after { display:none;}

/* FLOW-03 */
#flow .flow3 { margin:0 2% 50px; width:100%; float:none;}
#flow .flow3 .flowbox1 {}
#flow .flow3 .flowbox2 {}

/* FLOW-04 */
#flow .flow4 { margin:0 2% 50px; width:100%; float:none;}
#flow .flow4:after { display:none;}
#flow .flow4 .flowbox1 {}
#flow .flow4 .flowbox2 {}

/* FLOW-05 */
#flow .flow5 { margin:0 2% 50px; width:100%; float:none;}
#flow .flow5:after { display:none;}
#flow .flow5 .flowbox1 {}
#flow .flow5 .flowbox2 {}
#flow .flow5 dl { float:none; margin:2%; width:auto;}
#flow .flow5 dt { margin:0 auto 5px; width:200px;}
#flow .flow5 dd {}

/* FLOW-06 */
#flow .flow6 {  margin:0 2% 50px; width:100%; float:none;}
#flow .flow6:after { display:none;}
#flow .flow6 .flowbox1 {}
#flow .flow6 dl { float:none; margin:2%; width:auto;}
#flow .flow6 dt { margin:0 auto 5px; width:200px;}
#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 { display:none;}
#flow .flow7:before {}
#flow .flow7 .flowbox1 {}
#flow .flow7 dl { float:none; margin:4% 2% 0; width:auto;}
#flow .flow7 dl:after { display:none;}

/* FLOW MIDASHI */
#flow .flow1 h3,
#flow .flow7 h3 {
	position:absolute;
	width:120px;
	height:60px;
	background-size:100% auto;
}
#flow .flow2 h3,
#flow .flow3 h3,
#flow .flow4 h3,
#flow .flow5 h3,
#flow .flow6 h3 {
	position:absolute;
	width:120px;
	height:60px;
	background-size:100% auto;
}
#flow .flow1 h3 { top:-70px; right:auto; left:-10px;}
#flow .flow2 h3 { top:-40px; left:10px;}
#flow .flow3 h3 { top:-40px; right:10px;}
#flow .flow4 h3 { top:-40px; left:10px;}
#flow .flow5 h3 { top:-40px; right:10px;}
#flow .flow6 h3 { top:-40px; left:10px;}
#flow .flow7 h3 { top:-20px; left:-10px;}

/* FLOW LINE */
#flow .flow1:before,
#flow .flow2:before,
#flow .flow3:before,
#flow .flow4:before,
#flow .flow5:before,
#flow .flow6:before { display:none !important;}


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

#secret {}

/* MAINCOME */
#secret .maincome { margin:0 2% 50px;}
#secret .maincome h3 {
	max-width: 340px;
	margin: auto 0 10px;
	width:100%;
	height:35px;
	background-position:left center;
	background-size:auto 100%;
}
#secret .maincome .come { font-size:100%; text-align:left;}
#secret .maincome .come br { display:none;}
#secret .maincome h3:after{ display:none;}
#secret .maincome h3:before{
	position: absolute;
	top:-85%;
	right: -2%;
	width: 80px;
	height: 80px;
	background: url(../../image/secret/kodawari_fukidashi.png) no-repeat;
	background-size: contain;
}


/* KODAWARI */
#secret .kodawari { padding:70px 20px 20px;}
#secret .kodawari:after { display:none;}
#secret .photo_main {
	position:absolute;
	top:-30px;
	right:10px;
	width:100px;
}
#secret .photo_main img { width:100%; height:auto;}
#secret .kodawari h3 {
	top:-50px;
	left:0;
	width:100px;
	height:100px;
	background-size:auto 100%;
}
#secret .kodawari .catch br { display:none;}
#secret .kodawari .box { position:relative; clear:both; padding:30px 0;}
#secret .kodawari .box:after { display:none;}
#secret .kodawari .box .photo { margin-bottom:10px; width:100%;}
#secret .kodawari .box .photo img { width:100%;}
#secret .kodawari .box h4 br { display:none;}
#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:none;}
#secret .kodawari .koda3 {}
#secret .kodawari .koda3 .photo { float:left; margin-right:30px;}
#secret .kodawari .step { display:none;}


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

#control { padding:50px 0;}
#control .photo-r { display:none;}
#control .comment1 br { display:none;}

#control table.hyou td:before {
	display:block;
	clear:both;
	content:attr(data-label);
	padding-right:10px;
	color:#1F266C;
	font-weight:bold;
	font-size:80%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-kerning:none;
}
#control table.hyou td { padding:5px 20px !important;}
#control table.hyou tr:nth-child(2n) { background:#F6F6F6;}


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

#eat {}
#eat .melon_miwakekata {
	position:relative;
	margin:30px 2% 50px;
	padding:20px;
	background:rgba(128,134,48,0.10);
}
#eat .melon_miwakekata .tit { top:-20px; height:auto;}
#eat .melon_miwakekata .tit img { width:260px; height:auto;}
#eat .melon_miwakekata .photo { position:static; padding:30px 0; text-align:center;}
#eat .melon_miwakekata .photo img { width:130px; height:auto;}
#eat .melon_miwakekata h3 { font-size:100% !important;}
#eat .melon_miwakekata h3 br { display:none;}



#eat .melon_miwakekata .box { position:relative; top:0; left:0; width:100%;}
#eat .melon_miwakekata .box+.box { margin-top:30px;}
#eat .melon_miwakekata .miwake1 h3 { font-size:25px;}
#eat .melon_miwakekata .miwake1 .photo-s { float:right; position:static;}
#eat .melon_miwakekata .miwake2 .photo-r { float:right !important; width:auto;}
#eat .melon_miwakekata .miwake2:after { display:none;}
#eat .melon_miwakekata .miwake4 .photo-r { float:right !important; width:auto; position:static;}
#eat .melon_miwakekata .miwake4 .photo-r img { width:80px; height:auto;}
#eat .melon_miwakekata .miwake6:after { display:none;}

#eat .tabegoro { margin:0 2%;}
#eat .tabegoro:after { display:none;}
#eat .cont1,
#eat .cont2 { float:none; width:100%;}

#eat .cont2 { padding:20px;}
#eat .cont2 h3 { left:-10px;}
#eat .cont2 .box {}
#eat .cont2 ul {}
#eat .cont2 ul:after { display:none;}
#eat .cont2 ul li { float:none; margin:20px auto 0; width:200px;}

#eat .time {}
#eat .time h3 {
	margin:30px auto 0;
	width:250px;
	height:120px;
	background-size:100% auto;
}
#eat .time .come { margin: 2%; padding:0;}
#eat .recipe_bana { margin:2%;}


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

#recipe { padding:40px 0 0;}

/* LIST */
#recipe_list {}
#recipe_list:after { display:none;}
#recipe_list .box { float:none; margin: 0 0 20px; padding:20px; width:auto;}
#recipe_list .box+.box { clear:none; margin-left:0;}
#recipe_list .box a { display:block; padding:0;}
#recipe_list .box .come { padding:0; background:none;}
#recipe_list .box h3 { margin:10px 0 0; font-size:120%;}

/* DETAIL */
#recipe_detail { margin-bottom:40px; padding:20px;}
#recipe_detail h3 { font-size:120%; margin-bottom:20px;}
#recipe_detail .box { margin:0 2% 2%;}
#recipe_detail .box:after { display:none;}
#recipe_detail .come { margin-bottom:20px;}
#recipe_detail h4 {}
#recipe_detail .material { float:none; width:100%;}


/*====================================================================================================
 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:0; transform: rotate(0);}
#manufacturer .message .comment1 { clear:none;}
#manufacturer .staff_list {}
#manufacturer .staff_all img { margin-bottom:20px; width:100%; height:auto;}
#manufacturer .staff_list h3 { background-size:auto 100px;}
#manufacturer .staff_list ul { padding:0;}
#manufacturer .staff_list ul:after { display:none;}
#manufacturer .staff_list ul li { float:none; width:100%;}
#manufacturer .staff_list ul li+li { margin-left:0;}

/*DECO*/
#manufacturer .message .photo-r:before,
#manufacturer .message .photo-r:after {
	width:50px;
	height:50px;
	background-size:100% auto;
}
#manufacturer .message .photo-r:before { top:20px; left:20px;}
#manufacturer .message .photo-r:after{ bottom:20px; right:20px;}


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

#shop {}

/* MAINCOME */
#shop .maincome { text-align:left;}
#shop .maincome p { margin:0 2%;}
#shop .maincome br { display:none;}

/* LIST */
#shop_list .shop_list { padding:10px 0;}

/* CONTACT */
#shop_list .comment2 { margin-top:20px;}
#shop_list .comment2 b{ font-size:100%;}

/* DETAIL */
#shop_detail { margin-bottom:50px;}
#shop_detail h3 { margin:0 0 20px; padding:0 0 20px; text-align:center; border-bottom:2px solid #1E8C7F;}
#shop_detail .gaiyou { margin:0 2% 30px;}
#shop_detail .gaiyou:after { display:none;}
#shop_detail .gaiyou table.hyou { width:100%;}
#shop_detail .gaiyou table.hyou th { padding:5px !important; font-weight:bold;}
#shop_detail .gaiyou table.hyou td {}


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

#poster {}

/* MAINCOME */
#poster .maincome { text-align:left;}
#poster .maincome p { margin:0 2%;}

/* LIST */
#poster ul.sozai_poster { margin:0 2% 40px; width:auto;}
#poster ul.sozai_poster li img{ width:90%;}
#poster h4 { margin-bottom:20px;}
#poster ul.sozai_other { margin:0 2%;}
#poster ul.sozai_other:after { /*float_clear*/ display:block; clear:both; content:"";}
#poster ul.sozai_other li img { width:100%; height:auto;}

/* ADOBE */
#poster .adobe { position:static;}


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

#contact {}
#contact h3 { text-align:center;}
#contact .photo-r { position:relative; margin-right:0; transform: rotate(0);}
#contact .comment1{ clear:none; margin:0 2%; width:auto;}
#contact .comment2 b{ font-size:100%;}
/*DECO*/
#contact .photo-r:before,
#contact .photo-r:after {
	width:50px;
	height:50px;
	background-size:100% auto;
}
#contact .photo-r:before { top:-20px; left:20px;}
#contact .photo-r:after{ bottom:20px; right:20px;}


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

.loop_flow ul li {width:299px; height:200px;}
.loop_flow,
.loop_flow ul,
.loop_flow ul li {height:200px;}
.loop_flow ul li img {height:200px;}

.loop_staff li {width:200px; height:133px;}
.loop_staff,
.loop_staff ul,
.loop_staff ul li {height:133px;}
.loop_staff li img { width:200px;}



}