/* 09. Responsive
================================================== */

.index_block{
/*	background-image: url('http://www.minori-karatsu.com/images/index_roll_w.jpg');*/
  background-image: url('https://test-minori.sakiweb.com/images/index_roll_w.jpg');
}

.info_tit{ display:none; }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    #page {
        width: 980px; 
        margin: 0 auto; 
	background: #ffffff;
    }

    #header, #main, #prefooter { background: none; }

    #top-bar, #footer-bar { padding: 0 40px; }

    #footer { width: auto; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #page {
        width: 100%;
        margin: 0 auto;     
        background: #ffffff;
    }
    #main, #header, #prefooter { background: none; }
    #prefooter: after { display: none; }
    #footer  { width: auto; }
    .info_tit{ display:block; }
    
    #main-menu { display: none; }
    nav#main-nav { float: none; margin: 0; }
    
    .post-thumbnail {
		width: 38%;
		overflow:hidden;	/*@@@ 2017/03 @@@*/
	}

    .row .col {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    } 
    
    /* Page, Post content */
    #primary,#primary2 { width: auto; float: none; }
    #primary .entry-content img{ float: none; }
    #content{ padding:0;width:100%; }
    .wp-pagenavi { width: 100%; }
    #sidebar { float: none; width: 100%; clear: both; }

.front_waku { margin:10px 0; }
.front_waku .img { display: none; }
.layout_content { max-width:99%;margin-left:10px; }
.layout_content li img{ float:none; }

.layout_content .text_waku,.layout_content .text_waku_L{float:none;margin:0;}
.layout_content li img{float: none;margin-bottom:10px;}
.layout_content .img_L {display: block;}
.layout_content .img_R {display: none;}
.movie { display: none; }
.header_nav_lst {padding:0}
.shop_name .left,.shop_name .right {display: none;}

.kit_waku,.kit_waku .text_sub { float:none;width:100%; }
.torimeshi {display: none;}

.tel { width:100%;margin:0;text-align:center;}
.tel li { margin-bottom: 30px;font-size: 120%;margin:0 auto;float:none; }
.tel .tel-s { display: block; }
.tel-b { display: none; }

#layout_footer {font-size: 100%;line-height:100%;}
#layout_footer .ft_cate,#layout_footer .ft_shop,#layout_footer .ft_mail,#layout_footer .ft_cate .sub_title,#layout_footer .ft_shop .sub_title,#layout_footer li { width:100%;float:none; }
#layout_footer .ft_cate li a,#layout_footer .ft_shop li a,#layout_footer .ft_mail li a { margin-left:auto;margin-right:auto;width:90%; }
#layout_footer .ft_copy {font-size: 80%;}
.contact { width:100%; }

.YWF.YW0,.YW1,.YW2,.YW3,.YW4,.YW5{ max-width:100%;float: none; }
.TWF.TW0,.TW1,.TW2,.TW3,.TW4,.TW5{ max-width:100%;float: none; }
.KWF.KW0,.KW1,.KW2,.KW3{ max-width:100%;float: none;overflow:visible; }
.FWF.FW0,.FW1,.FW2,.FW3,.FW4{ max-width:100%;float: none; }
.MW1,.MW2 { max-width:100%;float: none;margin:0; }
.AW1,.AW2 { max-width:100%;float: none;margin:0; }
.AW1 { font-weight:bold;margin:20px auto 0; }


/* index */
.index_block{
	background-image: url('http://www.minori-karatsu.com/images/index_roll_spw.jpg');
	max-height: 700px;
	height: 100%;
}
.index_tit { padding:20px 0;width:100%;text-align:center; }
.index_menu li { 
	width:48%;
	margin: 1%;
	border-radius: 16px;
	background: -moz-linear-gradient(top,rgba(240,240,240,0.3),rgba(100,100,100,0.9)); /* Firefox用 */  
	background: -o-linear-gradient(rgba(240,240,240,0.3),rgba(100,100,100,0.9)); /* Opera */
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(240,240,240,0.3)),to(rgba(100,100,100,0.9)));
	background: linear-gradient(top,rgba(240,240,240,0.3),rgba(100,100,100,0.9));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55505050', endColorstr='#ff181818', GradientType=0)";
	text-align:center;
}

.index_menu li img{
	padding: 6px;
} 


.index_tag{
	display: none;
}


.index_com{
	position:static;
	right:auto;
	top:auto;
	width:70%;
	height:auto;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);

	padding:0 12px;
	border:1px solid #fff;
	border-radius:10px;
	overflow:hidden;
	margin:10px auto 40px;
	background-color:#fff;
	opacity: 0.8;
}


/* menu */
nav#main-nav {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}
nav#main-nav li,nav#main-nav .snav {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
nav#main-nav li a,nav#main-nav .snav a {
  display: block;
  padding: 15px 0 11px;
  color: #221714;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

nav#main-nav .snav a{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#cfcfcf), color-stop(100%,#bcbcbc));
}

nav#main-nav ul li{
  text-align: left;
  overflow: hidden;
  background: #fff;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  border: 0;
}
nav#main-nav ul li a{
  width: 100%;
  display: block;
  padding: 13px 15px;
  text-align: left;
  font-size: 12px;
}
nav#main-nav ul:hover li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #676767;
}

nav#main-nav ul:hover li{
  border-top: 0;
}

nav#main-nav > ul > li > a:hover {top:0;left:0;background-color: #ffff9d;}
nav#main-nav > ul > li:after { content: ''; }
nav#main-nav .snav { display: block; }
nav#main-nav .menu-item-301 { display: block; }

}

/*@@@ 2017/03 @@@*/
/*
.wp-pagenavi .alignright{
	margin: 0 20px 1.5em 0;
	display: inline;
	float: left;
}

.wp-pagenavi .alignleft{
	margin: 0 0 1.5em 20px;
	display: inline;
	float: right;
}
*/