@charset "utf-8";


/*-----------------------------
	contents
------------------------------*/
article{
	background:#fff;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

.read{
	font-weight:normal;
}
.flow{
	padding-top:2px;
	background:#fff;
}
/* icon */
.icon{
	clear:both;
	font-size:130%;
	font-weight:bold;
	margin-bottom:5px;
}
.icon span{
	color:#FF8B43;
}
.icon small{
	font-size:85%;
	font-weight:normal;
}
.icon img{
	vertical-align:middle;
	margin-left:5px;
	margin-bottom:4px;
}
.cautionary_note {
	font-size:110%;
	font-weight:bold;
	color: red;
}
.confirm_caution {
	margin: 40px auto;
	padding: 10px 15px;
	border: 1px solid red;
	width: 520px;
}
.confirm_caution span {
	color: red;
}

/* gender-btn1 */
ul.gender-btn1,
ul.gender-btn2{
	clear:both;
	overflow:hidden;
}
ul.gender-btn1 li{
	float:left;
	width:31.6%;
	margin-right:2.4%;
}
ul.gender-btn1 li:nth-child(3n){
	margin-right:0;
}
ul.gender-btn2 li{
	float:left;
}
ul.gender-btn2 li:nth-child(2n){
	float:right;
}



/*-----------------------------
	index
------------------------------*/

.book-wrap{
	clear:both;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#fff;
}
.book-wrap div{
	padding:0 20px;
	overflow:hidden;
}
.book-wrap div .point a{
	text-decoration:underline;
}
.book-wrap.lightbluebox em,
.book-wrap.lightbluebox span{
	color:#7CBADD;
}
.book-wrap.lightbluebox .baai{
	float:left;
	width:240px;
	margin-bottom:30px;
}
.book-wrap.lightbluebox .point{
	float:right;
	width:394px;
	padding:10px 15px;
	background:#E5F1F8;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:30px;
}
.book-wrap.purplebox em,
.book-wrap.purplebox span{
	color:#A78CBF;
}
.book-wrap.purplebox .baai{
	float:left;
	width:240px;
	margin-bottom:30px;
}
.book-wrap.purplebox .point{
	float:right;
	width:394px;
	padding:10px 15px;
	background:#EDE8F2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:30px;
}
.book-wrap.purplebox .point p.dot{
	display:inline-block;
	padding:5px 15px;
	border:2px dotted #A78CBF;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
}
.book-wrap.greenbox em,
.book-wrap.greenbox span{
	color:#A3D293;
}
.book-wrap.greenbox .nick{
	padding:0 0 10px 23px;
	border:2px dotted #A3D293;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:20px;
	overflow:visible;
}
.book-wrap.greenbox .nick .title img{
	margin:-20px 0 0 -25px;
}
.book-wrap.greenbox .baai{
	float:left;
	width:270px;
	margin-bottom:30px;
}
.book-wrap.greenbox .point{
	float:right;
	width:360px;
	padding:10px 15px;
	background:#EDF6E9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:30px;
}
.book-wrap.bluebox em,
.book-wrap.bluebox span{
	color:#588AC6;
}
.book-wrap.bluebox .baai{
	float:left;
	width:270px;
	margin-bottom:30px;
}
.book-wrap.bluebox .point{
	float:right;
	width:364px;
	padding:10px 15px;
	background:#DEE8F4;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:30px;
}
.ml-5 img{
	margin-left:-5px;
}
.other{
	clear:both;
	padding:20px;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
}
.other dl{
	font-size:115%;
	background:#F1F0EF;
}
.other dl.f-left{
	width:429px;
}
.other dl.f-right{
	width:222px;
}
.other dl dd{
	height:170px;
	padding:10px 10px 0;
}
.other dl dd ul{
	float:left;
	width:50%;
	margin-bottom:5px;
}



/*-----------------------------
	kiyaku
------------------------------*/

.kiyaku{
	padding:15px 40px 60px;
	background:#fff;
}
.kiyaku div{
	height:225px;
	margin-bottom:25px;
	padding:15px 25px;
	background:#fff;
	overflow:auto;
	border:1px solid #C7C7C8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.kiyaku div dl dd{
	padding-left:-1em;
	text-indent:1em;
}
.kiyaku .doui{
	text-align:center;
}



/*-----------------------------
	seiform
------------------------------*/

/* seiform */
.seiform{
	padding:15px 40px 60px;
	background:#fff;
}
.seiform small{
	font-size:85%;
	font-weight:normal;
}
.seiform .name{
	padding-right:20px;
}
.seiform .name span{
	font-size:115%;
	vertical-align:bottom;
}
.seiform .name input{
	width:400px;
	height:40px;
	padding:10px 15px;
	font-size:130%;
}
.seiform .kakusu input{
	width:30px;
	margin-right:5px;
	text-align:center;
	vertical-align:bottom;
	margin-top: 5px;
}
.seiform .kakusu span{
	font-size:115%;
	margin-right:10px;
}
.seiform .name_kakucheck .name_area {
	width: 350px;
	float: left;
}
.seiform .name_kakucheck .name_area input {
    font-size: 130%;
    height: 40px;
    width: 300px;
}
.seiform .atnChar {
	margin-bottom: 10px;
}
/*-----------------------------
	listform
------------------------------*/

/* listform */
.listform{
	padding:15px 40px 60px;
	background:#fff;
}
.listform .s-year{
	width:120px;
}
.listform .s-mon,
.listform .s-day{
	width:80px;
}
.listform div span{
	vertical-align:bottom;
}
.listform .name{
	padding-right:30px;
	position:relative;
}
.listform .name span{
	position:absolute;
	right:0;
	font-size:115%;
	line-height:37px;
	vertical-align:bottom;
}
.listform .kakusu input{
	width:35px;
	margin-right:5px;
}
.listform .kakusu span{
	font-size:115%;
	line-height:37px;
	vertical-align:bottom;
	margin-right:10px;
}
.list-box{
	border-right:1px solid #7A6B64;
	border-bottom:1px solid #7A6B64;
	border-left:1px solid #7A6B64;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	background:#fff;
}
.list-box .bg-white{
	padding:15px 25px 0;
}
.list-box .bg-white img{
	vertical-align:middle;
	margin:0 5px 0 0;
}
.list-box .list-inner div{
	padding:10px 10px 20px;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}
.list-box .list-inner div:nth-child(even){
	background:#F7F5F3;
	border-bottom:1px solid #DDD9D7;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.list-box .list-inner div p.matter span{
	display:inline-block;
	width:72px;
	font-size:85%;
	text-align:center;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	background:#F7F5F3;
}
.list-box .list-inner div:nth-child(even) p.matter span{
	background:#fff;
}
.list-box .list-inner div ul{
	clear:both;
	overflow:hidden;
}
.list-box .list-inner div ul li{
	float:left;
	width:33%;
	margin-right:0.5%;
}
.list-box .list-inner div ul li:nth-child(3n){
	margin-right:0;
}
.list-box .list-inner div p.matter{
	text-align:right;
}
.list-box .add{
	text-align:center;
	font-size:115%;
	font-weight:bold;
	padding:15px 0;
	background:url(/book/images/pc/arrow-btm.png) no-repeat center bottom #FFFFFF;
	margin-bottom:15px;
}
.list-box .add span{
	font-size:85%;
}

/* inputform */
.inputform ul.name{
	clear:both;
	overflow:hidden;
}
.inputform ul.name li{
	float:left;
	width:47%;
}
.inputform ul.name li:nth-child(2){
	float:right;
}
.inputform .addip{
	clear:both;
	overflow:hidden;
}
.inputform .addip .add1{
	width:23%;
	margin-right:3px;
}
.inputform .addip .add2{
	width:28%;
	margin-left:3px;
}
.inputform .addip .addbtn{
	float:right;
	cursor:pointer;
	width:119px;
	height:35px;
	border:none;
	outline:none;
	background:url(/book/images/pc/input-add.png) no-repeat center top;
	-webkit-background-size:119px 35px;
	-moz-background-size:119px 35px;
	background-size:119px 35px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.inputform .division select{
	width:auto;
}
.inputform .list-box .addip .addbtn{
	width:110px;
}
/* book-tb */
table.book-tb{
	width:100%;
	border:1px solid #E3DED7;
}
table.book-tb tr th{
	font-weight:bold;
	background:#E3DED7;
	vertical-align:middle;
	border-top:1px solid #fff;
	position:relative;
	text-align:left;
	width:210px;
	box-sizing:border-box;
	padding-right:45px;
	padding-left:25px;
	line-height:1.2;
}
table.book-tb.check-tb tr th{
	width:145px;
	padding-right:5px;
}
table.book-tb tr th img{
	position:absolute;
	top:0;
	right:15px;
	bottom:0;
	width:35px;
	height:16px;
	margin:auto;
}
table.book-tb tr th small{
	font-size:85%;
}
table.book-tb tr:first-child th{
	border-top:none;
}
table.book-tb tr td{
	padding:15px 20px;
	border-top:1px solid #E3DED7;
}
table.book-tb tr:first-child td{
	border-top:none;
}
table.book-tb tr td span{
	vertical-align:bottom;
	margin-right:10px;
}
table.book-tb tr td input[type="text"],
table.book-tb tr td input[type="email"],
table.book-tb tr td input[type="number"],
table.book-tb tr td select{
	height:40px;
	padding:10px 15px;
}
table.book-tb tr td select{
	width:200px;
}
table.book-tb2{
	width:100%;
}
table.book-tb2 tr th{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background:#E3DED7;
}
table.book-tb2 tr th.w-112{
	width:112px;
}
table.book-tb2 tr th.w-263{
	width:263px;
}
table.book-tb2 tr th small{
	font-size:85%;
	font-weight:normal;
}
table.book-tb2 tr td{
	text-align:center;
	padding:15px 0;
	background:#F7F5F3;
	vertical-align:middle;
}
table.book-tb2 tr td.w-34{
	width:34px;
	text-align:center;
	font-size:115%;
	font-weight:bold;
}
table.book-tb2 tr:nth-child(even) td{
	background:#fff;
}
table.book-tb2 tr td em{
	font-size:115%;
	font-weight:bold;
	margin-right:10px;
}
table.book-tb2 tr td input[type="text"]{
	width:310px;
	height:40px;
}
table.book-tb2 tr td input[type="text"].w145{
	width:145px;
}
table.book-tb2 tr td ul.gender-list{
	clear:both;
	overflow:hidden;
}
table.book-tb2 tr td ul.gender-list li{
	display:inline-block;
	margin-left:1px;
}
table.book-tb2 tr td ul.gender-list li:first-child{
	margin-left:0;
}
table.book-tb2 tr td ul li img{
	vertical-align:middle;
}
table.book-tb2 tr td ul.gender-list2 li{
	margin-bottom:1px;
	vertical-align:middle;
	display:inline-block;
}

table.book-tb2 tr td ul.imagelist li{
	display:inline-block;
	margin:0 3px 3px 0;
    float:left;
}

/* inputform */
.inputform{
	padding:15px 40px 60px;
	background:#fff;
}
.inputform ul.name{
	clear:both;
	overflow:hidden;
}
.inputform ul.name li{
	float:left;
	width:47%;
}
.inputform ul.name li:nth-child(2){
	float:right;
}
.inputform ul.name li input[type="text"]{
	width:145px;
}
.inputform ul.name li span{
	vertical-align:middle;
}
table.book-tb tr td  ul.name li span{
	margin-right:4px;
	display:inline-block;
	width:24px;
	text-align:right;
}
.inputform .addip{
	clear:both;
	overflow:hidden;
}
.inputform .addip .add1{
	width:23%;
	margin-right:3px;
}
.inputform .addip .add2{
	width:28%;
	margin-left:3px;
}
.inputform .addip .addbtn{
	float:right;
	cursor:pointer;
	width:136px;
	height:40px;
	border:none;
	outline:none;
	background:url(/book/images/pc/input-add.png) no-repeat center top;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.inputform .division select{
	width:auto;
}
.inputform .list-box .addip .addbtn{
	width:110px;
}

.inputform .send{
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
}
.inputform .send .send-btn{
	float:right;
	margin-left:20px;
	width:225px;
	box-sizing:border-box;
	padding:10px 5px 10px 30px;
	background:#E3DED7;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.inputform .list-box .list-box-inner2{
	padding:25px 25px 35px;
}
.inputform .list-box .list-box-inner2 .list-box-read img{
	margin-right:5px;
}
.inputform input.pw{
	width:365px;
	height:40px;
	padding:10px 15px;
}
.inputform textarea{
	height:100px;
}




/*-----------------------------
	input2
------------------------------*/
/* input2-title */
.input2-title{
	clear:both;
	font-size:120%;
	padding:3px 10px;
	background:#E3DED7;
}
/* mean-cont */
.mean-cont{
	background:#fff;
	padding:20px 40px 60px;
}
.mean-cont .attention{
	text-align:center;
	font-size:175%;
}
.mean-cont .attention img{
	vertical-align:middle;
	margin:0 2px 6px 0;
}
.mean-cont .cap{
	font-size:145%;
	font-weight:bold;
}
.mean-cont dl{
	padding:12px 10px;
	border-bottom:1px solid #C7BEAE;
}
.mean-cont dl:first-of-type{
	background:none;
}
.mean-cont dl dt{
	float:left;
	font-weight:bold;
	width:40%;
}
.mean-cont dl dd{
	overflow:hidden;
}
.mean-cont dl dd span{
	margin-right:10px;
}
.mean-cont dl dd ul{
	clear:both;
	overflow:hidden;
}
.mean-cont dl dd ul li{
	margin-bottom:10px;
}
.mean-cont dl dd ul li:last-child{
	margin-bottom:0;
}
.mean-cont table.book-tb th{
	width:145px;
	padding:10px 20px;
}
.mean-cont table.book-tb th small{
	font-weight:normal;
}
.mean-cont table.book-tb table th{
	padding:2px;
	text-align:center;
	color:#fff;
	background:#D5CEC2;
	border-left:1px solid #fff;
}
.mean-cont table.book-tb table td{
	padding:2px;
	text-align:center;
	border-top:none;
	border-left:1px solid #D5CEC2;
	background:#fff;
}
.mean-cont table.book-tb table tr:nth-child(even) td{
	background:#F4F2EF;
}
.mean-cont table.book-tb table th:first-child,
.mean-cont table.book-tb table td:first-child{
	border-left:none;
}
.mean-cont .meimei-list{
	text-align:center;
}
.mean-cont .meimei-list a{
	display:inline-block;
	width:175px;
	box-sizing:border-box;
	border:1px solid #998D88;
	position:relative;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	padding:3px 0 3px 10px;
}
.mean-cont .meimei-list a span{
	position:absolute;
	top:2px;
	left:12px;
}
.mean-cont .book-tb.price th,
.mean-cont .book-tb.price td{
	text-align:center;
}
.mean-cont .book-tb.price th{
	padding:2px;
}
.mean-cont .book-tb.price td{
	padding:10px 20px;
}
.mean-cont .book-tb.price th:last-child{
	border-left:1px solid #fff;
}
.mean-cont .book-tb.price td:last-child{
	border-left:1px solid #E3DED7;
}