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



 /*■■ 複数画像 パララックス ■■*/
	
.cd-fixed-bg.cd-bg-1  {
  background-image: url('images/all/bg_co1.jpg');
}
.cd-fixed-bg.cd-bg-2  {
  background-image: url('images/all/bg_co2.jpg');
}
.cd-fixed-bg.cd-bg-3  {
  background-image: url('images/all/bg_co3.jpg');
  background-color:#f7f8f2;
}
.cd-fixed-bg.cd-bg-4  {
  background-image: url('images/all/bg_co4.jpg');
  background-repeat: repeat-y;
}
.cd-fixed-bg.cd-bg-5  {
  	background-image:url('images/all/bg_co5.jpg');
    background-position: center top 50px;
  background-color:#c9c9c9;
  background-size:100%;
}



/*============PC=============*/
@media only screen and (min-width:961px) {
	
	
a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.cycloneslider-slide a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}








#footer_cont{
	margin:0 auto;
}
#Lcont , #Mcont , #Rcont{
	float:left;
	width:180px;
}
#Mcont{
	margin-top:35px;
}



#shoplist li{
	width:210px;
	margin:0 20px 20px;
}





}





/*============
PC 961px～■1160px■
=============*/

@media
only screen and (min-device-width: 961px) and (max-device-width: 1160px),
only screen and (min-width: 961px) and (max-width: 1160px) {



/*■■■ 横長レイアウト (PC・ipad)■■■*/
.long_wrap_top{
	/*ナビの高さを取る*/
	padding-top:66px;
}
.page_navi{
	/*ナビの高さを取る*/
	margin-top:-66px;
	padding-top:66px;
}

/*■■■　パララックス・ヘッダー  (PC・ipad)■■■*/


#parallax_box{
	padding:36% 0 0;
}
.parallax_img_head_01:before,
.parallax_img_head_02:before,
.parallax_img_head_03:before,
.parallax_img_head_04:before,
.parallax_img_head_05:before,
.parallax_img_head_06:before,
.parallax_img_head_07:before,
.parallax_img_head_08:before,
.parallax_img_head_09:before,
.parallax_img_head_10:before,
.parallax_img_head_11:before,
.parallax_img_head_12:before,
.parallax_img_head_13:before,
.parallax_img_head_14:before,
.parallax_img_head_15:before,
.parallax_img_head_16:before,
.parallax_img_head_17:before,
.parallax_img_head_18:before,
.parallax_img_head_19:before,
.parallax_img_head_20:before{
  background-size:122%;
}

	
}


/*============
PC 961px～■1420px■
=============*/
@media
only screen and (min-device-width: 961px) and (max-device-width: 1420px),
only screen and (min-width: 961px) and (max-width: 1420px) {


/*■■■ 横長レイアウト (PC)■■■*/

.long_wrap_box_ptnone,
.long_wrap_box1600,
.long_wrap_box1300,
.long_wrap_box{
	width:90%;
	padding-left:1%;
	padding-right:8%;
}
 /*■■ 複数画像 パララックス(ipad)
 ■■*/
	
.cd-fixed-bg.cd-bg-1  {
  background-image: url('images/all/bg_co1.jpg');
}
.cd-fixed-bg.cd-bg-2  {
  background-image: url('images/all/bg_co2.jpg');
  background-size:100%;
  background-repeat: repeat;
}
.cd-fixed-bg.cd-bg-3  {
  background-image: url('images/all/bg_co3.jpg');
  background-color:#f7f8f2;
}
.cd-fixed-bg.cd-bg-4  {
  background-image: url('images/all/bg_co4.jpg');
  background-repeat: repeat-y;
}
.cd-fixed-bg.cd-bg-5  {
  	background-image:url('images/all/bg_co5.jpg');
    background-position: center top 50px;
  background-color:#c9c9c9;
  background-size:100%;
}
	
}



/*============ipad=============*/
@media
only screen and (min-device-width: 768px) and (max-device-width: 960px),
only screen and (min-width: 768px) and (max-width: 960px) {




/*■■■ 横長レイアウト (ipad)■■■*/
.long_wrap_top{
	/*ナビの高さを取る*/
	padding-top:52px;
}
.page_navi{
	/*ナビの高さを取る*/
	margin-top:-52px;
	padding-top:52px;
}







.long_wrap_box_ptnone,
.long_wrap_box1600,
.long_wrap_box1300,
.long_wrap_box{
	width:95%;
	padding-left:1%;
	padding-right:4%;
}


/* 透過レイアウト（ipad） */
	.touka_box{
		margin: 0 0 5rem;
	}


.touka_h_left,
.touka_h_right{
	float:none;
}




	.touka_img_r,
	.touka_img_l{
		text-align: left;
	}

	.touka_text_l,
	.touka_text_r{
		display: block;
		position: relative;
		right: 0;
		left: 0;
		top: 0;
		padding:10px 2%;
		width:96%;
		background: #fff;
	}
.touka_text_000{
	padding:10px 2%;
	background: rgba(0,0,0,0.8);
}
	.touka_img_l img,
	.touka_img_r img{
		display: block;
		width:80%;
		max-width:100%;
		height:auto;
		margin:auto;
		height: auto;
	}
	
	
.mb60sptab40,
.mb80sptab40,
.mb100sptab40,
.mb130sptab40,
.mb160sptab40,
.mb200sptab40{
	margin-bottom:40px;
	}


/*-------フッター(ipad)--------*/

footer{
}
#footer_cont{
	margin:0px 20px 0 20px;
	overflow:hidden;
}
#shoplist li{
	width:30%;
	margin:0 5px 20px;
}
#Lcont , #Mcont{
	float:left;
	width:25%;
}
#Lcont{
	margin-bottom:30px;
}
#Mcont{
	margin-top:35px;
}
#salon_cont{
	clear:both;
}
#left_box {
	float: left;
	width: 65%;
}
#right_box {
	float: right;
	width: 30%;
}




#contents {
	padding:147px 0 0;
	}
.img_style_sp{
	display:none;
}
	
/*ホーム（ipad）----*/



.page_navi{
	/*ナビの高さを取る*/
	margin-top:-80px;
	padding-top:80px;
}

/*■■ WEB予約ボタン（ipad） ■■*/




#web_pc_fixed {
	display:none;
}

/*
#web_pc_fixed {
    position: fixed;
    top:70px;
	right:0;
    z-index:778;
}

#web_pc_fixed img{
	width:80%;
	float:right;
}

*/
/*■■ SNSボタン（ipad） ■■*/


#sns_fixed {
    position: fixed;
    top:80px;
	right:5px;
}
#sns_fixed .sns_fixed_ul li{
	margin-bottom:15px;
}


/*■■■　パララックス・ヘッダー  (ipad)■■■*/


#parallax_box{
	padding:40% 0 0;
}
.parallax_img_head_01:before,
.parallax_img_head_02:before,
.parallax_img_head_03:before,
.parallax_img_head_04:before,
.parallax_img_head_05:before,
.parallax_img_head_06:before,
.parallax_img_head_07:before,
.parallax_img_head_08:before,
.parallax_img_head_09:before,
.parallax_img_head_10:before,
.parallax_img_head_11:before,
.parallax_img_head_12:before,
.parallax_img_head_13:before,
.parallax_img_head_14:before,
.parallax_img_head_15:before,
.parallax_img_head_16:before,
.parallax_img_head_17:before,
.parallax_img_head_18:before,
.parallax_img_head_19:before,
.parallax_img_head_20:before{
  background-size:136%;
}




}



/*============PC・ipad・スマホ 以上=============*/
@media only screen and (min-width:481px) {




}




/*====== ipad・タブレット・スマホ共通=======*/
@media screen and (max-width: 960px) {


 /*■■ 複数画像 パララックス(ipad)
 ■■*/
	
.cd-fixed-bg.cd-bg-1  {
  background-image: url('images/all/bg_co1.jpg');
}
.cd-fixed-bg.cd-bg-2  {
  background-image: url('images/all/bg_co2.jpg');
  background-size:100%;
  background-repeat: repeat;
}
.cd-fixed-bg.cd-bg-3  {
  background-image: url('images/all/bg_co3.jpg');
  background-color:#f7f8f2;
}
.cd-fixed-bg.cd-bg-4  {
  background-image: url('images/all/bg_co4.jpg');
  background-repeat: repeat-y;
}
.cd-fixed-bg.cd-bg-5  {
  	background-image:url('images/all/bg_co5.jpg');
    background-position: center top 50px;
  background-color:#c9c9c9;
  background-size:100%;
}


}








/*============タブレット=============*/
@media
only screen and (min-device-width: 481px) and (max-device-width: 768px),
only screen and (min-width: 481px) and (max-width: 768px) {



/*ホーム（タブレット）----*/







.page_navi{
	/*ナビの高さを取る*/
	margin-top:-60px;
	padding-top:60px;
}




#top_contents{
	text-align:center !important;
}
#news_box , #top_blog_box{
	width:90%;
}
.top_cont{
	width:42%;
	margin:0 3px 15px;
}
.top_cont_photo{
	width:100%;
	height:auto;
}
.blog_kobetsu{
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
	width:100%;
	margin-bottom:3px;
	padding-bottom:3px;
}
.blog_kobetsu .eye_photo{
	float:left;
	width:83px;
	height:83px;
	margin-right:10px;
	margin-bottom:0px !important;
}
#insta_box{
	width:93%;
	height:300px;
}
#insta_ttl{
	width:120px;
}



}




/*======タブレット・スマホ共通=======*/
@media screen and (max-width: 767px) {

/*■■■■□□□□ global_wrapper □□□□■■■■*/




/*-------メニュー-------*/


ul.menu_ul li{
	float:none;
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
.menu_wrap .menu_subtext{
	font-size:13px;
	letter-spacing:1px;
}

.menu_wrap .menu_text table tr{
	background:none;
}
.menu_wrap .menu_text table td.menu {
	display:block;
	width:100%;
	font-size:15px;
}
.menu_wrap .menu_text table td.menu br{
	display:block;
}
.menu_wrap .menu_text table td.price {
	display:block;
	font-size:16px;
	padding-top:5px;
}
.menu_wrap .menu_text table td.text {
	font-size:12px;
	padding:10px 2% 15px;
}


/*メニュー文字を大きくする際
クラス　menu_large　を付与
*/


.menu_wrap.menu_large .menu_text table td.menu {	
	font-size:15px;
}
.menu_wrap.menu_large .menu_text table td.price {
	font-size:18px;
}
.menu_wrap.menu_large .menu_text table td.text {
	font-size:13px;
}





/*――bogo 言語切り替え スマホ・タブレット――*/

#bogo_bt_sp{
	clear:both;
	overflow:hidden;
	width:96%;
	padding:10px 2% 0;
}
#bogo_bt_sp span{
	display:none!important;
}

#bogo_bt_sp div{
	font-size:13px;
	width: 20%;
	float: left;
	padding:2px 0;
}
#bogo_bt_sp ul{
	width: 70%;
	float: right;
}
#bogo_bt_sp ul li{
	font-size:13px;
	display: block;
	padding:0;
	width: 50%;
	float: left;
	padding:5px 0;
}
#bogo_bt_sp ul li a{
    display: block;
    padding:0;
    border-bottom:none;
    width:auto;
    float:none;
}
#nav-content li#bogo_bt_sp ul li.current{
	border-bottom:dotted 2px #666;
}


/*■■ パララックス・ヘッダー(スマホ)■■*/


.parallax_img_tophead_01:before{
/* TOPヘッダー用*/
  background:url(images/all/parallax_img_tophead_01.jpg) center top repeat-y;
  background-size:150%;
}


#parallax_box{
	position: relative;
	width: 100%;
	height: 100%;
	padding:50% 0 0;
}



.parallax_img_head_01:before{
  background:url(images/all/parallax_img_head_01sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_02:before{
  background:url(images/all/parallax_img_head_02sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_03:before{
  background:url(images/all/parallax_img_head_03sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_04:before{
  background:url(images/all/parallax_img_head_04sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_05:before{
  background:url(images/all/parallax_img_head_05sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_06:before{
  background:url(images/all/parallax_img_head_06sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_07:before{
  background:url(images/all/parallax_img_head_07sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_08:before{
  background:url(images/all/parallax_img_head_08sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_09:before{
  background:url(images/all/parallax_img_head_09sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_10:before{
  background:url(images/all/parallax_img_head_10sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_11:before{
  background:url(images/all/parallax_img_head_11sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_12:before{
  background:url(images/all/parallax_img_head_12sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_13:before{
  background:url(images/all/parallax_img_head_13sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_14:before{
  background:url(images/all/parallax_img_head_14sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_15:before{
  background:url(images/all/parallax_img_head_15sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_16:before{
  background:url(images/all/parallax_img_head_16sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_17:before{
  background:url(images/all/parallax_img_head_17sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_18:before{
  background:url(images/all/parallax_img_head_18sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_19:before{
  background:url(images/all/parallax_img_head_19sp.jpg) center top repeat-y;
  background-size:100%;
}
.parallax_img_head_20:before{
  background:url(images/all/parallax_img_head_20sp.jpg) center top repeat-y;
  background-size:100%;
}









	
#parallax_box.parallax_box_long{
	padding:90% 0 0;
}
/* パララックス見出し１*/
#parallax_box .parallax_cont{
	position: absolute;
	bottom:20px;
	display:block;
	min-width:180px;
	padding:10px;
}



/*■■ パララックス２ 背景に固定表示　■■*/


.parallax2_img01:before{
  background:url(images/all/bg_g.jpg) center top repeat-y;
  background-size:160%;
}



/*■■■　画像文字リンクバナー(タブレット・スマホ共通)■■■*/




.img_ef_box01 .caption {
	padding-top:30%;
	padding-left:0px;
}


/*.img_ef_box01 .on_text,
.img_ef_box01 .on_text_bottom1{
	width:70%;
	position:absolute;
	top:auto;
	bottom:10px;
}
.img_ef_box01 .on_text_bottom1 p{
	font-size:60%;
}
*/
 /*■■ 複数画像 パララックス(タブレット・スマホ共通)■■*/
.cd-fixed-bg {
	background-size: cover;
	background-attachment: scroll;
}

.cd-fixed-bg.cd-bg-1  {
  background-image: url('images/all/bg_co1sp.jpg');
  background-size:100%;
  background-repeat: repeat-y;
}
.cd-fixed-bg.cd-bg-2  {
  background-image: url('images/all/bg_co2sp.jpg');
  background-size:100%;
  background-repeat: repeat;
}
  {
  background-color:#f7f8f3;
  background-image: url('images/all/bg_co3.jpg');
  background-size:150%;
}
.cd-fixed-bg.cd-bg-4  {
  background-image: url('images/all/bg_co4.jpg');
  background-size:150%;
  background-repeat: repeat-y;
}

.cd-fixed-bg.cd-bg-5  {
  background-image:url('images/all/bg_co5.jpg');
  background-color:#c9c9c9;
  background-size:100%;
  background-repeat: repeat-y;
}


/*■■■ 横長レイアウト (スマホ・タブレット)■■■*/

.long_wrap_top{
	/*ナビの高さを取る*/
	padding-top:52px;
}
.page_navi{
	/*ナビの高さを取る*/
	margin-top:-52px;
	padding-top:52px;
}

.long_wrap_box_ptnone,
.long_wrap_box1600,
.long_wrap_box1300,
.long_wrap_box{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}




/*----ページトップ＆SPボタン（スマホ・タブレット）----*/

#page-toplink {
    position: fixed;
    bottom:70px;
    right: 10px;
}

#page-toplink a {
    width:50px;
    height:40px;
}
#page-toplink a img{
    display:block;
    width:30px;
    height:auto;
    margin:5px auto 0;
}

#page-toplink a {
    padding:5px 0 4px;
	font-size:7px;
	letter-spacing:2px;
	line-height:1.5em;
}

#sp_link{
	max-width:100%;
}
#sp_link,
#sp_link a{
	border-radius:0;
}

#sp_link img{
	max-width:100%;
	width:260px;
	height:auto;
}
#sp_link ul.sp_link_ul{
	border-radius:0;
}


/*■■■■　TOPブログ ■■■■*/


#blog_article li .blog_pct{
    float:none;
    width: 100%;
}
#blog_article li .blog_pct img{
	max-width:50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
#blog_article li .blog_contbox{
    float:none;
    width: 100%;
}





/*■■  TOPニュース(スマホ・タブレット) ■■*/


#top_news{
}

#top_news ul.top_news_ul{
    overflow:hidden;
    letter-spacing:1px
}
#top_news ul.top_news_ul li{
    display:block;
	width:100%;
	border-bottom:dotted 2px #f2dddb;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
    letter-spacing:1px; /* 文字間を通常に戻す */
}

#top_news ul.top_news_ul li:last-child{
	border-bottom:none;
}



/* 透過レイアウト（スマホ・タブレット） */
	.touka_box{
		margin: 0 0 5rem;
	}

	.touka_box p br{
		display:none;
	}
	.br_block p br{
		display: block;
	}


.touka_h_left,
.touka_h_right{
	float:none;
}




	.touka_img_r,
	.touka_img_l{
		text-align: left;
	}

	.touka_text_l,
	.touka_text_r{
		display: block;
		position: relative;
		right: 0;
		left: 0;
		top: 0;
		padding:10px 2%;
		width:96%;
		background: #fff;
	}
.touka_text_000{
	padding:10px 2%;
	background: rgba(0,0,0,0.8);
}
	.touka_img_l img,
	.touka_img_r img{
		display: block;
		width: 100%;
		max-width:100%;
		height:auto;
		margin:auto;
		height: auto;
	}
.mb60sptab40,
.mb80sptab40,
.mb100sptab40,
.mb200sptab40{
	margin-bottom:40px;
	}

/*■■ SNSボタン（スマホ・タブレット） ■■*/


#sns_fixed {
	display:none;
    position: fixed;
	top:auto;
    bottom:60px;
	left:10px;
    z-index:900;
}

#sns_fixed .sns_fixed_ul{
    overflow:hidden;
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#sns_fixed .sns_fixed_ul li{
    display:inline-block;
     vertical-align:top;
     letter-spacing:1px; /* 文字間を通常に戻す */
		 margin-right:10px;
}
#sns_fixed .sns_fixed_ul li img{
	display:block;
	margin:auto;
	height:auto;
	max-width:40px;
    background:rgba(255,255,255,0.8);
	/*box-shadow:0 0 3px 0 rgba(0,0,0,0.1);*/
     border-radius:50%;        /* CSS3草案 */ 
     -webkit-border-radius:50%;    /* Safari,Google Chrome用 */ 
     -moz-border-radius:50%;   /* Firefox用 */ 
}


/*フッターナビ 横一杯型（スマホ・タブレット） */

#footer_wrap .foot_navi li a {
	display: block;
	border: solid #b3cead 1px;
	padding: 5px 0 5px 5%;
	border-radius:10px;
}

#footer_wrap .foot_navi li.foot_long_navi,
#footer_wrap .foot_navi li{
	width:45%;
	margin:0 2.5% 5px;
	padding:0;
}
#footer_wrap .foot_navi li a:before{
	display:none;
}
#footer_wrap .foot_navi li a span{
	margin-left:0;
}



/*フッターナビ 縦型（スマホ・タブレット）*/

.foot_navi_tate{
    overflow:hidden;
     letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	width:100%;
}

.foot_navi_tate li{
    display:inline-block;
     vertical-align:top;
     letter-spacing:1px; /* 文字間を通常に戻す */
	width:46%;
	margin:0 0 20px;
	padding:0 0 0 4%;
}

/*
#footer_wrap .foot_navi_tate li a:before{
	content: normal;
	width: auto;
	height: auto;
}

#footer_wrap .foot_navi_tate li a {
	display: block;
	border: solid #ccc 1px;
	padding: 5px 0 5px 5%;
}

*/

/*■■■■　サロン一覧 （スマホ・タブレット） ■■■■*/


#f_salon_box .f_salon_left{
	float:right;
	width:54%;
}
#f_salon_box .f_salon_name{
	float:left;
	width:38%;
	padding:8% 0 0 3%;
}
#f_salon_box .f_salon_center{
	clear:both;
	float:none;
	width:100%;
}
#f_salon_box .f_salon_right{
	float:none;
	width:100%;
}
#f_salon_box .f_salon_right{
	clear:both;
}
#f_salon_box .img_text_box .img_text_fff,
#f_salon_box .img_text_box .img_text_000{
}

#f_salon_box .f_salon_bg{
	overflow:hidden;
	background:#fffdef;
}


#footer_salon_box .footer_salon_img{
	float:left;
	width:38%;
	padding-left:1%;
}
#footer_salon_box .footer_salon_name{
	float:right;
	width:58%;
	padding-top:20px;
}


/*■■■ 画像ボタン横並び（スマホ・タブレット） ■■■*/
/* mod-tabnavを流用 */

.mod_tabnav_only li {
	 width:100%;
	 max-width:150px;
	 height:auto;
}
.mod_tabnav_only li img{
	 width:100%;
	 max-width:150px;
	 height:auto;
}


/*■■■ 見出し （スマホ・タブレット）■■■*/


.blog_title01 .blog_title01_jp{
	font-size:24px;
}

.blog_title01 .font_en{
	font-size:20px;
}




/*------ブログリスト（スマホ・タブレット）-------*/



#blog_wrap .blog_list_midashi {
	font-size:18px;
}
#blog_wrap .blog_list_bun {
	font-size:12px;
} 
#blog_wrap .blog_list_day {
	font-size:12px;
}




/*---ブログ本文 （スマホ・タブレット）-----*/
/*記事*/


.post{
	width:97%;
	margin:0 0 20px 0;
	overflow:hidden;
	position:relative;
	}


/*
.post p br{
	display:none;
}

*/


img.alignleft,
img.alignright,
img.alignnone,
img.aligncenter{
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:12px;
	max-width:95%;
	float:none;
}
#left_box {
	width:100%;
}
#right_box {
	width:100%;
}


/*■■■ スタッフ（スマホ・タブレット）■■■*/



.staff_box .photo{
	width:100%;
	margin:0 0 10px;
}
.staff_box .prof{
	width:100%;
	margin:0 0 20px;
}




/*■■■ アイテム（スマホ・タブレット）■■■*/

.products_box .box {
    width:92%;
    padding: 20px 2% 20px;
	margin:0 2% 20px;
}
.products_box .box:nth-child(odd){
	margin-right:0;
}

.products_box .box .pic {
    float:left;
	margin-right:2%;
	width:28%;
    }
.products_box .box .txt {
    float: right;
	width:70%;
    }
	
.products_box .p_box_long .box .pic {
    float:none;
	margin-right:0;
	width:100%;
    }
.products_box .p_box_long .box .txt {
    float:none;
	width:100%;
    }
/*------------- クーポン（スマホ・タブレット） -------------*/
    
	
    #coupon_list li{
    width:96%;
	margin-left:2%;
	margin-right:2%;
    }
.coupon_img img{
	max-width:90px;
}


/*左側の吹き出し*/

.hukidashi_left {
    display: inline-block;
    padding: 10px 3% 5px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
	width:80%;
}
.hukidashi_left:after {
    content: "";
    position: absolute;
    top: 25px; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
}


/*右側の吹き出し*/

.hukidashi_right{
    display: inline-block;
    padding: 10px 3% 5px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #edf7ff;
    float: right;
	width:80%;
}
.hukidashi_right:after {
    content: "";
    position: absolute;
    top: 25px; right: -20px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
   border-width: 10px 10px 10px 10px;
    border-color: transparent transparent transparent #edf7ff;
 }


/* サブナビボタン（スマホ・タブレット）*/


.sub_navi02 img{
	width:5%;
	padding:10px 0;
}
.sub_navi02 a{
    font-size:12px;
    padding:0 0 0 2%;
    line-height:1.3em;
	letter-spacing:1px;
}
.sub_navi02 a span.sub_navi_subtitle{
	font-size:6px;
    line-height:1em;
}



/* ■■メニュー　tablepress　■■  */


/*
#tablepress_style01 table td.column-2,
#tablepress_style01 table td.column-3{
	font-size:14px;
	width:25%;
	text-align:right;
	vertical-align:middle;
}

*/

}













/*============スマホ480=============*/
@media
only screen and (min-device-width: 300px) and (max-device-width: 480px),
only screen and (min-width: 300px) and (max-width: 480px) {

/*
#contents{
	padding-top:48px;
}
*/

/*ホーム（スマホ）----*/

/*■■■スライドショー(スマホ480)■■■*/

.page_navi{
	/*ナビの高さを取る*/
	margin-top:-60px;
	padding-top:60px;
}


	
/*■■■■　ＴＯＰブログ(スマホ480) ■■■■*/

.flat_blog_box{
	padding:10px 1.5% 5px;
	overflow:hidden;
}
.flat_blog_box .trim{
  margin:0 auto 0;
  width:38%;  /* トリミングしたい幅 */
  height:120px;  /* トリミングしたい高さ */
  float:left;
}

.flat_blog_box .trim img {
  position: absolute;
  top:50%;
  left: 50%;
}
.flat_blog_cont{
	width:58%;
	float:right;
}

	
/*■■■■　ＴＯＰブログ横型 (スマホ480)■■■■*/


/* ul へ flat_blog_box_yoko を記述*/

.flat_blog_box_yoko .flat_blog_box .trim{
  margin:0 auto 0;
  width:38%;  /* トリミングしたい幅 */
  height:120px;  /* トリミングしたい高さ */
  float:left;
}





/*■■  スライダー bxslider(スマホ480) ■■*/

#bxslider-wrap {
    height: auto;
}

#bxslider-wrap-inner {
    width: -webkit-calc(300% + 40px);
    width: calc(300% + 40px);
}

#bxslider-wrap .bx-prev,
#bxslider-wrap .bx-next {
	display:none;
}


/*■■■　画像文字リンクバナー(スマホ480)　■■■*/

.img_ef_box01 .on_text_center1_2{
	position:absolute;
	bottom:0;
}




/*◆ wp-pagenavi (スマホ480)◆*/

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend,
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
        display: inline-block;
}

/*■■ パララックス・ヘッダー(スマホ480)■■*/

#parallax_box{
	position: relative;
	width: 100%;
	height: 100%;
	padding:70% 0 0;
}





}