@charset "utf-8";

/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
body {font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;width:100%;min-width:320px;font-size:1.2rem;background-color:#eef0f2;color:#666;background-color:#eef0f2;color:#666;padding:0;margin:0;}
* {box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
}
#container {background:#fff;text-align:left;overflow:hidden;}
/* ===============================================
	HEADER
=============================================== */
#header {
}

/* ===============================================
	CONTENTS
=============================================== */
.article {
}
.coinattention{margin-bottom:10px;}
.cntTitle{font-size:1.4rem;}
.aboutcointype{text-align:center;font-size:1.4rem;color:#8c5a35;font-weight:bold;margin:10px 5px;letter-spacing:0;}
.cointyle_left {float: left;margin: 0 2% 0 3% ;width: 45%;}
.cointyle_right {float: left;margin: 0 3% 0 2%;width: 45%;}

/*
.cointyle_left{width:auto;margin:0 20px 10px 20px;float:none;}
.cointype_nomalimg{margin:0 auto 5px auto;padding:0;text-align:center;}
.cointype_limitedimg{margin:0 auto 5px auto;padding:0;text-align:center;}
.cointyle_left img{width:50%;min-width:240px;margin:0;}
.cointyle_right{width:auto;margin:0 20px 10px 20px;float:none;}
.cointyle_right img{width:50%;min-width:240px;margin:0;}
*/

.coinget_flow{padding:0 0 10px 0;margin:0 5px 0 5px}
.getwrapper{clear:both;}
.get01wrapper{margin:10px 20px;}
.get02wrapper{margin:10px 20px;}
.get03wrapper{margin:10px 20px;}
.get01{background-color:#de3340;text-align:center;padding:10px 0 5px 0;color:#fff;font-weight:bold;}
.get02{background-color:#33a566;text-align:center;padding:10px 0 5px 0;color:#fff;font-weight:bold;}
.get03{background-color:#33aae0;text-align:center;padding:10px 0 5px 0;color:#fff;font-weight:bold;}
.get01Box{border:solid 4px #de3340;padding:10px 10px 60px 10px;background:url(../img/bg_get01.png) bottom right no-repeat;font-size:1.4rem;line-height:2.2rem;background-size:150% auto;}
.get02Box{border:solid 4px #33a566;padding:10px 10px 40px 10px;background:url(../img/bg_get02.png) bottom right no-repeat;font-size:1.4rem;line-height:2.2rem;background-size:150% auto;}
.get03Box{border:solid 4px #33aae0;padding:10px 10px 50px 10px;background:url(../img/bg_get03.png) bottom right no-repeat;font-size:1.4rem;line-height:2.2rem;background-size:150% auto;}
.get01Box div, .get02Box div, .get03Box div{margin-top:8px;}
.p10box{margin:0 5px 5px 5px;}
.fontbold{margin:5px 0;padding:0;font-weight:bold;color:#6d4121;display:block;font-size:1.8rem;line-height: 2rem;}
.usecoin{margin:0 0 15px 0;}
.shareflow_left{margin:0 auto 10px auto;text-align:center;padding:0 20px;width:50%;min-width:280px;max-width:400px;border: 4px solid #eed;}
.shareflow_right{padding:10px;}
.shareflow_right p{border-bottom:solid 1px #ddd;border-left:solid 10px #ddd; margin:0;padding: 10px;font-weight:bold;}
.shareflow_right .p10{padding:10px;}
.other_considerations{border-bottom:solid 7px #edf3f5;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: 10px;text-indent: -12px;}
.thanksMessage {border: 1px solid #0e8c05;color: #0e8c05;font-weight: bold;margin: 0 0 20px;padding: 15px;text-align: left;margin:0 10px;}
.cntTitle{margin-top:10px;}
.align-c{margin: 0 10px;}
.backAreaCopyright{clear: both;font-size: 1rem;margin: 5px auto 0;padding: 10px 0 0 0;text-align: center;}
.backBrnArea a{background:url(../img/common/arrow.png) no-repeat right 10px;}
.leftline_title{margin:0 5px 5px 5px;padding:3px;border: 1px solid #7dc43d;color: #7dc43d;font-weight: bold;letter-spacing: 0.1rem; font-size:0.9rem;}
.btnminitxt{display:inline-block; padding:4px 5px; background-color:#bcf28c; margin:2px 5px;}
.btnarea{width:100%;padding:0;text-align:center; max-width:460px;margin:0 auto;display:block;}
.GreenBtnArea .texSiz-m{display:block;margin:1px auto 0 auto;}
.coinattention{padding:5px 0 0 0;margin:5px 10px 10px 10px;}
#Header {border-bottom: 5px solid #7bc8ce;clear: both;padding:0 0 5px 0;margin: 0;width: 100%;background-color:#fff;overflow:auto;}
#Header .logoarea{width:100%;margin:0 auto;}
#Header .D-HeaderLogo {display: block;float: left;margin: 5px 5px 0 10px;position: relative;width:40%;height:28px;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;margin:20px 10px;}
#Container h2{letter-spacing:0.2rem;border-left:solid 10px #7bc8ce;border-bottom:solid 1px #f6f6f6;padding:10px 10px 10px 15px;font-size:1.4rem;font-weight:bold;margin:0;}
#Container h3{margin:20px 0 0 0;padding:0 0 4px 2px;font-size:1.4rem;font-weight:bold;background:#fff;letter-spacing:0.1rem;}
#ContentBox{padding:10px;}
.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:1.4rem;margin:0 10px;}
.cbuyBox{border:solid 4px #7dc43d;padding:10px;margin:0 10px;}
.cbuyindetail{padding-left:1px;}
.cbuydetail{font-weight:bold;letter-spacing: 0.1rem;}
/*****************************************************/
.Reservation_contents{text-align:left;padding:0 0 20px 0;}
.order_left{text-align:center;;padding:4px 15px;margin:0 auto 5px auto;background:#eee;}
.order_right{padding:5px;margin:0 auto 5px auto;padding:5px;font-weight:bold;}
.order_message{padding:0 10px 10px 10px;clear:both;}
.order_finishmessage{padding:0 10px 15px 10px;clear:both;}
.detailattentxt{margin:5px 5px 5px 0;font-weight:bold;font-size:1.1rem;display:block;border-left:solid 4px #999;padding:0 0 0 10px;color:#777;}
.detailMessage{background-color: #ddd;padding:10px;text-align:left;margin:0;}
.detailMessage li{padding:0 0 5px 1rem;font-size:1rem;text-indent: -1rem;}
.order_finish{text-align:left;clear:both;padding:10px;}
.order_finish .linkbtn4{box-sizing:border-box;margin:0 auto 10px auto;text-align:left;max-width:360px;}
.order_finish .linkbtn4 a{width:100%;height:100%;padding:10px 0px 10px 8px;
text-decoration:none;
font-size:1.2rem;
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 span{font-size:80%;font-weight:normal;display:inline-block;padding-left:4px;}
.backBtnArea a {background: rgba(0, 0, 0, 0) url("../img/common/arrow.png") no-repeat scroll right 10px;}
/*****************************************************/
.bonusbox{clear:both; background-color:#f1ff79; margin:5px 10px 10px 10px; padding:10px; color:#723f19;}
.bonusbox .bonustitle{font-weight:bold;display:block; margin-bottom:2px; color:#723f19;}
.bonusbox .bonustxt{display:inline-block; margin-bottom:7px;}
.bonus_detail { border:solid 1px #fff; padding:10px; font-size:90%;}
.bonus_detail li{margin-bottom:0px;margin-left:10px;text-indent:-10px;}
.cardsave_checkbox_wrap{text-align:center;margin:5px 0 0 0;}
.cardsave_checkbox input{margin: 0 10px 0 0;}
.cardsave_checkbox{font-weight:bold;margin:0 10px 5px 10px;}
.cardsave_detail{text-align:left;margin:0 10px;font-size:90%;}
.buycoin{padding:10px;}