@charset "utf-8";

/* 141212-addition
========================================== */

@media screen and (max-width: 330px) {
	
	body#dsIndex.shop.ds #contents .detailUnit02 #itemSection ul li.itemtip{width:46%; margin-right:2%; height:150px;}
	
	}
@media screen and (max-width: 480px) {
	body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection h4{font-size:140%;}
	#contents p, #contents address, #contents th, #contents td{font-size:160%;}
	body#dsIndex.shop.ds #contents .detailUnit02 .contentsHeader .article #topics {font-size:80%;}
	body#dsIndex.shop.ds #contents .detailUnit02 #itemSection ul li.itemtip{width:46%; margin-right:2%; height:170px;}
	}
@media screen and (max-width: 760px) {

img{max-width:100%;}
body#dsShoplist.shop.ds #contents .detailUnit02 h2{padding-left:2%; width:100%;}
body#dsShoplist.shop.ds #contents .detailUnit02 h2 img{width:40%;}
body#dsIndex.shop.ds #contents .detailUnit02 #f_likebox iframe{width:95% !important; height:460px;}
body{min-width:98%; -webkit-text-size-adjust:100%;}
body#dsShoplist.shop.ds #contents .detailUnit02 .contentsHeader{padding-left:3%;}
body#dsIndex.shop.ds #contents .detailUnit02 .contentsHeader #mainImg{position:static; width:100%;}
body.shop.ds #contents .detailUnit02 .menuSection{margin:3% 0 0 2%;}
body#dsIndex #contents .detailUnit02 #itemSection h3,body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection h3{width:98%;}
body#dsIndex.shop.ds #contents .detailUnit02 #itemSection ul{margin-bottom:0 !important;}
body#dsIndex.shop.ds #contents .detailUnit02 #itemSection ul li.itemtip{width:46%; margin-right:2%; height:190px;}
body.shop.ds #contents .detailUnit02 .menuSection li{width:86%; float:none; text-align:center; margin:0 auto 5px;}
body.shop.ds #contents .detailUnit02 .menuSection li img{width:100%;}
body#dsIndex.shop.ds #contents .detailUnit02 #ingredients{width:95% !important; padding:0 !important; margin:0 0 20px 20px !important; border:none;}
body#dsIndex.shop.ds #contents .detailUnit02 #ingredients ul{margin:0 0 15px 0; padding:0;}
body#dsIndex.shop.ds #contents .detailUnit02 .contentsHeader .article{width:90%;}
div#header,div#sideArea,div#footer,div#topicpath{display:none;}
div#mainContents{padding:0; max-width:100%;}
#contents .detailUnit02 .bgTop,#contents .detailUnit02{width:98%;}
#contents{width:98%;}
#contents .detailUnit02 .bgBtm{width:98%;}
div.social_btn_box div{width:100px;}
body.shop.ds#dsIndex #contents .detailUnit02 #itemSection li .ph{background:#ffffff;}
body.shop.ds#dsIndex #contents .detailUnit02 .contentsHeader h2{width:89%; left:20px;}
body.shop.ds#dsIndex #contents .detailUnit02 .contentsHeader {position:static; width:100%; padding:0 !important; height:280px;}
body.shop.ds#dsIndex #contents .detailUnit02 .contentsHeader .article{left:10px;}
body.shop.ds#dsIndex #contents .detailUnit02 #itemSection li .ph{text-align:center;}
body.shop.ds#dsIndex #contents .detailUnit02 #itemSection li .ph img {height:auto;}
body.shop.ds#dsIndex #contents .detailUnit02 .contentsHeader .article #topics .title .rss{left:90px;}
body.shop.ds#dsIndex #contents .detailUnit02 .contentsHeader .article #topics {width: 98%;height: auto;position:static;margin:0 auto;padding-top:40px; font-size:100%;}
body#dsIndex.shop.ds #contents .detailUnit02 .contentsHeader .article #topics .detailtxt th{width:25%;}

/* shoplist
=====================================*/

body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection{width:95%; padding:0 0 0 5%;}
.ui-tabs-nav{width:100%;}
.ui-tabs-nav li{min-width:24%;}
body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection #shopList li{width:20%;}
body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection #shopList li a {padding:8% 4% 8% 4%;}

body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection .section .tableSection{width:60%;}
body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection .section p{text-align:center;}
body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection .section p.img{width:35%;}

body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection h4{font-size:80%;}
body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection .section .tableSection table tr th{width:25%;}
#contents p, #contents address, #contents th, #contents td{font-size:80%;}
body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection .section .tableSection table tr td{font-size:80%;}
/*
body#dsShoplist.shop.ds #contents .detailUnit02 #shopSection .section .tableSection table tr td.map img{width:60%;}	
*/

body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection .section .tableSection{width:100%; float:none;}
body.shop.ds#dsShoplist #contents .detailUnit02 #shopSection .section p.img{display:none;}

}