/* CSS Document */
/*************************************************************/

#detail_area{
	width:100%;
	background: url(../../img/bg_03.png) repeat top;
	padding:0;
}

#detail_area::after{
    content: "";
    display: block;
    height: 18px;
    background: url(../../img/bg_white_top.png) repeat-x bottom;
    vertical-align: bottom;
}

#detail_box{
	padding:15px;
	background-color:#FFFFFF;
	margin:0 15px 55px;
	border-radius:15px;
}

#detail_area .store_name{
	display:inline-block;
	padding:5px 10px;
	background-color:#d5c091;
	border-radius:5px;
	font-size:7pt;
	font-weight:bold;
}

#detail_area h2{
	font-size:11pt;
	font-weight:bold;
	margin:0 auto;
	padding-top:15px;
	text-align:left;
	word-wrap: break-word;
}

#detail_area h2 span{
	border-bottom:solid 4px #d23c2c;
	text-align:left;
}

#detail_area .catch_copy{
	color: #d23c2c;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 20px;
	margin: 0 auto;
}

#detail_area .info_txt{
	margin:15px 0 0;
	font-size:10pt;
	font-weight:normal;
	line-height:180%;
}

#detail_area .info_txt ul{
	list-style: inherit;
	margin-left: 15px;
}

#detail_area .info_txt ol{
	list-style: decimal;
	margin-left: 20px;
}

#detail_area #photo{
	margin:0 auto;
	padding-top:10px;
}

#detail_area #image-box{
	width:100%;
}

#detail_area #image-box img{
	border-radius:10px;
	width:100%;
}

#detail_area #tab-menu{
	width:100%;
	text-align:left;
}


#detail_area #tab-menu li{
	display:inline-block;
	padding:8px 4px 0;
	width:23%;
}

#detail_area #tab-menu li img{
	width:100%;
	cursor:pointer;
}

#detail_area #tab-menu img{
	border-radius:5px;
}

#detail_area #update{
	max-width:830px;
	font-size:7pt;
	margin:0 auto;
	text-align:right;
	padding-top:5px;
}


#detail_area .news_list{
	border-radius: 10px;
	margin-top: 15px;
	margin-left: 0;
}

#detail_area .news_list li{
	list-style: none;
}
	
#detail_area .news_list li div{
	line-height: 180%;
	width: 100%;
}

#detail_area .news_list li div.item{
	padding: 6px;
	margin: 5px 30px 5px 0;
	border-radius: 5px;
	vertical-align: top;
	background-color: #d2c092;
	text-align:center;
}

#detail_area #sns_icon{
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	display:table;
}

#detail_area #sns_icon li{
	display:table-cell;
	padding:0 8px;
	max-width:60px;
}

#detail_area #sns_icon li img{
	width:100%;
}


@media screen and (min-width: 991px) {

#detail_box{
	width:990px;
	margin:0 auto 83px;
}

#detail_area .store_name{
	font-size:12pt;
	padding:10px;
	margin:30px 0 0 60px;
}

#detail_area div.h2_margin{
	width:100%;
	display:inline-block;
	text-align:center;
}

#detail_area h2{
	font-size:16pt;
	margin:0 40px;
	display:inline-block;
	line-height:190%;
	text-align:left;
	width:830px;
}
	
#detail_area .catch_copy{
	color: #d23c2c;
	font-weight: bold;
	font-size: 15pt;
	padding-top: 45px;
	margin: 0 auto;
	width: 830px;
}
	
#detail_area .info_txt{
	font-size:13pt;
	width:830px;
	margin:45px auto 0;
}

#detail_area .info_txt p{
	font-weight:normal;
}

#detail_area .info_txt ul{
	margin-left: 20px;
}

#detail_area .info_txt ol{
	margin-left: 25px;
}

#detail_area #photo{
	margin:0 auto;
	width:830px;
	padding-top:20px;
}

#detail_area #image-box img{
	border-radius:10px;
	width:830px;
}

#detail_area #update{
	width:830px;
	font-size:12pt;
	margin:0 auto;
	text-align:right;
}

#detail_area .news_list{
	padding: 25px 30px;
	border-radius: 10px;
	width: 830px;
	background-color: #f9f6ef;
	margin: 20px auto 0;
}

#detail_area .news_list li{
	list-style: none;
}
	
#detail_area .news_list li div{
	display: inline-block;
	line-height: 180%;
}

#detail_area .news_list li div.item{
	padding: 11px 15px 10px;
	width: 160px;
	margin: 5px 30px 5px 0;
	border-radius: 5px;
	vertical-align: top;
	line-height: 150%;
	text-align:left;
}

#detail_area .news_list li div.contents{
	width: 560px;
	padding: 15px 0 5px;
}

#detail_area #tab-menu li{
	display:table-cell;
	padding:16px 11px 0;
	width:190px;
}

#detail_area #tab-menu img{
	border-radius:5px;
}

#detail_area #tab-menu li img{
	width:190px;
}

#detail_area #tab-menu li:first-child{
	padding-left:0;
}

#detail_area #tab-menu li:last-child{
	padding-right:0;
}


#detail_area #sns_icon{
	padding:30px 0 20px;
}

#detail_area #sns_icon li{
	padding:0 4px;
	max-width:50px;
}
}

#store_area{
	width:100%;
	position:relative;
}

#store_area div{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}

#store_area::after{
    content: "";
    display: block;
    height: 22px;
    background: url(../../img/bg_pink_top02.png) repeat-x bottom;
}

#store_area #store_box{
	max-width:720px;
	margin:0 auto;
	display:table;
	padding:20px 15px;
}
#store_area a{
	width:100%;
	height:100%;
}

#store_area a:hover{
	text-decoration:none;
}

#store_area #thumbnail{
	max-width:200px;
	width:40%;
}

#store_area #thumbnail img{
	border-radius:50%;
	width:100%;
	height:auto;
}

#store_area p{
	font-weight:bold;
	line-height:
}

#store_area #logo{
	text-align:center;
	display:block;
	padding-bottom:5px;
	width:100%;
}

#store_area #logo img{
	margin:0 auto;
}

#store_area p#store_name{
	font-size:10pt;
	text-align:center;
	padding:0 10px 0 10px;
	margin-bottom:0;
}

#store_area p#store_genre{
	font-size:7pt;
	text-align:center;
	padding:5px 10px 10px;
	margin-bottom:0;
}

#store_area p#store_info{
	font-size:9pt;
}

@media screen and (min-width: 991px) {
#store_area::after{
	height: 18px;
	background: url(../../img/bg_pink_top02.png) repeat-x bottom;
}

#store_area #store_box{
	width:1000px;
	padding:50px 15px;
	max-width:none;
}

#store_area #thumbnail{
	width:200px;
}

#store_area #thumbnail img{
	width:200px;
	height:200px;
}

#store_area #logo{
	text-align:left;
}

#store_area #logo img{
	width:250px;
	margin:0;
}

#store_area p#store_name{
	text-align:left;
	display:inline-block;
	font-size:13pt;
	padding-top:10px;
}

#store_area p#store_genre{
	text-align:left;
	display:inline-block;
	font-size:11pt;
	padding:10px 0 10px;
}

#store_area p#store_info{
	font-size:16pt;
	padding-left:10px;
}

}