@media screen and (min-width: 480px){
#contents_section{background-image:url(img/background.jpg)!important; width:100%;background-repeat:repeat;}
#contents_inner{width:100%!important;}
/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }

#contents{width:100% ; max-width:100%;}

#contents p{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:200%; text-align:justify; font-size:12px;}
.text12,.sn_text,.img_cap{font-size:12px; line-height:200%;}

#story_head_sp{display:none;}

#top_title img{margin-top:20px;}
#contents section{width:1060px; height:auto; margin:0 auto 50px; overflow:hidden; }

#caption{display:none!important;}

.title {text-align:center;}
.explain{text-align:center!important;}

.mune_imageL,#R_imgR{display:none;}

#top_title{position:relative;}
#title_date{width:330px; height:61px; background-color:rgba(236,112,132,0.4); line-height:155%; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:14px; padding:10px; position:absolute; bottom:0; left:55px;}


.heightLine{margin-bottom:15px;}

#box{height:650px; clear:both;}

/*3つのコース紹介*/
.set{width:320px; float:left; margin-top:30px;}
.fr{ margin-left:50px;}
.up_line_title{margin-bottom:20px;}
.set_text_title{text-align:right; font-size:11px;}
.set_text{margin:20px 0 20px 0; font-size:12px; line-height:200%; text-align:justify;}

/*Menu Dessert詳細*/
/*左の3つの画像*/
#img_L,#text_R{margin-top:70px;}
#img_L{float:left; width:63.5%;}
#img02{float:left;}
#img03{float:right;}
#img03 p,#img02 p, .img_cap { margin:0; }
#img_img1{margin-top:-269px;}
#small-image { margin-top: 20px; }

/*プライス*/
#price_box{background-color:rgba(255,255,255,0.6); clear:both; margin-left:40px;}
#price_img{margin:10px;}
#price_text{padding:15px; margin:-15px 0 -15px 0;}


/*右のテキスト*/
#text_R{float:right; width:36.5%;}
.sub_menu_img{float:right; margin-bottom:30px;}
.text_R_text123{clear:both; width:90%; float:right; text-align:justify; margin-bottom:30px; font-size:12px; line-height:190%;}
.img_img{margin-top:20px;}
.sub_under{margin-top:40px;}


/*candlenight*/
#candle_night section{margin:0 auto; padding-bottom:80px;}


.background:last-child{margin-top:40px;}
div#candle_night section #img_R p{ margin-top:10px; line-height:170%; color:#F2F1E5;}


.candol_img{float:left; margin:47px 10px 0 0;}
.candol_img:first-child{width:300px;}
.candol_img:last-child{width:370px;}

/** エディターズポイント ----------------------------------------------------------*/
div.panel_middle {
  background-repeat: repeat-y;
}
div.panel_top, div.panel_bottom {
  height: 10px;
  background-repeat: no-repeat;
}

div.panel_100{margin-top:30px;}
.body{padding:10px; line-height:190%;}
b{font-size:14px;}



/*ガトー*/
#text_L,#img_R{margin-top:80px;}

/*左のテキスト*/
#text_L{float:right;}
#gato_left{width:335px; padding:10px;}
#gato_04{margin-top:150px;}
.sweet_name{margin-top:10px;}
.sn{margin-top:20px;}
.sn_text{margin-top:0px;}
#sn{margin-top:20px;}
#under{margin-top:40px;}
#chocolate{margin-top:20px;}


/*右の画像*/
#img_R{float:left;}

/*プライス*/
.big_img{margin-top:50px;}
#price_gato{width:95%; height:100%; background-color:rgba(255,255,255,0.6); margin-top:20px; padding:10px;}
#sp_text{padding:0 10px; text-align:start;}

#s_ad{height:auto; margin:0 auto; width:840px; padding:0;}
#sa{max-width:20%!important;}
.sa_text{}
#sa_text{line-height:150%;}
#s_ad1,#sa1,.sa_text1,#sa_text1{display:none;}


.shop{margin:0 auto; width:830px;}

.backnumber ul li{float:left; width:200px; height:190px; text-indent:0!important;}
.backnumber ul li img{width:100%;}
.backnumber ul li:nth-child(n+6){margin-top:25px!important;}
.backnumber ul li p{width:180px; text-indent:0; line-height:150%!important; margin-top:5px;}
.back_title{text-align:center; margin-bottom:25px;}


/*-----------------------------------------*/
.event{text-align:center;}
.event_box{width:840px; margin:0 auto;}
.event_list,.event_list_re{margin-top:30px; overflow:hidden;}
.event_list .event_img{float:left;}
.event_text{float:right; width:50%;}
.event_text_re{float:left; width:50%;}
.event_text p,.event_text_re p{margin-top:5px;}
.event_text h3,.event_text_re h3{font-size: 18px; padding-bottom:5px;
    border-bottom: 1px solid #c85847; text-align: left;}
	
.coffee{overflow:hidden; margin-bottom:30px;}
.coffee img,.coffee_re img{float:left;}
.coffee_re p,.coffee p{margin:7px; float:left; font-weight:bold; font-size:15px!important;}
.coffee_re{float:right; width:48%;}
.first{margin:0;}
.wine{overflow:hidden; margin-top:5px;}
.wine img,.wine_re img{float:left;}
.wine_re p.big,.wine p.big{margin:7px; font-weight:bold; font-size:15px!important; margin-top:-4px;}
.wine_re{float:right; width:48%; margin-top:5px;}
.small{font-size:10px!important; margin:0; padding:0;}

.m_point{border:3px solid rgba(99,174,214,.5); padding:10px; border-radius:20px; background-color:rgba(255,255,255,.7);}

span{font-size:10px;}

.collabo{background-color:white; padding:30px; width:780px; margin:0 auto; box-shadow:0px 0px 10px;}
.collaboL{float:left; width:56%; margin-bottom:20px;}
.collaboL p{font-size:16px!important; color:#c85847; margin:0;}
.collaboR{float:right; margin-bottom:20px;}
table{text-align:left;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top:5px;}
table th{font-size:14px; vertical-align:top;}
.collaboL .price{color:black!important; font-size:14px!important; margin:10px 0;}

.maruyama{border-top:1px solid gray;}
.maruyama p{color:black;}
#maruyama_title{margin-top:10px; font-weight:bold;}
#maruyama_title,#maruyama_text{color:black; font-size:14px!important;}
.caption{margin:5px;}

.colabo01{height:350px;}
.colabo02{height:235px;}

.sp{display:none;}

}

@media screen and (max-width:479px){
	.set_img,.img_img,#img03,.sub_menu_img{max-width:100%!important;}
	
	.background{background-image:url(../img/background.jpg)!important; height:auto; padding:10px;}
	#candle_night{background-image:url(../img/background.jpg)!important; padding:10px;}
	div#candle_night section #gato_left p{padding:10px; line-height:170%;}

	
	.background section:nth-child(4) #text_L #gato_left p{padding:10px;}
	
	#story_head{display:none;}
	#story_head_sp{max-width:100%;}
	
	#fruit_text{background-image:url(img/fb_03.png); float:left; background-repeat:repeat-y; margin:-4px 0 -5px 0; background-size:100%;}
	#fruit_title{margin-top:10px;}
	#fruit_image{max-width:100%; margin-left:0px;}
	
	#syun_img{max-width:50%;}
	#apricot_text{margin:10px;}
	
	#apricot{max-width:40%!important; margin-bottom:-10px!important; padding:10px;}
	
	.deco{max-width:100%;}
	#title_date{display:none;}
	.body{padding:10px; line-height:160%; font-size:14px;}
	
.set {margin-top:50px;}
.up_line_title{margin-bottom:20px;}
.up_line_title img,.heightLine img,.set.fr img{width:100%;}

.set_text_title{font-size:14px; padding:10px;}
.set_text{font-size:14px; line-height:180%; text-align:justify; margin:10px 10px 20px 10px;}

/*左の3つの画像*/
#img_L,#text_R{margin-top:40px;}
#img_L{width:100%;}

.img_cap{clear:both; margin-bottom: 20px}
#img_img1{margin-top:-269px;}
.big_img{max-width:100%;}


#R_imgR{margin-top:30px;}

/*プライス*/
#price_box{ background-color:rgba(255,255,255,0.6); clear:both; margin:10px 0 20px 0; padding:10px;}
#price_text{margin:10px 0 0 10px;}


/*右のテキスト*/
#text_R{ width:100%;}
.text_R_text123{max-width:100%; padding:10px; text-align:justify; font-size:14px; line-height:180%;}
.sub_under{margin-top:40px;}

/*シェフのコメント*/
#chef_com{margin-top:10px!important; max-width:80%;}
#chef_comment{width:98%;border-radius: 8px; border:solid 4px rgba(162,198,219,0.6);}
#comment,#point{margin:10px;}
#point{padding:10px;}

/*エディターズポイント*/
#editors_point{max-width:100%; border-radius: 8px;}
#editors_point{; border-radius: 8px; border:solid 4px rgba(162,198,219,0.6);}
#ep{margin-top:10px!important;  max-width:100%; display:none; }
#s_ep{max-width:50%; margin-top:30px!important;}

/*ガトー*/

/*左のテキスト*/
#text_L{margin-top:50px;}
.sn{margin-top:20px; max-width:70%;}
#sn,.sweet_name{margin-top:20px!important;}
.sn_text{font-size:14px;}
#under{margin-top:40px;}
/*右の画像*/
#img_R{width:100%;}

/*プライス*/
#price_gato{background-color:rgba(255,255,255,0.6); margin:20px 0 ; padding:10px;}
#price_image,#price_img{margin:10px 0 0 15px; max-width:15%;}
#sp_text{margin:0px 0 0 20px;}

#s_ad1{background-color:rgba(255,255,255,0.6); margin:20px 0; padding:10px;}
/*date*/
#sa1{max-width:14%!important; margin-top:5px!important;}
#date_hotel{margin-top:10px!important;}
#s_ad,#sa,#sa_text{display:none;}
.sa_text1{margin-left:10px;}

.mune_imageR,#img_R{display:none;}

#gato_01{max-width:45%;}
#gato_02,#gato_03{max-width:75%;}

.backnumber{display:none;}

.event_text h3 img,.event_text_re h3 img{width:32%; padding:10px 0 0;}
.event_text p{margin:10px 0;}
.m_point{border:3px solid rgba(99,174,214,.5); padding:10px; border-radius:20px; background-color:rgba(255,255,255,.7); margin:10px 0;}

.pc{display:none;}
.coffee,.coffee_re,.wine,.wine_re{clear:both; overflow:hidden;}
.coffee img,.coffee_re img,.wine img,.wine_re img{float:left;}
.coffee p,.coffee_re p{float:left; padding:3px; margin:10px;}

.event_img img,.event_img_re img{width:100%;}

.collabo{background-color:white; padding:10px; margin-top:20px;}
.collaboL p{font-size:16px!important; color:#c85847; margin:0;}
.collaboR img{width:100%; margin-top:10px;}
table{text-align:left;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top:5px;}
table th{font-size:14px; vertical-align:top; float:left; width:100%;}
table td{ float:left; width:100%;}
.collaboL .price{color:black!important; font-size:14px!important; margin:10px 0;}

.maruyama{border-top:1px solid gray;}
.maruyama p{color:black;}
#maruyama_title{margin-top:10px; font-weight:bold;}
#maruyama_title,#maruyama_text{color:black; font-size:14px!important;}
.caption{margin:5px;}

#kuri img{width:85%;}
.small{font-size:10px!important; margin:7px; padding:0;}
.big{margin:-8px 0 0 7px;}
.event_img img,.event_img_re img{margin-top:20px;}
p.m_point img{padding-bottom:10px;}

.title_img{width:100%; margin-top:20px;}
.event_text h3,.event_text_re h3{font-size: 18px; padding-bottom:5px;
    border-bottom: 1px solid #c85847; text-align: left;}


}