@charset "utf-8";

/* ============================= ���� =============================  */
#topics {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
* { 
	padding: 0px;
	margin: 0px;
	border: none;
}

li { list-style-type: none;}


a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}

.cb10{
	clear: both;
	height: 10px;
	width: 100%;
}
.cb20{
	clear: both;
	height: 20px;
	width: 100%;
}

body {
	font-family: Verdana,Meiryo, "���C���I", "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3", Arial,   Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
}

/*�lj�2017.4.17*/
#mainContent {
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #CCFFFF 25%, #CCFFFF 50%,
    #fff 50%, #fff 75%,
    #CCFFFF 75%, #CCFFFF
  );
  background-size: 8px 8px;
}
.text_box{
	padding:15px;
}
div#topics #shopList h3{
	padding:1em 0;
	text-align:center;
	font-size:1.5em;
	color:#333;
	border-top:3px #666 solid;
	border-bottom:3px #666 solid;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	background:#fff;
}

div#topics #shopList h4{
	font-size:1.5em;
	text-align:center;
	margin-bottom:10px;
	color:#0066cc;
	background:none!important;
	border-top:none!important;
}
#shopList .shopCont{
	width:96%;
	margin:15px auto 8px;
	background: #fff;
    padding: 8px;
    box-sizing: border-box;
	position:relative;
	border-top:5px #0066cc solid;
}
#shopList .shopCont span{
	font-size:1em;
	background:#0066cc;
	color:#fff;
	padding:5px;
	margin-left:8px;
	font-weight:normal;
	position:absolute;
	left:-8px;
	top:0;
	border-bottom-right-radius: 5px;
}
#shopList .shopImg{
	float:left;
	width:40%;
	margin-right:8px;
	margin-bottom:15px;
}
#shopList .shopImg img{
	width:100%;
}
#shopList .shopText{
	font-size:1.1em;
	line-height:1.2em;
}
#shopList .shopPlan{
	clear:both;
	margin:8px auto;
}
#shopList .shopText{
	float:left;
	width:58%;
}
#shopList .shopText dl{
	margin-top:8px;
}

#shopList .shopText dl dt{
	float: left;
    width: 20%;
}
#shopList .shopText dl dd{
	float:left;
	width:80%;
}
#shopList .shopPlan .shopPlanTtl{
	background:#666;
	color:#fff;
	text-align:center;
	padding:8px;
	font-size:1.2em;
}
#shopList .shopPlan ul{
	padding:8px;
	border:1px solid #666;
	line-height:1.2em;
}
#shopList .shopPlan ul li{
	border-bottom:1px dotted #666;
	margin-bottom:8px;
}
#shopList .shopPlan ul li:last-child{
	border-bottom:none;
	margin-bottom:0px;
}
#shopList .shopPlan .shopImg{
	width:30%;
}
#shopList .shopPlan .shopText{
	width:68%;
}
#shopList .shopPlan ul h5{
	font-size:1.1em;
	margin-bottom:5px;
}
#shopList .shopPlan .planprice{
	font-size:1.1em;
	color:#C00;
	font-weight:bold;
	margin-top:5px;
}

.planLink{
	text-align:right;
	margin-top:8px;
	margin-bottom: 8px;
}
.planLink a{
	background:#f90;
	color:#fff;
	padding:8px 15px;
	border-radius:5px;
}
.planLink a:link,.planLink a:visited{
	color:#fff;
}
.planLink a:hover{
	background:#666;
}
#head img {
    width: 100%;
}

.sp-only { display: block!important; }
.pc-only { display: none!important; }
@media  (min-width: 787px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}

@media screen and (max-width : 767px){
div#topics #shopList h3{
	padding:1em 0;
	text-align:center;
	font-size:1.5em;
	color:#333;
	border-top:3px #666 solid;
	border-bottom:3px #666 solid;
	position:relative;
	margin-top:5px;
	margin-bottom:20px;
	background:#fff;
}	
div#topics #shopList h4 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 14px;
    color: #0066cc;
    background: none!important;
    border-top: none!important;
    margin-left: 37px;
    font-weight: bold;
}	
#shopList .shopImg {
    float: none;
    width: 95%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin: 0 auto;
}	
#shopList .shopText {
    float: none;
    width: 95%;
    margin: 7px auto;
}	
#shopList .shopText dl {
    margin: 8px auto;
}	
#shopList .shopPlan .shopImg {
    width: 100%;
}	
#shopList .shopPlan .shopText {
    width: 98%;
}
.planLink {
    text-align: right;
    margin-top: 8px;
    margin-bottom: 15px;
}	
#shopList .shopPlan .planprice {
    font-size: 1.3rem;
    color: #C00;
    font-weight: bold;
    margin: 10px 0px 15px 0px;
}	
}