@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------
子宝LP スタイルシート（150627リニューアル版）
--------------------------------------------------------------------------*/


/*------------------------------------------------------------------------
全体レイアウト
--------------------------------------------------------------------------*/
body{
	font-size:14px;
	color:#000000;
	line-height:1.6em;
	background:#FFF4E0;	
}

#container {
	width: 1200px;
	background:url(../image/body_bg.jpg) repeat-y;
	margin: 0 auto 0 auto;
	padding-bottom:30px;
	padding-top:0!important;
}

#container-in {
	width: 900px;
	margin:0 auto 0 auto!important;
	background:#FFFFFF;
	padding-bottom:30px;
}




/*------------------------------------------------------------------------
トップ
--------------------------------------------------------------------------*/

#top {
	width:1200px;
	margin:0 auto 0 auto;
	display:block;
	background:#AF0E16;

}

#top-in{
	margin:0 auto 0 auto;

}

#top-in h1{
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
}


/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/

#header {
	width:1200px;
	margin:0 auto 0 auto;
	display:block;
	background:url(../image/header_bg.png) ;
	padding-bottom:10px;
	padding-top:10px;
}


#header #logo{
	float:left;
	margin-left:20px;
}


#header #tel{
	float:right;
	color:#FFFFFF;
	line-height:1.4em;
	margin-right:20px;
}

/* float解除 */
#header:after{ 
	content : ''; 
	display : block; 
	clear : both; 
	height:0; 
}



/*------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------*/

/* 画像チェックボックス */

#check1{
	position:relative;
}

#check1 #item1{
	position:absolute;
	top:215px;
	left:240px;
}

#check1 #item2{
	position:absolute;
	top:261px;
	left:240px;
}

#check1 #item3{
	position:absolute;
	top:305px;
	left:240px;
}

#check1 #item4{
	position:absolute;
	top:351px;
	left:240px;
}

#check1 #item5{
	position:absolute;
	top:396px;
	left:240px;
}

#check1 #item6{
	position:absolute;
	top:215px;
	left:565px;
}

#check1 #item7{
	position:absolute;
	top:261px;
	left:565px;
}

#check1 #item8{
	position:absolute;
	top:305px;
	left:565px;
}

#check1 #item9{
	position:absolute;
	top:351px;
	left:565px;
}

#check1 #item10{
	position:absolute;
	top:396px;
	left:565px;
}



/* 申込ボタン部分 */
#order{
	position:relative;
}

#order #btn1{
	position:absolute;
	top:719px;
	left:85px;
	width:38%;
}




/* 薬局案内部分 */

#shop{
	position:relative;
}


#shop #btn_hp{
	position:absolute;
	top:820px;
	left:41px;
	width:510px;
	height:60px;	
}




/* スマホ時のposition変更 */

@media
only screen and (max-width : 640px){


#check1 #item1{
	top:46%;
	left:27%;
}

#check1 #item2{
	top:55%;
	left:27%;
}

#check1 #item3{
	top:65%;
	left:27%;
}

#check1 #item4{
	top:75%;
	left:27%;
}

#check1 #item5{
	top:84%;
	left:27%;
}

#check1 #item6{
	top:46%;
	left:63%;
}

#check1 #item7{
	top:55%;
	left:63%;
}

#check1 #item8{
	top:65%;
	left:63%;
}

#check1 #item9{
	top:75%;
	left:63%;
}

#check1 #item10{
	top:84%;
	left:63%;
}


#order #btn1{
	top:94%;
	left:10%;
}

#shop #btn_hp{
	position:absolute;
	top:90%;
	left:5%;
	width:57%;
	height:auto;
}

} /* @media */


/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

#footer {
	width:100%;
	height:70px;
	margin:0 auto 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#AF0E16;
}

#footer .copyright{
	text-align:center;
	margin:10px auto 10px auto;
	color:#FFFFFF;
	
}

.footer_banner{
	display:none;}

/* フッターメニュー */


ul.footer_menu{
	text-align: center;
	margin:30px auto 0px auto;
	width:500px;
}


ul.footer_menu li a{
	font-size:14px;
}



/*------------------------------------------------------------------------
その他
--------------------------------------------------------------------------*/

.title_pin{
	display:block;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;
	background:#AF0E16;
	margin-bottom:0px;
	padding:5px 0 1px 0 ;
}

.wrap_pin{
	display:block;
	border:solid 3px #FDD183;
	padding:10px;
}

.wrap_pin2{
	display:block;
	border:solid 2px #AF0E16;
	padding:10px;
}

.bo_b_pin{
	border-bottom:solid 1px #FDCBCB;
	padding:0px 0px 5px 0px;
	width:98%;
}


p.item{
	width:50px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background:#AF0E16;
	padding:2px 5px 1px 5px;
}


.fc-18red{
	font-size:18px;
	color:#CC0000;
}

/* リストスタイル */

ul.style01{
	width:580px;
	float:right;
}

ul.style01 li{
	float:left;
	margin-left:3%;
	/*font-weight:bold;*/
	background:url(../images2/arrow_down01.png) no-repeat;
	padding-left:16px;
}

/* テーブル */

table.tbl_shop_info{
	line-height:1.3em;
}

table.tbl_shop_info th{
	vertical-align:top;
	font-weight:normal;
	padding-top:5px;
}

table.tbl_shop_info td{
	vertical-align:top;
	padding:6px 20px 10px 8px;
}


/* チェックボックススタイル */

#check1 input[type=radio],
#check1 input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
#check1 input[type=radio] + label,
#check1 input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    #check1 input[type=radio],
    #check1 input[type=checkbox] {
        display: none;
        margin: 0;
    }
    #check1 input[type=radio] + label,
    #check1 input[type=checkbox] + label {
        padding: 0 0 0 10px;
    }
    #check1 input[type=radio] + label::before,
    #check1 input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 21px;
        height: 21px;
        margin-top: -10px;
         
        background: #FFF;
    }
    #check1 input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    #check1 input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    #check1 input[type=radio]:checked + label::after,
    #check1 input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    #check1 input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E71063;
        border-radius: 8px;
    }
    #check1 input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/* スマホ時のチェックボックスの大きさ */

@media
only screen and (max-width : 640px){

    #check1 input[type=radio] + label::before,
    #check1 input[type=checkbox] + label::before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }
.footer_banner{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;}
	
.footer_banner img{
	width:100%;
	height:auto;}
	
.footer_tel{
	padding-bottom:200px;
	
}


} /* @media */