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

html{
	font-size: 62.5%;
}
body {
	width:100%;
	text-align:center;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4d4d4d;
	font-size: 1.0rem;
	overflow-x: hidden;
}

#wrapper{
	overflow-x: hidden;
}

header{
	width:100%;
	background-color:#fff;
}

header h1{
	text-align:left;
	padding:1.5rem 1rem;
	font-size:2rem;
	color:#e14d5a;
}

header .homebtn{
	position:absolute;
	right:1rem;
	top:0.8rem;
	width:30px;
}
header .topbnr1{
	width:220%;
	margin-left:-60%;
}

section{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5rem;
}

section h1{
	font-size:2rem;
	text-align:left;
	color:#e14d5a;
}

div.foursteps{
	margin-top:1rem;
}

div.foursteps div{
	width:50%;
	height:10rem;
	padding:2rem 0;
}

div.foursteps div.step1{
	box-sizing:border-box;
	border:solid 0.2rem #ffa9b1;
}
div.foursteps div.step2{
	box-sizing:border-box;
	border-width:0.2rem 0.2rem 0.2rem 0rem;
	border-style: solid; 
	border-color:#ffa9b1;
}

div.foursteps div.step3{
	box-sizing:border-box;
	border-width:0rem 0.2rem 0.2rem 0.2rem;
	border-style: solid; 
	border-color:#ffa9b1;
}

div.foursteps div.step4{
	box-sizing:border-box;
	border-width:0rem 0.2rem 0.2rem 0rem;
	border-style: solid; 
	border-color:#ffa9b1;
}

div.foursteps div > p{
	margin-top:1rem;
	font-size:0.5rem;
	font-weight:bold;
	color:#555;
}

div.foursteps img{
	width:20%;
}


/*information*/

div.ditlinfo{
	width:100%;
	margin-top:1rem;
}

p.infotxt1{
	width:100%;
	text-align:left;
	font-size:1rem;
}


div.infonotice{
	width:100%;
	padding:2%;
	margin:1rem 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border:solid 0.2rem #efa43b;
}

div.noticetitle{
	height:100%;
}

div.noticetitle h2{
	font-size:3rem;
	color:#efa43b;
	padding:1rem 0;
}

div.noticemain{
	font-size:1rem;
	padding-top:1.5rem;
	border-top:solid 1px #dedede;
}

div.shoplink{
	position:relative;
	width:99.5%;
	margin:10px 10px 0 0;
	padding:20px 0px;
	text-align:center;
	border:solid 0.1rem #e14d5a;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

div.shoplink p{
	font-size:1.2rem;
}


div.shoplink a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.shoplink:hover{
	background-color:#f9dbde;
	border:solid 0.1rem #e14d5a;
	transition:all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

ul.info_procedure{
	width:100%;
	margin:2rem 0 0 2rem;
	padding:0;
	list-style-type:decimal;
}

ul.info_procedure li{
	width:90%;
	text-align:left;
	font-size:1.2rem;
	line-height:1.4rem;
	margin-bottom:1.7rem;
}

ul.info_procedure h4{
	text-align:center;
	width:80px;
	padding:0.4rem;
	background-color:#dedede;
}

ul.info_procedure li div.scitem{
	width:98%;
	padding:2%;
	margin-bottom:1.7rem;
	border:0.1rem #dedede solid;
}

ul.info_procedure li div.scitem img{
	width:28%;
	float:left;
	margin:1.5rem 2% 0.5rem 3%;
}

ul.info_procedure li div.scitem p{
	text-align:center;
	width:30%;
	font-size:1rem;
	font-weight:bold;
	margin:0 1.5% 0 1.5%;
	float:left;
}
ul.info_procedure li div.scitem a{
	text-decoration:none;
	color:#555;
}


.infopic0{
	width:90%;
	border:1px #dedede solid;
	padding:10px;
}

ul.info_procedure li div{
	text-align:center;
	width:90%;
	border:0.1rem #dedede solid;
	padding:2%;
	margin-bottom:17px;
}

.infopic{
	width:35%;
}

.infopic2{
	width:35%;
	border:0.1rem #dedede solid;
	padding:4%;
}

.allow1{
	width:10%;
}

ul.info_procedure li div.needarea{
	text-align:left;
	width:95%;
	border:solid 2px #efa43b;
}

ul.info_procedure li div.needarea h5{
	font-size:2rem;
	color:#efa43b;
	padding:1rem 0;
}

ul.info_procedure li div.needarea > p{
	font-size:1.2rem;
	line-height:1.5rem;
	padding-top:1.5rem;
	border-top:solid 1px #dedede;
}

ul.info_procedure li div.needarea img{
	margin-top:2rem;
	width:100%;
}


/* shitadori */

div.shidoitem{
	width:100%;
	margin-bottom:1rem;
	border-bottom:solid 0.1rem #dedede;
}

div.targetitems{
	width:100%;
	margin-top:2rem;
}
div.targetitems img{
	margin-top:2rem;
	width:80%;
}
div.targetinfo{
	width:100%;
	height:40rem;
	text-align:left;
	position:relative;
}


div.targetinfo .scarrylogo1{
	margin:0 0 0 2rem;
	width:40%;
}
.itemname{
	margin:1rem 0 0 0;
	font-size:1.8rem;
	line-height:2.1rem;
	font-weight:bold;
}
.itemsnote{
	position:absolute;
	bottom:2rem;
	font-size:1.5rem;
	color:#999;
}
.toitem{
	position:absolute;
	bottom:8rem;
	width:100%;
	height:7rem;
	box-sizing:border-box;
	border:solid 0.1rem #0071b0;
	
}
.toitem_du{
	position:absolute;
	bottom:16rem;
	width:100%;
	height:7rem;
	box-sizing:border-box;
	border:solid 0.1rem #0071b0;
	
}
.toitempr{
	position:absolute;
	top:8px;
	left:10px;
	width:200px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#666;
}
.toitemtxt{
	font-size:14px;
	position:absolute;
	bottom:5px;
	right:10px;
	font-weight:bold;
	color:#0071b0;
}

div.dlinkttt a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.dlinkttt:hover{
	background-color:#cce3ef;
	border:solid 1px #0071b0;
	transition:all 0.5s ease;
}


/* norikae */

div.noriitme{
	width:100%;
	margin-bottom:1rem;
	border-bottom:solid 0.1rem #dedede;
}

div.changeitems{
	width:100%;
	margin-top:2rem;
}
div.changeitems img{
	margin:2rem 0;
	width:50%;
}

div.changeinfo{
	width:100%;
	height:50rem;
	text-align:left;
	position:relative;
}

div.changeinfo .ch_logo1{
	margin-left:20%;
	margin-right:20%;
	width:60%;
}

div.changeinfo .iteminfo2{
	margin:1rem 0 0 0;
	font-size:1.5rem;
	line-height:1.7rem;
}

div.changeinfo .colour_ch{
	margin:1rem 0 0 2.5rem;
	font-size:1.5rem;
}

div.changeinfo .itmecolour{
	width:15%;
	height:25px;
	margin-top:0.5rem;
}

div.changeinfo .itmecolour > p{
	display:none;
}

div.changeinfo .price{
	margin:0.5rem 1rem 0 0;
	font-size:1.5rem;
	color:#555;
}

.chitem{
	position:absolute;
	bottom:20rem;
	width:100%;
	height:7rem;
	border:solid 0.1rem #39a94a;
	
}
.chitem_du{
	position:absolute;
	bottom:12rem;
	width:100%;
	height:7rem;
	border:solid 0.1rem #39a94a;
	
}
.chitem_tri{
	position:absolute;
	bottom:4rem;
	width:100%;
	height:7rem;
	border:solid 0.1rem #39a94a;
	
}
.chitempr{
	position:absolute;
	top:0.8rem;
	left:1rem;
	font-size:1.3rem;
	line-height:1.8rem;
	font-weight:bold;
	color:#555;
}

.shita_pr{
	font-size:1.4rem;
	position:absolute;
	bottom:2.7rem;
	right:1rem;
	font-weight:bold;
	color:#b5272d;
}

.chitemtxt{
	font-size:2.1rem;
	position:absolute;
	bottom:0.5rem;
	right:1rem;
	font-weight:bold;
	color:#555;
}

.changeinfo > .dlinkttt:hover{
	border:solid 1px #39a94a;
	transition:all 0.5s ease;
	background-color:#edfaf4;

}
.changeinfo > .dlinkttt:hover > p.chitemtxt{
	color:#39a94a;
}

/* shitadori table */

div.table_shi{
	width:100%;
	margin-bottom:5rem;
}

table.tbmain_shi{
	width: 100%;
	margin-top:25px;
	border-collapse: collapse;
}
table.tbmain_shi th{
	width: 25%;
	padding: 0.5rem;
	text-align: center;
	font-size:0.8rem;
	vertical-align: center;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
table.tbmain_shi td{
	padding: 1rem;
	font-size:0.7rem;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

table.tbmain_shi td > p.tb_p0{
	font-size:1.2rem;
	font-weight:bold;
	color:#555;
}

table.tbmain_shi td > p.tb_p1{
	font-size:0.7rem;
	font-weight:bold;
	color:#b5272d;
}

table.tbmain_shi td > p.tb_p2{
	font-size:1.2rem;
	font-weight:bold;
	color:#39a94a;
}

table.tbmain_shi td:hover{
	background-color:#edfaf4;
}




footer{
	width:100%;
	height:14rem;
	margin-top:5rem;
	background-color:#f0f0f0;
}

div.ftmain{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

div.ftcon1{
	width:96%;
	margin-top:1rem;
	margin-left:auto;
	margin-right:auto;
}

div.ftcon1 > p{
	font-size:1.3rem;
	margin-top:2rem;
	padding:1rem;
	color:#e14d5a;
	border:solid 0.1rem #e14d5a;
	border-radius: 0.5rem;		/* CSS3草案 */
	-webkit-border-radius: 0.5rem;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0.5rem;	/* Firefox用 */
}

p.ftc_p1, p.ftc_p2{
	width:40%;
}

p.ftc_p2{
	margin-left:1rem;
}

div.ftcon1 > p > a{
	color:#e14d5a;
	text-decoration:none;
}

div.ftcon1 > p > a:hover{
	color:#e14d5a;
	text-decoration:underline;
}

div.ftmain > p{
	font-size:1.3rem;
	padding-top:3.5rem;
	color:#e14d5a;
	
}