@charset "utf-8";
/* CSS Document
@ハーモニータウン仙川個店専用css
@shop.css
 */

.detail_block a:link{
	color: #00F;
	}
.detail_block a:hover{
	text-decoration: underline;
	}


/*個店ヘッド*/
#headblock {
	width: 100%;
	margin: 0;
}
#headblock .logo{
	float: left;
	max-width: 150px;
    padding: 10px;
    text-align: center;
}
#headblock .logo img{
	max-width: 100%;
	margin-right: 0.3rem;
	}
#headblock .unitblock{
	margin: 0px;
	padding-top: 8px;
	border-bottom: 1px solid #666;
}
#headblock h1{
    margin: 0px;
	font-size: 1.5rem;
}
#headblock h2{
    margin: 0px 0px 5px 0;
	font-size: 1rem;
	color: #0099cc;
}
#headblock h3{
    font-weight: normal;
	font-size: 90%;
	margin: 5px 0px 5px 20px;
	color: #666;
}
#headblock .unitblock p{
	padding-left: 0;
	color: #F39;
	font-size: 90%;
	}


#unit_container{
	margin: 0 auto;
}
.detail_block,
.contInner section{
    margin-bottom: 1em;
	overflow: hidden;
	}
.detail_block{
    width: 100%;
	padding-top: 90px;
    font-size: 1rem;
}
.detail_block#mainCont{
	padding-top: 1em;
}
.detail_block .menuBox{
	float: left;
	max-width: 180px;
	width: 100%;
}
.detail_block .contInner{
	float: right;
	max-width: 710px;
	width: 100%;
}


/*個店メニュー*/
.detail_block .menuBox ul{
	list-style: square inside;
	}
.detail_block .menu a:link,
.detail_block .menu a:visited,
.detail_block .menu a:active,
.detail_block .menu a:hover{
	color:#333333;
}
.detail_block .menu{
	width: 100%;
}
.c_data{ color:#99cc00; }
.c_access{ color:#0099cc;}
.c_act{ color:#ff3333; }
.c_goods{ color:#ff9900; }
.c_link{ color:#009966; }
.c_mailto { color:#3300cc; }
.c_uevent { color:#999999; }

.detail_block .menuBox h3{
    padding-left: 0.5rem;
    font-size: 1rem;
    margin: 0;	
	}
.bc_data{
	border-left: 10px solid #99cc00;
    background: #eeffcc;	
	}
.bc_access{
	border-left: 10px solid #0099cc;
    background: #cceeff;	
	}
.bc_act{
	border-left: 10px solid #ff3333;
    background: #ffcccc;
}
.bc_goods{
	border-left: 10px solid #ff9900;
    background: #ffeecc;
}
.bc_link{ 
	border-left: 10px solid #009966;
    background: #ddffee;
}
.bc_askto{ 
	border-left: 10px solid #666;
    background: #eee;
}




/*本文*/
.contInner h3{
    background-color: #eee;
    font-weight: normal;
	margin: 0 0 1em 0;
	padding: 3px 0px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    font-size: 1.1rem;
	font-weight: 500;
}
.contInner h3:before{
	content: "■";
	margin: 0 5px;
	}

.prContents_img {
	float:left;
	margin: 0 1em 1em 0;
}

#mainCont .prContents_main a:before{
	content: "→";
	}
#mainCont .prContents_main a:after{
	content: "（外部リンクが開きます）";
	}

#DATABLOCK .data_table{
    font-size:14.5px;
    width:100%;
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    line-height:150%;
    background-color:#ffffff;
}

#DATABLOCK .data_table th{
    width:20%;
    background-color:#eeeeee;
    border-bottom:solid #aaaaaa 1px;
    border-right:solid #aaaaaa 1px;
    padding-left:5px;
	font-weight: lighter;
}

#DATABLOCK .data_table td{
    padding-left:5px;
    border-bottom:solid #aaaaaa 1px;
}

.access_content img {
	float:right;
}

.grayNotes{
	font-size: 0.75rem;
	color: #999;
	}


/*MENU*/
.goodsCont{
    width: 100%;
}
.goodsCont li{
	display: inline-table;
	width: 45%;
	margin-bottom: 5%;
	}
.goodsCont li:nth-child(odd){
	margin-right: 3%;
	padding-right: 3%;
	width: 50%;
	border-right: 1px dotted #ccc;
	}
.goodsCont li div{
	padding: 3px;	
	}
.goodsCont li .name{
	border-bottom: 3px solid #ff9900;
	}
.goodsCont li .comment{
	background: #fff1dd;
	border-radius: 5px;
	padding: 8px;
	}

.goodsCont .price{
	text-align: right;
}


/*NEWS*/
#NEWS .contInner h4{
    margin: 0 0 8px 0;
}
#NEWS .contInner ul{
	list-style: none;
	}
#NEWS .contInner li{
    margin: 0 0 10px 0;
    border-bottom: 1px #aaaaaa solid;
	overflow: hidden;
	padding-bottom: 10px;
}
#NEWS .contInner li:last-child{
	border-bottom: none;
	}
#NEWS .contInner li .newsPhoto{
	float: right;
	margin: 0 0 1em 1em;
	}


.link_content{
	margin-left:20px;
	margin-bottom:0px;
}

.link_content li{
	margin-bottom:5px;
	list-style-type:square;
}

.rel_content{
	margin-left:35px;
	margin-bottom:0px;
}

.rel_content li{
	margin-bottom:5px;
	list-style-type:decimal;
}

.cats{
    text-align:center;
    font-size:15px;
}

.unit_footer{
    text-align:center;
    font-size: 0.8rem;
}

.detail_block .page_title{
    border:1px solid #666666;
    border-left:10px solid #666666;
    font-size:16px;
    margin:5px 0px 10px 0px ;
    padding:2px 0px 2px 10px;
}

#unit_side {
	font-size:14px;
}


@media screen and (max-width: 48em){
header.site-header .wrap,
.prContents_img,
#NEWS .contInner li .newsPhoto{
	text-align: center;
}
#headblock {
	text-align: left;
}

#headblock p{
	font-size: 0.8rem;
	}
.contInner h3,
.contInner h4,
.detail_block{
	font-size: 0.9rem;
}

#headblock .logo{
	padding-left: 0;
}
.page-template-page-shop .wrap{
	padding-left: 0.5em;
	padding-right: 0.5em;
	}
#mainCont .detail_block .contInner{
	padding-top: 1em;
	}
.detail_block .menuBox{
	padding-bottom: 1em;
	}

    .detail_block .contInner,
    .detail_block .menuBox,
    .prContents_img,
    #NEWS .contInner li .newsPhoto,
    .goodsCont li,
    .goodsCont li:nth-child(odd){
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .prContents_img{
        margin: 2em auto;
    }
#NEWS .contInner li .newsPhoto{
	margin: 0;
	}
#mainCont .detail_block .contInner{
    border-top:1px #666 solid;
	}
.detail_block .menuBox ul{
	overflow: hidden;
	margin-left: 0.5em;
	}
.detail_block .menuBox ul li{
	float: left;
	margin: 0 1.5em 0 0;
	font-size: 1rem;
	}
.goodsCont li:nth-child(odd){
	border: none;
	padding: 0;
	margin-right: 0;
	}
		
	}
@media screen and (max-width: 990px){
.detail_block .menuBox{
	padding-bottom: 1em;
	}
}