@charset "utf-8";

#pankuzu , .ttl-pagename { width: 1000px; margin: 0 auto; display: none;}

body #contents.contents-wide #main.re-column.nBlock .listbtn {display: none !important;}
body #contents.contents-wide #main.re-column.nBlock .planHead .info {min-height: 82px; padding-left: 2px; padding-bottom: 0; padding-top: 6px;}
body #contents.contents-wide #main.re-column.nBlock .planHead .info li {float: none; width: auto;}
body #contents.contents-wide #main.re-column.nBlock .planHead .info li.haiki {display: none;}
body #contents.contents-wide #main.re-column.nBlock .planHead .btmBlock {cursor: pointer;}
body #contents.contents-wide #main.re-column.nBlock .planHead .pic.pic-bg {margin: 0 auto; }
body #contents #main .planHead .inner:hover {background-color: #FEFFDF; cursor: pointer; border-radius: 0 0 5px 5px;}
.resultBlock {/*width: 980px;*/ width:1000px;margin: 0 auto;background-image: none;padding: 0 0 15px 0;border-radius: 5px;background-color: transparent;}
.resultBlock .inner{border: none;background: transparent;}
.resultBlock .resultNum {float: left;margin-top: 6px;font-size: 140%;}
.resultBlock .resultNum span {color: #FF0000;font-family: Arial,Helvetica,sans-serif;font-size: 28px;font-weight: bold;}
.resultBlock .funcs {float: right;border-left: 1px solid #C0C0C0;}
.resultBlock .funcs li {float: right;text-align: center;}
.resultBlock .funcs li.noitem,
.resultBlock .funcs li a {
	display: block;padding: 9px 0px;text-align: center;
}
.resultBlock .funcs li a {text-decoration: underline;}
.resultBlock .funcs li a:hover {text-decoration: none;background-color: #F1F1EF;}
.resultBlock .funcs li.noitem span {display: block; font-weight: bold; text-decoration: none; color: #666;}
.resultBlock .funcs li span {display: block;text-decoration: underline;color: #036EA6;font-weight: bold;font-size: 110%;}
.resultBlock .funcs li span.num:hover {text-decoration: none;}
.resultBlock .funcs li.favorite {width: 90px;}
.resultBlock .funcs li.history {border-right: none;width: 84px;}
#contents.contents-wide #sub.fixPos2 {left: 15px; margin-left: 0;}

/* 一覧の見せ方改修 20160613～
********************/
.popout-block {position: fixed; top: -60px; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; background-color: #FFF; width: 740px; height: 690px; box-shadow: 0 0 5px rgba(0,0,0,.6); z-index: -1; }
.popout-block .close {position: absolute; right: 20px; bottom: 20px; cursor: pointer;}
.popout-block .popout-block-inner {padding: 35px 30px 20px 30px; position: relative;}
.popout-block.hit {z-index: 9; }
.popout-block .dm-ttl {padding-top: 10px;}
.popout-block .dm-ttl a .ttl {width: 88% !important; float: left; padding-top: 1px; font-size: 15px;}

/*モーダル内
******************/
.popout-block .box-pic {float: left; width: 220px; margin-right: 20px;}
.popout-block .box-pic .pic-bg {width: 100% !important; height: 165px !important;}
.popout-box-rt {overflow: hidden;}
.popout-block .popout-meta {height: 38px;}
.popout-block .popout-meta .popout-brand {font-weight: bold; display: inline-block; padding-top: 4px;}
.popout-block .popout-title {font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 1.3;}
.popout-block .popout-table {border: 1px solid #ccc; width: 100%; margin-bottom: 15px;}
.popout-block .popout-table th {width: 80px; background-color: #EDEDED;}
.popout-block .popout-table th,
.popout-block .popout-table td {border: 1px solid #ccc; padding: 5px;}
.popout-option {margin-bottom: 15px;}
.popout-option p {font-weight: bold; margin-bottom: 4px;}
.popout-option ul li {display: inline-block; padding: 2px 10px; border-radius: 2px; background-color: #E0EAF4; margin-bottom: 5px;}
.popout-paymore {margin-top: 15px;}
.popout-paymore dt {background-color: #A0ACBA; color: #fff; margin-bottom: 5px; padding: 2px 5px; font-size: 12px;}
.popout-paymore dd {font-size: 12px; margin-bottom: 15px;}
.popout-block .popoout-pirce {overflow: visible; padding-bottom: 15px; text-align: center; border: 1px solid #CB1B1B; border-radius: 5px;}
.popout-block .popoout-pirce > p {padding: 5px 0; border-bottom: 1px solid #CB1B1B; text-align: center; background-color: #FFE9E9; color: #EB3131; border-radius: 5px 5px 0 0; font-weight: bold;}
.popout-block .popoout-pirce .popoout-pirce-in {background-color: #fff; border-radius: 3px; padding-top: 15px;	}
.popout-block .popoout-pirce .popoout-pirce-in .prc-sagaku {position: static !important;}
.popout-block .popoout-pirce .price {position: relative !important;}
.popout-block .popoout-pirce .price .normal-price {display: inline-block; margin-left: 0; font-family: Arial,Helvetica,sans-serif;  font-size: 20px; margin-right: 8px;}
.popout-block .popoout-pirce .price .normal-price b {text-decoration: line-through;}
.popout-block .popoout-pirce .price .num {display: inline-block; font-weight: bold;
 color: #FF0000; font-family: Arial,Helvetica,sans-serif; font-size: 38px;}
.popout-block .popoout-pirce .popoout-detaile {padding-top: 15px;}
.popout-block .popoout-pirce .popoout-detaile a {color: #FFF; background: #FF0000; border: none; box-shadow: 0 4px 0 #B60000; position: relative; display: block;  padding: 10px 0; border-radius: 5px; text-align: center; text-decoration: none;font-size: 21px; font-weight: bold; margin-right: 10px; margin-left: 10px;}
.popout-block .popoout-pirce .popoout-detaile a:hover, .popout-block .popoout-pirce .popoout-detaile a:focus {background: #EF2727; color: #FFF; text-decoration: none;}
.popout-block .popoout-pirce .popoout-detaile a:active {top: 3px;box-shadow: none; background-color: #FF0000;}
.popout-block .popoout-pirce .popoout-detaile a i {font-size: 16px;}
.p-ninzuu i {display: inline-block; vertical-align: middle; color: #1052B5; font-size: 26px;}
.p-ninzuu i.mi-hito {font-size: 30px;}
.p-ninzuu span {display: inline-block; vertical-align: middle; margin-right: 15px;}
.evaluation {overflow: hidden;}
.evaluation {/*background-color: #FFFDE7;*/ padding: 10px;}
.evaluation li {float: left; width: 48%;}
.evaluation li span.ttl {font-weight: bold; width: 140px; display: inline-block;}
.evaluation li:nth-child(2n) {float: right;}
.eval__star {text-align: right; float: right; padding-top: 5px;}
.eval__star img {display: inline-block; vertical-align: middle; width: 96px;}
.eval__star .eval__star__ttl {display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: bold; font-size: 13px;}
.eval__star .eval__star__num {display: inline-block; vertical-align: middle; margin-left: 5px; font-family: arial; font-size: 17px; font-weight: bold;}
.eval__star a:hover span {text-decoration: none;}
.eval__star a span {text-decoration: underline;}
#pop_period {font-size: 16px;}
#pop_period:after {content: "ご利用料金";}
.popout-block .popoout-pirce .price .normal-price:before {content: "総額"; margin-right: 5px; font-size: 16px; display: inline-block; font-weight: bold; font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif; background-color: #EDEDED; padding: 0 7px;}
@media only screen and (min-width : 767px) {
	body #contents.contents-wide #main.re-column.nBlock .planHead {width: 47%;}
	.detail-more .plan-box .dm-ttl a .ttl {width: 81% !important; float: left; padding-top: 3px;	}
}
@media only screen and (min-width : 1023px) {
	body #contents.contents-wide #main.re-column.nBlock .planHead {width: 31%;}
}
@media only screen and (min-width : 1414px) {
	body #contents.contents-wide #main.re-column.nBlock .planHead {width: 23%;}
}
@media only screen and (min-width : 1590px) {
	body #contents.contents-wide #main.re-column.nBlock .planHead {width: 23%;}
}
.point-getinfo {background-color: #FFFFD1;padding: 2px 0;text-align: center;}
.point-getinfo .color-red{font-size: 16px;}
.point-getinfo .point-getinfo-detail:before {font-family: FontAwesome;content: "\f288";margin-right: 5px;color: #0D6FB8;font-size: 12px;}
.popout-block .popoout-pirce > p.point-getinfo {border: none;color: #333;-webkit-border-radius: 0;border-radius: 0;font-weight: normal;background-color: #fff;}
.popout-block .popoout-pirce > p.point-getinfo .point-getinfo-detail {background-color: #FFFFD1;padding: 2px 15px;}
body #contents.contents-wide #main.re-column.nBlock .planHead .btmBlock {border: none !important;-webkit-border-radius: 0 0 5px 5px !important;border-radius: 0 0 5px 5px !important;}