@charset "utf-8";

/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
body {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:1.6rem;
	text-align:center;
}
body.bgc{background-color:#eef0f2;margin:0;padding: 0;}
#container {
	width:100%;
	text-align:center;
	overflow: hidden;
	background-color:#edf3f5;
}
/* ===============================================
	CONTENTS
=============================================== */
.cntTitle{padding:8px;font-size:2rem;}
.article {
}
.coinget_flow{clear:both;overflow:auto;margin-bottom:10px;}
.shareflow_left{margin:0 0 0 2px;padding:4px;float:left;width:450px;border:solid 4px #eed;}
.shareflow_right{float:left;width:300px;margin:5px 10px 10px 22px;letter-spacing:0.1rem;}
.getwrapper{clear:both;overflow:auto;margin:0 4px;}
.get01wrapper{margin:10px;float:left;width:244px;}
.get02wrapper{margin:10px 4px;float:left;width:250px;}
.get03wrapper{margin:10px;float:left;width:244px;}
.get01{background-color:#de3340;text-align:center;padding:10px;color:#fff;font-weight:bold;height:40px;}
.get02{background-color:#33a566;text-align:center;padding:10px;color:#fff;font-weight:bold;height:40px;}
.get03{background-color:#33aae0;text-align:center;padding:10px;color:#fff;font-weight:bold;height:40px;}
.get01Box{border:solid 4px #de3340;padding:10px;background:url(../img/bg_get01.png) bottom right no-repeat;font-size:1.4rem;height:220px;line-height:2.2rem;}
.get02Box{border:solid 4px #33a566;padding:10px;background:url(../img/bg_get02.png) bottom right no-repeat;font-size:1.4rem;height:220px;line-height:2.2rem;}
.get03Box{border:solid 4px #33aae0;padding:10px;background:url(../img/bg_get03.png) bottom right no-repeat;font-size:1.4rem;height:220px;line-height:2.2rem;}
.get01Box div, .get02Box div, .get03Box div{margin-top:8px;}
.p10{margin-bottom:10px;}
.p10box{margin:0 10px 10px 10px;}
.fontbold{margin:0 0 0 1px;padding:0 18px 5px;font-weight:bold;color:#6d4121;display:block;font-size:2.6rem;}
.other_considerations{margin:0 4px 15px 4px;padding:0 10px 15px 10px;}
.last{
border-bottom:none;
margin-bottom: 0;
padding-bottom: 0;}
.other_considerations li{
margin-bottom: 6px;
margin-left: 16px;
text-indent: -16px;}
.thanksMessage {border: 1px solid #0e8c05;color: #0e8c05;font-weight: bold;margin: 0 40px 20px 40px;padding: 15px;text-align:center;letter-spacing:0.2rem;}
.backBrnArea a {margin: 19px auto 20px;width: 460px;}
.backBrnArea a {padding: 10px;}
.backBrnArea a {background: url("../img/common/arrow.png") no-repeat scroll right 13px rgba(0, 0, 0, 0);}
.btnminitxt{display:inline-block; padding:4px 5px; background-color:#bcf28c; margin:3px 5px 0 5px;}
.btnarea{width:460px; margin:0 auto;}
.GreenBtnArea .texSiz-m{display:block;margin:1px auto 0 auto;}
#Header {border-bottom: 5px solid #7bc8ce;clear: both;height: 60px;padding:0px;margin: 0;width: 100%;background-color:#fff;}
#Header .logoarea{width:770px;margin:0 auto;}
#Header .D-HeaderLogo {float: left;position: relative;display: block;margin: 10px 5px 0 5px;width:40%;height:30px;background:transparent url(//c.bookwalker.jp/ex/scc/common/img/logo_bookwalker.svg) no-repeat 50% 50%;background-size: contain;background-repeat: no-repeat;}
#Container{background-color:#fff;width:750px;margin:20px auto;}
#Container h2{letter-spacing:0.2rem;border-left:solid 10px #7bc8ce;border-bottom:solid 1px #f6f6f6;padding:10px 10px 10px 15px;font-size:1.8rem;font-weight:bold;margin:0;text-align:left;}
#Container h3{margin:20px 0 0 0;padding:0 0 6px 2px;font-size:1.5rem;font-weight:bold;background:#fff;letter-spacing:0.1rem;text-align:left;}
#ContentBox{padding:30px;}
.shareproLink{display:block;text-align:right;font-size:80%;}
.cbuyTitle{background-color:#7dc43d;color: #fff;display:block;font-weight: bold;margin:0;padding: 8px;font-size: 2rem;}
.cbuyBox{border:solid 4px #7dc43d;padding:10px;}
.cbuyindetail{padding-left:10px;}
.cbuydetail{letter-spacing: 0.1rem;}
/*****************************************************/
.Reservation_contents{text-align:left;}
.order_left{text-align:center;float:left;width:100px;border:solid 1px #dcdcdc;padding:4px 15px;margin:0 auto 5px auto;background:#eee;}
.order_right{padding:5px;float:left;width:500px;margin:0 auto 5px auto;padding:5px 0 5px 25px;font-weight:bold;}
.order_message{padding:20px 10px;clear:both;}
.order_finishmessage{padding:0 10px 20px 10px;clear:both;}
.detailattentxt{margin:5px 5px 5px 0;font-weight:bold;font-size:1.4rem;display:block;border-left:solid 4px #999;padding:0 0 0 10px;color:#777;}
.detailMessage{background-color: #ddd;padding:10px;text-align:left;margin:30px 0 10px 0;}
.detailMessage li{padding:0 0 5px 1.4rem;font-size:1.4rem;text-indent: -1.4rem;}
.order_finish{text-align:left;clear:both;}
.order_finish .linkbtn4{box-sizing:border-box;margin:0 2% 15px 2%;width:46%;float:left;text-align:center;}
.order_finish .linkbtn4 a{width:100%;height:100%;padding:10px 5px;
text-decoration:none;
font-size: 16px;
font-weight: bold;
color:#fff;
-webkit-border-radius: 4px;  /* Safari,Google Chrome */
-moz-border-radius: 4px;      /* Firefox12まで */
border-radius: 4px;           /* Firefox13以降 */
background-color: #a4a397;
box-shadow: 0 2px 0 #807e6a;
-moz-box-shadow: 0 2px 0 #807e6a;
-webkit-box-shadow: 0 2px 0 #807e6a;
-o-box-shadow: 0 2px 0 #807e6a;
-ms-box-shadow: 0 2px 0 #807e6a;
display:block;
zoom: 1;}
.order_finish .linkbtn4 a:hover {padding:10px 5px;
text-decoration:none;
color:#fff;
margin-top:2px;
margin-bottom:-2px;
-webkit-border-radius: 4px;  /* Safari,Google Chrome */
-moz-border-radius: 4px;      /* Firefox12まで */
border-radius: 4px;           /* Firefox13以降 */
background-color: #a4a397;
box-shadow: 0 -2px 0 #807e6a;
-moz-box-shadow: 0 -2px 0 #807e6a;
-webkit-box-shadow: 0 -2px 0 #807e6a;
-o-box-shadow: 0 -2px 0 #807e6a;
-ms-box-shadow: 0 -2px 0 #807e6a;
display:block;
zoom: 1;
width:100%;
}
.order_finish .linkbtn4 span{display:block;font-size:80%;font-weight:normal;}
.backBtnArea a {background: rgba(0, 0, 0, 0) url("../img/common/arrow.png") no-repeat scroll right 13px;}
/*****************************************************/
.bonusbox{clear:both; background-color:#f1ff79; margin:0 20px 15px 20px; padding:12px; color:#723f19; border:solid 3px #f3e02d;}
.bonusbox .bonustitle{font-weight:bold;display:block; margin-bottom:5px; color:#723f19;}
.bonusbox .bonustxt{font-weight:bold; display:inline-block; margin-bottom:10px;}
.bonus_detail { border:solid 2px #fff; padding:10px; font-size:90%;}
.bonus_detail li{margin-bottom:0px;margin-left: 16px;text-indent: -16px;font-weight:bold;}
.cardsave_checkbox_wrap{text-align:center;margin:15px 0 0 0;}
.cardsave_checkbox input{margin: 0 10px 0 0;}
.cardsave_checkbox{font-weight:bold;margin-bottom:5px;}
.cardsave_detail{text-align:center;margin:0;font-size:90%;}
.buycoin{padding:10px;}