@media screen and (max-width:768px) {
    
.pc_only{display: none}   
    
a img{border: none}
a img:hover{opacity: 0.6; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear;} 
 
    
.button {
    text-align:center;
    padding:10px;
    color:#fff;
    background:#000;
    width:200px;
    margin: 0 auto
}
.close {
    background:#666;
}
    
.pan_list{padding: 20px 0; font-size: 11px}  
.pan_list a{color: #000}   
    
    
.divlink {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.divlink a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.divlink:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
    transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear;
}

    
    
    
header{
	width:100%;
	height:80px;
    z-index: 2000;
}

.head_logo{width: 130px; padding: 15px 0 0 15px}

#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:10px;
	top:12px;
	width:29px;
	height:21px;
	/*background:#000;*/
	padding:15px 10px 15px 14px;
	cursor:pointer
    }
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #666;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:7px}
#navToggle span:nth-child(3) {top:14px}

header nav {
    z-index: 2000;
	position:absolute;
	right:0;
    top:-600px; /*通常時はビュー外*/
	background:rgba(0,0,0,0.9);
    width:90%;
	padding:0 5%;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0}
header ul li {display:block; margin:0; border-bottom:dotted 1px #666; color: #FFF; line-height:3}
header ul li a {display:block; color:#fff; text-decoration:none}
header ul li a:hover {display:block; color:#FEFF00; text-decoration:none}	
	
/*header ul li:after {content:''; color:#666}
header ul li:last-child {border-bottom:none}*/
	
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 9px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 9px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(680px);
	-webkit-transform: translateY(680px);
	transform: translateY(680px)}
    
    
    
.main_v{margin: 0 0 50px 0; padding:0; width: 100%; height:200%; clear: both; position: relative}

.main_vCopy{position: absolute; top: 10%; left: 0; bottom: 0; right: 0%; width: 30%; margin: 0 auto; z-index: 1000;}
.main_vCopy img{width: 100%}   
    

/*スライダーここから*/    
.wrap {
  padding: 0;
}

#slide_wrap {
  position: relative;
  overflow: hidden;
    }
#slide_wrap .slide_item {
  opacity: 0;
  transform: scale(1);
  transition: opacity 2s linear, transform 7.5s linear;
  position: relative;
}
#slide_wrap .slide_item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
#slide_wrap .slide_item.show_ {
  opacity: 1;
}
#slide_wrap .slide_item.zoom_ {
  transform: scale(1.1);
}
#slide_wrap .slide_item img {
  display: block;
} 
/*スライダーここまで*/   
    
    
    
 .main_copy{margin:45px auto; padding: 0; width: 80%; height:auto; clear: both}     
    
#kiju_towa{margin: 50px 0 0 0 ; padding: 0; width: 100%; height:400px; overflow: hidden}
    
.keiju_bt{display: block; width: 100%; height: 250px;  padding: 0; background: url(../../yoshino_2019/home/keiju_bg.jpg) center center no-repeat; background-size: cover; text-align: center}   
.keiju_bt a{ display: block; width: 100%; height: 100%; color: #000; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; font-size: 20px; font-weight: bolder}   
.keiju_bt a:hover{ display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; background-color: rgba(255,255,255,0.60); color: #fff;}  
    
    
.whats_new{width: 85%; font-size: 20px; margin: 50px auto 5px auto}  
.blog_spec{margin:0 auto; padding: 0; width: 85%; overflow: hidden }
.blog_box{width: 100%; height: 79px; margin: 0; padding: 20px 0; float: left; border-top: 1px #000 solid; border-bottom: 1px #000 solid; overflow-y: auto}   
.blog_txt a{color: #000}
.spec_box{width: 100%; height: auto; margin: 10px 0 0 0; padding: 0; float: right;}
    
    
.bnr_set{margin:20px auto 0 auto; padding: 0; width: 85%; height:auto; overflow: hidden; clear: both}
.bnr_L{width: 49%; height: auto; margin: 0; padding: 0; float: left;}
.bnr_R{width: 49%; height: auto; margin: 0; padding: 0; float: right;}
.bnr_C{margin:50px auto 0 auto; padding:0; width: 85%; height:auto; left; clear: both}     
    
    
    
 /*ショップ*/  
.sawarabimincho { font-family: "Sawarabi Mincho"; }
#shop{width: 98%; margin: 20px auto; overflow: hidden}

.main_v_shop{margin: 0 0 50px 0; padding:0; width: 100%; height:300px; background: url(../../shopping/img/005.jpg) center center no-repeat; background-size:cover; position: relative}   
.main_v_copy{width: 90%; margin:0 auto; padding: 10px 0 0 0; text-align:left}
    
.main_v_shop02{margin: 0 0 50px 0; padding:0; width: 100%; height:300px; background: url(../../shopping/img/002.jpg) center center no-repeat; background-size:cover; position: relative}
.main_v_copy02{width: 90%; margin:0 auto; padding: 8px 0 0 0; text-align:right}
    
.main_v_shop03{margin: 0 0 50px 0; padding:0; width: 100%; height:300px; background: url(../../shopping/img/003.jpg) center center no-repeat; background-size:cover; position: relative}
.main_v_copy03{width: 90%; margin:0 auto; padding: 8px 0 0 0; text-align:right}
    
.main_v_shop04{margin: 0 0 50px 0; padding:0; width: 100%; height:300px; background: url(../../shopping/img/004.jpg) center center no-repeat; background-size:cover; position: relative}
.main_v_copy04{width: 90%; margin:0 auto; padding: 0 0 0 0; text-align:right}    
    
.main_v_shop05{margin: 0 0 50px 0; padding:0; width: 100%; height:300px; background: url(../../shopping/img/005.jpg) center center no-repeat; background-size:cover; position: relative}
.main_v_copy05{width: 90%; margin:0 auto; padding: 8px 0 0 0; text-align:right}
    
    
.category{width: 100%; float: left; overflow: hidden;}
.category_name{width: 100%; text-align: center; font-weight: bolder; font-size: 16px; padding: 0 0 10px 0}
 
    
    
.adjust_sp{ margin-bottom: 10px; overflow: hidden}
.category_bt1{display: block; width: 48%; margin:0 0; border: 1px #fff solid; float: left; text-align: center; letter-spacing:0.2em }   
.category_bt1 a{ display: block; width: 100%; height: 100%; padding: 10px 12px; color: #fff; background: #000; 
    transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; }  
.category_bt1 a:hover{ display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; background-color: #B01416; color: #fff;}
    
    
 .shop_main{width: 100%; float: right; overflow: hidden}
 .txt_osusume{width: 100%; text-align: center; margin: 70px 0 30px 0; padding: 20px 0 18px 0; border-bottom: 1px #000 solid; border-top: 1px #000 solid; font-size: 24px; font-weight: bolder; letter-spacing: 0.4em}     
.flow {
    display: flex;
    margin-bottom: 30px
}
.flow_item {
    width: 100%;
    margin: 5px;
    height: auto;
    text-align: left
} 
    
.item_ph{width: 98%; height: auto; background-color: #aaa; 100%; margin-bottom: 10px; padding: 1%} 
.item_ph img{width:100%; height: auto}        
    
.inq_bt{display: block; width: 85%; margin: 30px auto; text-align: center; letter-spacing:0.2em; border: 1px #000 solid}   
.inq_bt a{ display: block; width: 100%; height: 100%; padding: 20px 0; color: #000; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; font-size: 20px; font-weight: bolder}   
.inq_bt a:hover{ display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; background-color: #000; color: #fff;}     
    
 
    
/*カテゴリ*/    
.item_ph02{width: 98%; height: auto; margin-bottom: 10px; padding: 1%} 
.item_ph02 img{width:100%; height: auto}      
    
 
    
.footer_data{width: 100%; margin: 120px auto 40px auto; }  
.footer_logo{width: 60%; margin: 0 auto; height:auto; }
.footer_add{width: 80%; margin: 10px auto 0 auto; line-height: 110%; text-align: center }
.footer_telfax{width: 100%; margin: 0 auto; line-height: 110%; text-align: center }
.footer_freetel{width: 59%; margin: 20px auto 10px auto; line-height: 110%; }    
    
    
/*鮭寿ページ*/    
.keiju01{width: 100%; height: 400px; background: url(../../yoshino_2019/yagura/img01.jpg) left top no-repeat}    
.keiju02{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img02.jpg) left top no-repeat}   
.keiju03{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img03.jpg) right top no-repeat}       
.keiju04{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img04.jpg) center top no-repeat}     
.keiju05{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img05.jpg) center top no-repeat}      
.keiju06{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img06.jpg) center top no-repeat}       
.keiju07{width: 100%; height: 400px; margin: 40px 0 0 0; background: url(../../yoshino_2019/yagura/img07.jpg) center top no-repeat}   
.keiju08{width: 100%; height: 400px; margin: 40px 0; background: url(../../yoshino_2019/yagura/img08.jpg) center top no-repeat}
 
.keiju_copy01{width: 100%; margin: 0 auto; padding: 90px 0 0 0; text-align: center}
.keiju_copy01 img{width: 18%}     
    
.keiju_copy02{width: 100%; margin: 0 auto; padding: 70px 0 0 0; text-align: center}
.keiju_copy02 img{width: 62%}      
    
    
.keiju_copy03{width: 100%; padding: 80px 0 0 0; text-align: center}
.keiju_copy03 img{width: 90%}     

.keiju_copy04{width:95%; margin: 0 auto; padding: 50px 5% 0 0; text-align: right}
.keiju_copy04 img{width: 62%}     
    
    
.keiju_copy05{width: 95%; margin: 0 auto; padding: 90px 0 0 5%; text-align: left}
.keiju_copy05 img{width: 62%} 
    

.keiju_copy06{width: 95%; margin: 0 auto; padding: 90px 5% 0 0; text-align: right}
.keiju_copy06 img{width: 63%}
    
    
.keiju_copy07{width: 95%; margin: 0 auto; padding: 70px 0 0 5%; text-align: left}
.keiju_copy07 img{width: 53%}  
 
    
.keiju_copy08{width: 95%; margin: 0 auto; padding: 70px 5% 0 0; text-align: right}
.keiju_copy08 img{width: 60%}  
    
.keiju_gotoShop{width: 100%; margin: 0 auto; overflow: hidden} 
    
  
/*商品*/    
.item_subPH{width: 80%; margin: 20px auto;}
.item_name{width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px #000 solid; font-size: 20px; float: right; font-weight: bolder}
.item_des{width: 100%; margin:0 0 40px 0; padding: 0 0 20px 0; border-bottom: 1px #000 solid; font-size: 16x; line-height: 200%; float: right;} 
.item_txt{width: 90%; padding: 0 5%; font-size: 18px}
    
.f-container{float: right; width: 100%; display:flex; padding: 10px 0; border-bottom: 1px #000 solid}  
.f-item1 {width: 33%; padding: 7px 0} 
.f-item2 {width: 30%; padding: 7px 3% 7px 0; text-align: right; font-weight: bolder} 
    
input[type="submit"]{-webkit-appearance: none; border-radius: 0; width: 150px; text-align: center; height: 30px; padding: 5px 0; background: #ffdc73; color: #000; transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; -ms-transition: .2s linear; font-size: 14px; border: none;　}   
input[type="submit"]:hover{ color: #fff; text-decoration: none; background-color: #000; color: #fff; -webkit-appearance: none; border-radius: 0;} 
    
    
    
    
    
}