@media screen and (max-width: 768px) {

/*-------------------------------
CAFE TOP
-------------------------------
.cafe_title {
	line-height: 200px;
}

.cafe_content {
	width: 100%; 
	margin:15px auto;
}
.cafe_menu{
	display: block;
}
.cafe_menu li {
	margin-bottom: 15px;
}
.cafe_menu .inner div._txt2inner{
	padding: 30px 0 0 0;
}

.cafe_menu .inner{
	border:none;
	display: block;
	margin: 0;
	height: 120px;
	text-align: center;
	font-size: 1.0em;
}
.cafe_menu li.about{
	background-size: cover;
	width: 100%;
	margin-right: 0;
	line-height: 120px;
}
.cafe_menu li.column{
	background-size: cover;
	width: 100%;
	margin-left: 0;
}
.cafe_menu li.osanpo{
	background-size: cover;
	width: 100%;
	margin-right: 0;
}
.cafe_menu li.interview{
	background-size: cover;
	width: 100%;
	margin-left: 0
}
*/

/*-------------------------------
CAFE こだわり
-------------------------------*/
#kodawari 	{
	background-size: 100% auto;
	padding:100px 0 35px 0;
}
.kodawari_inner	{
	width:92%; 
	margin:0 auto; 
	background:#fff; 
	padding:30px 4%; 
}

/*-------------------------------
interview
-------------------------------*/
#interview 	{
	background:#f5f5f5 url(../images/cafe/bg_interview.jpg) top center no-repeat; 
	padding:100px 0 35px 0;
	background-size:100% auto;
}
.interview_inner	{
	width:92%; 
	margin:0 auto; 
	background:#fff;
	padding:30px 4%; 
}
.interview_list li{
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
}
.interview_list li > div.int_item:first-child{
	border-right: none;
	padding-right: 0;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.08em;
}
.interview_list li > div.int_item:last-child{
	display: block;
	padding-left: 0;
	width: 100%;
}
.list_int li{
	border-bottom: none;
	padding: 0 0 25px 0;
}


/*-------------------------------
CAFE お散歩マップ
-------------------------------*/
.osanpo_title{
	position: relative;
	width: 100%;
	padding: 28px 14px;
}
.osanpo_head img{
	display: none;
}
.osanpo_2clm_thumb,
.column_2clm_thumb{
	display: block;
	width: 100%;
}
.osanpo_2clm_thumb .itembox:nth-child(odd),
.column_2clm_thumb .itembox:nth-child(odd){
	display: block;
	width: 100%;
}
.osanpo_2clm_thumb .itembox:nth-child(even),
.column_2clm_thumb .itembox:nth-child(even){
	display: block;
	width: 100%;
	padding-left: 0;
}
.cafe_3clm{
	margin-top: 40px;
}
.cafe_3clm li{
	display: block;
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.cafe_3clm .thumb{
	display: block;
	width: 100%;
	padding-right: 0;
}
.cafe_3clm .shop{
	display: block;
	width: 100%;
	padding-right: 0;
}
.cafe_3clm .detail{
	display: block;
	width: 100%;
	font-size: 12px;
}
.cafe_3clm .thumb img{
	width: 100%;
	height: auto;
}
/*-------------------------------
CAFE コラム
-------------------------------*/
.column_bg {
	text-align: left;
	padding: 80px 4%;
}
.column_menu{
	margin: 30px 0;
}
.column_menu li{
	padding: 0;
	position: relative;
	border-top: none
}
.column_menu li .no{
	display: block;
	margin: 0 0 5px 0;
	padding: 0 7px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.column_menu li a{
	font-size: 1.0em;
	display: block;
}
.column_menu li .data {
	font-size: 0.86em;
	position: relative;
	display: block;
	top: 0;
	left: 0;
}
.column_vol .title_w,
.column_vol .title_g,
.column_vol .title_g_up2,
.column_vol .title_g_up2_l2,
.column_vol .title_g_up2_l3,
.column_vol .title_g_up2_l4,
.column_vol .title_g_up2_l5,
.column_vol .title_g_up2_l7,	
.column_vol .title_g_up3,
.column_vol .title_g_up6,
.column_vol .title_g_up7,	
.column_vol .title_g_up8,
.column_vol .title_g_l,
	
.column_vol .title_w_up,
.column_vol .title_w_up2,
.column_vol .title_w_up3,
.column_vol2 .title_w_up4,
.column_vol .title_w_up5,

	
.column_vol .title_w_up6,
.column_vol .title_g_bw,
.column_vol .title_g_up2_r,
.column_vol .title_g_up2_r2,
.column_vol .title_g_up2_r3,
.column_vol .title_g_up2_r6,
.column_vol .title_w_up2_r,
.column_vol .title_g_btm3{ 
	padding:30px 4%; 
}
.column_vol .title_g_bw2 {
	padding:20px 4%; 
}
.column_vol .title_g_up,
.column_vol .title_g_up4{
	padding:20px 4% 80px 4%; 
	line-height: 1.4;
}	

.column_vol .title_g_s{
    padding:40px 4%;
	line-height: 1.2
    }
	
.column_vol .title_g_btm {
	padding:100px 4% 10px 4%;
	line-height: 1.2;
	font-size: 1.2em
}
.column_vol .title_g_btm2 {
	padding:70px 4% 20px 4%;
	line-height: 1.3;
	font-size: 1.2em
}
.column_vol .title_w_up7 {
    padding:30px 4% 80px;
	line-height: 1.5em;
    }
.column_vol .title_g_up8 {
    padding:20px 4% 90px;
	line-height: 1.5em;
    }
.column_vol .title_g_up9 {
    padding:20px 4% 80px;
	line-height: 1.3em;
    }
.column_vol .title_w_up5_rec {
    padding:40px 4% 40px 30%;
	line-height: 1.5em;
    }	
.column_vol .title_w_up2_l{
	padding:40px 30% 40px 4%;
	line-height: 1.3;
	font-size: 1.2em
	}
.column_vol .title_g_up2_l{
	padding:40px 30% 40px 4%;
	line-height: 1.3;
	font-size: 1.2em
	}
/*vol.66*/	
.column_vol .title_g_up2_r2{
	padding:40px 4% 40px 30%;
	line-height: 1.3;
	font-size: 1.2em
	}	
/*vol.68*/	
.column_vol .title_g_up9_lh{
	padding:10px 4% 90px 4%; 
	line-height: 1.2;
	font-size: 1.2em;
    }	
/*vol.74・vol.83*/	
.column_vol .title_g_up2_r3,
.column_vol .title_g_up2_r5{
	padding:40px 4% 40px 30%;
	line-height: 1.3;
	font-size: 1.2em
	}
/*vol.76*/	
.column_vol .title_w_up2_r2{
	padding:40px 4% 40px 30%;
	line-height: 1.3;
	font-size: 1.2em
	}		
/*vol.77*/	
.column_vol .title_w_up5_02{
	padding:30px 4% 90px 4%;
	line-height: 1.7;
	font-size: 1.2em;
	}		
/*vol.78*/	
.column_vol .title_g_up2_r4{
	padding:40px 1% 40px 30%;
	line-height: 1.7;
	font-size: 1.2em;
	}	
/*vol.98*/
.column_vol .title_g_up5_r{
	padding:30px 1% 50px 30%;
	line-height: 1.4;
	font-size: 1.2em;
	}	
/*vol.84*/	
.column_vol .title_w_up2_l2{
	padding:40px 30% 40px 4%;
	line-height: 1.3;
	font-size: 1.2em;
	}
/*vol.85*/	
.column_vol .title_w_up2_l3
{   padding:40px 30% 40px 4%;
	line-height: 1.7;
	font-size: 1.1em;
	}
/*vol.91*/	
.column_vol .title_g_up2_l6{
	padding:30px 4%; 
	font-size: 1.1em;
	}
/*vol.94*/	
.column_vol .title_g_up5_02{
	padding:30px 4%; 
	}
/*vol.99*/	
.column_vol .title_g_up2_l5{
	padding:10px 4% 15%; 
	}
/*vol.100*/
.column_vol .title_g_up5_r_02{
	padding:30px 1% 50px 45%;
	line-height: 1.4;
	font-size: 1.2em;
	}	
.br-sp { display:inline; }


.thumbnail_l{
	float: none;
	width: 100%;
	margin-right: 28px;
	margin-bottom: 28px;
	margin-top:28px;
}
.thumbnail_ll{
	float: none;
	width: 100%;
	padding: 14px 0;
}
.thumbnail_lm,
.thumbnail_ls,
.thumbnail_lxs{
	float: none;
	width: 100%;
	padding: 14px 0;
}
.thumbnail_r,
.thumbnail_rs,
.thumbnail_r2,
.thumbnail_r3,
.thumbnail_rxs,
.thumbnail_rm{
	float: none;
	width: 100%;
	padding: 14px 0;
}
.thumbnail_rmin{
	float: none;
	width: 70%;
	padding: 14px 0;
}

.thumbnail_rxmin{
	float: none;
	width: 100%;
	padding: 14px 0;

}	
.thumbnail_c,	
.thumbnail_cl,
.thumbnail_cm,
.thumbnail_cs,
.thumbnail_cxs{
	float: none;
	width: 100%;
	padding: 14px 0;
}	

#vol9 .column_vol {
	background: #efefef url(../images/column/vol9.jpg) left bottom no-repeat;
	background-position: center;
	background-size: 140%;
}

#vol16 .column_vol {
	background: #efefef url(../images/column/vol16.jpg) left bottom no-repeat;
	background-position: left;
	background-size:200%;
}
#vol18 .column_vol {
	background: url(../images/column/vol18sp.png) left top no-repeat;
	background-position: left;
	background-size:100%;
	font-size:0.8em;
	border: 5px solid #eac056;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
	
#vol19 .column_vol {
	background: url(../images/column/vol19sp.jpg) center;
	background-position: center;
	background-size: 200%;
}	

#vol20 .column_vol {
	background: url("../images/column/vol20sp.jpg") center no-repeat;
	background-position: center;
	background-size: 160%;
	font-size:0.9em;
	border: 5px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol26 .column_vol {
	background: url("../images/column/vol26.jpg") center;
	background-position: center;
	background-size: 230%;
}	
#vol28 .column_vol {
	background: url("../images/column/vol28.jpg") center;
	background-position: center;
	background-size: 100%;
}	
#vol31 .column_vol {
	background: url("../images/column/vol31sp.jpg") center no-repeat;
	background-position: center;
	background-size: 180%;
}
#vol33 .column_vol {
	background: url("../images/column/vol33.jpg") center;
	background-position: center;
	background-size: 140%;
}
#vol38 .column_vol {
	background: url("../images/column/vol38sp.jpg") left no-repeat;
	background-position: center;
	background-size: 160%;
}
#vol39 .column_vol {
	background: url("../images/column/vol39sp.jpg") center no-repeat;
	background-position: center;
	background-size: 140%;
}
#vol40 .column_vol {
	background: url("../images/column/vol40sp.jpg") left no-repeat;
	background-position: center;
	background-size: 140%;
}1
#vol43 .column_vol {
	background: url("../images/column/vol43sp.jpg") left no-repeat;
	background-position: center;
	background-size: 140%;
}	
#vol47 .column_vol {
	background: url("../images/column/vol47sp.jpg") bottom no-repeat;
	background-size: 140%;
    border: 5px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	
#vol48 .column_vol {
	background: url("../images/column/vol48sp.jpg") top no-repeat;
	background-position: center;
	background-size: 170%;
}
#vol49 .column_vol {
	background: url("../images/column/vol49sp.jpg") top no-repeat;
	background-position: left;
	background-size: 130%;
    border: 5px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol51 .column_vol {
	background: url("../images/column/vol51sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 140%;
}
#vol53 .column_vol {
	background-position: 43% center;
}
#vol53 .column_vol span{
	letter-spacing: -.035em;
}
#vol53 .column_vol .title_w_up5{
	background: rgba(0,0,0,.2);
}
#vol54 .column_vol {
	background-position: 43% center;
	 border-top: 1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol59 .column_vol {
	background: url("../images/column/vol59sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 140%;
}	
#vol61 .column_vol {
	background: url("../images/column/vol61sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 140%;
}	
#vol62 .column_vol {
	background: url("../images/column/vol62sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 140%;
}	
#vol63 .column_vol {
	background: url("../images/column/vol63.jpg") bottom no-repeat;
	background-position: left;
	background-size: 160%;
}
#vol64 .column_vol {
	background: url("../images/column/vol64sp.jpg") bottom no-repeat;
	background-position: right;
	background-size: 160%;
}
#vol66 .column_vol {
	background: url("../images/column/vol66sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 160%;
}
#vol69 .column_vol {
	background: url("../images/column/vol69sp.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 160%;
}
#vol71 .column_vol {
	background: url("../images/column/vol71sp.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 160%;
}
#vol74 .column_vol {
	background: url("../images/column/vol74.jpg") bottom no-repeat;
	background-position: left;
	background-size: 160%;
}
#vol75 .column_vol {
	background: url("../images/column/vol75sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 140%;
}	
#vol76 .column_vol {
	background: url("../images/column/vol76sp.jpg") bottom no-repeat;
	background-position: left;
	background-size: 140%;
}	
#vol77 .column_vol {
	background: url("../images/column/vol77sp.jpg") bottom no-repeat;
	background-position: left;
	background-size: 180%;
}
#vol78 .column_vol {
	background: url("../images/column/vol78sp.jpg") bottom no-repeat;
	background-position: left;
	background-size: 140%;
}
#vol81 .column_vol {
	background: url("../images/column/vol81.jpg") bottom no-repeat;
	background-position: left;
	background-size: 140%;
}
#vol82 .column_vol {
	background: url("../images/column/vol82.jpg") left no-repeat;
	background-position: left;
	background-size: 140%;
}
#vol83 .column_vol {
	background: url("../images/column/vol83sp.jpg") left no-repeat;
	background-position: left;
	background-size: 140%;
}
#vol85 .column_vol {
	background: url("../images/column/vol85sp.jpg") left no-repeat;
	background-position: right;
	background-size: 140%;
}
#vol87 .column_vol {
	background: url("../images/column/vol87.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 140%;
}	
#vol92 .column_vol {
	background: url("../images/column/vol92.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 150%;
}	
#vol94 .column_vol {
	background: url("../images/column/vol94sp.jpg") center no-repeat;
	background-position: center;
	background-size: 150%;
	padding:0 1% 10px 20%; 
}
#vol95 .column_vol {
	background: url("../images/column/vol95sp.jpg") bottom no-repeat;
	background-position: center;
	background-size: 130%;
}	
#vol98 .column_vol {
	background: url("../images/column/vol98sp.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 140%;
}	
#vol100 .column_vol {
	background: url("../images/column/vol100.jpg") bottom no-repeat;
	background-position: bottom;
	background-size: 180%;
}	
	
#vol102 .column_vol {
	background: url("../images/column/vol102sp.jpg") center no-repeat;
	background-position: bottom;
	background-size: 200%;
}	
#vol104 .column_vol {
	background: url("../images/column/vol104sp.jpg") center no-repeat;
	background-position: bottom;
	background-size: 140%;
}
/*冒頭キャッチの位置合わせ*/
.p_right,
.p_right2{
	padding-right: 0;
}

/*-------------------------------
Recruit
-------------------------------*/

#recruit2021 .column_vol {
	background: url("../images/cafe/bg_recruit2021_sp.jpg") top no-repeat;
	background-position: left;
	background-size: 200%;
}
/*-------------------------------
hotto
-------------------------------*/
#hotto2022 .column_menu{
	margin: 30px 0;
}
#hotto2022 .column_menu li{
	padding: 5px;
	position: relative;
	border-top: 1px #aaa dotted;
	margin: 0 0 5px 0;
}

#hotto2022 .column_menu li a{
	font-size: 1.0em;
	display: block;
}
#hotto2022 .column_menu li .data {
	font-size: 0.86em;
	position: relative;
	display: block;
	top: 0;
	left: 0;
}
/*-	border: 5px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol32 .column_vol {
	background: url("../images/column/vol32sp.jpg")center no-repeat;
	background-position: center;
	background-size: 150%;
}*/
/*-------------------------------
改行
-------------------------------*/

/*.pc2 { display: none !important; }
.sp2 { display: block!important; }
*/	

/*-------------------------------
youtube
-------------------------------*/
.pagetitle--headerbg{
	height: 279px;
}
.youtube-item .vol-bgc {
	font-size: 1em;
}
/*-------------------------------
youtube 2024〜
-------------------------------*/
#youtube-channel .pagetitle-headerimg{
	background-repeat: repeat;
	background-size: 736px auto;
	height: 279px;
}
.youtube-body{
	font-size: 15px;
}
.youtube-img{
	width: 100%;
}
.flex-channel{
	margin-bottom: .75em;
}
.flex-channel img{
	width: 180px;
	display: block;
	margin-bottom: .5em;
}
.youtube-list-body{
	margin-top: 1.5em;
}
.youtube-list-body ul.movie-list li{
	width: calc(100% / 3 - .75em);
	margin-top: 1em;
}
.youtube-list-body ul.short-list li{
	width: calc(100% / 3 - .75em);
	margin-top: 1em;
}