/** common **/
/* 文字サイズ */
.px10{font-size:10px;line-height:15px;}
.px11{font-size:11px;line-height:16px;}
.px12{font-size:12px;line-height:18px;}
.px13{font-size:13px;line-height:19px;}
.px14{font-size:14px;line-height:21px;}
.px16{font-size:16px;line-height:24px;}

/* 隙間 */
.t3{margin-top:3px;}
.t5{margin-top:5px;}
.t10{margin-top:10px;}
.t15{margin-top:15px;}
.t20{margin-top:20px;}
.t30{margin-top:30px;}
.t40{margin-top:40px;}

.b5{margin-bottom:5px;}
.b10{margin-bottom:10px;}
.b15{margin-bottom:15px;}
.b20{margin-bottom:20px;}
.b25{margin-bottom:25px;}
.b30{margin-bottom:30px;}
.b40{margin-bottom:40px;}

.r2{margin-right:2px;}
.r3{margin-right:3px;}
.r5{margin-right:5px;}
.r10{margin-right:10px;}
.l3{margin-left:3px;}
.l5{margin-left:5px;}
.l10{margin-left:10px;}
.lr5{margin:0px 5px;}
.lr10{margin:0px 10px;}
.lr20{margin:0px 20px;}
.t10l10{margin-top:10px;margin-left:10px;}

.tp5{padding-top:5px;}
.tp10{padding-top:10px;}
.tp15{padding-top:15px;}
.tp20{padding-top:20px;}
.bp5{padding-bottom:5px;}
.bp10{padding-bottom:10px;}
.bp15{padding-bottom:15px;}
.bp20{padding-bottom:20px;}
.lp5{padding-left:5px;}
.lp10{padding-left:10px;}
.lp15{padding-left:15px;}
.lp20{padding-left:20px;}
.lp25{padding-left:25px;}
.rp5{padding-right:5px;}
.rp10{padding-right:10px;}
.rp15{padding-right:15px;}

.pad3{padding:3px;}
.pad3-6{padding:3px 6px;}
.pad5{padding:5px;}
.pad10{padding:10px;}

/* 背景色 */
.bggry-cc{background:#ccc;}
.bggry-df{background:#dfdfdf;}
.bggry-e0{background:#e0e0e0;}
.bggry-eb{background:#ebebeb;}
.bggry-f1{background:#f1f1f1;}
.bggry-f3{background:#f3f3f3;}
.bggry-f5{background:#f5f5f5;}
.bg-white{background:#fff;}
.bg-yellow{background:#fff7d8;}
.tablebg{background:#ccc;}

/* 文字色 */
.gry3{color:#333;}
.gry6{color:#666;}
.gry9{color:#999;}

.red9{color:#900;}
.redc{color:#c00;}
.red{color:#f00;}

.org{color:#f60;}

.grn9{color:#090;}
.grnc{color:#0c0;}
.grnf{color:#0f0;}
.grn{color:#390;}

.blue9{color:#009;}
.bluec{color:#00c;}
.blue{color:#00f;}

.list_nml{color:#000;}
.list_adult{color:#f06;}
.list_cd{color:#060;}

.wt{color:#fff;}

.ylw{color:#f90;}

.menuttl{color:#069;}

.error{margin:10px 0 5px;color:#c00;}

/** ここまで **/

/* サイズ変更 */
.hasLeftMenu{
	background: url(/pc/img/guide_v2/cmn/left_sidebg.gif) repeat-y left top;
}

.left_side{
	width:202px;
	padding:0 0 20px;
}

.main_contents{
	padding-right: 202px;
	margin-right: -202px;
}

#breadcrumb{
	margin-left: 20px;
}

#guide section{
	counter-reset:h3Num;
}

#guide h1{
	border-bottom: 2px solid #888888;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	padding: 10px 20px;
	margin-bottom: 20px;
	background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -o-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	-pie-background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
}

#guide h2{
	font-weight: bold;
	background: #efefef;
	padding: 10px 10px 10px 30px;
	font-size:14px;
	margin-bottom: 12px;
}

#guide h1.hasSpot,
#guide h1.hasMonthly,
#guide h2.hasSpot,
#guide h2.hasMonthly{
	position:relative;
}

#guide h1.hasSpot:after{
	display:inline-block;
	position:absolute;
	width:48px;
	height:16px;
	right:40px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_spot.png") no-repeat;
	background-size: 100% auto;
}

#guide h1.hasMonthly:after{
	display:inline-block;
	position:absolute;
	width:48px;
	height:16px;
	right:40px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_monthly.png") no-repeat;
	background-size: 100% auto;
}

#guide h2.hasSpot:after{
	display:inline-block;
	position:absolute;
	width:48px;
	height:16px;
	right:40px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_spot.png") no-repeat;
	background-size: 100% auto;
}

#guide h2.hasMonthly:after{
	display:inline-block;
	position:absolute;
	width:48px;
	height:16px;
	right:40px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_monthly.png") no-repeat;
	background-size: 100% auto;
}

#guide h3{
	font-weight: bold;
	background: #e8f7fe;
	padding: 5px 8px 5px 30px;
	margin-bottom: 10px;
}

#guide h3.withNum:before{
	counter-increment: h3Num;
	content: counter(h3Num) ". ";
}

#guide .counterReset{
	counter-reset: h3Num;
}

.guideText{
	margin:10px 40px 40px;
}

.guideNoteText{
	margin:10px 40px;
}

.guideImage{
	margin:10px 40px 40px;
	text-align:center;
}

.guideHint {
    display: flex;
    margin: 10px 40px 40px;
}

.guideHint dt {
    display: flex;
    align-items: center;
    width: 20%;
	color: #FFF;
	font-weight: 700;
    padding: 5px 8px;
    background: #329ec2;
}

.guideHint dd {
    width: 80%;
    padding: 5px 8px;
    background: #d6eef5;
}

.guideTable{
	margin:10px 40px 40px;
}

.guideTable table{
	width:100%;
	border:1px solid #666;
	border-collapse:collapse;
}

.guideTable th{
	border:1px solid #666;
	padding:5px 8px;
	background:#efefef;
	text-align:left;
	font-weight:bold;
	vertical-align:middle;
	width: 20%;
}

.guideTable th.head{
	background:#d6d6d6;
	width: 100%;
}

.guideTable th.hasSpot:after{
	display:inline-block;
	width:48px;
	height:16px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_spot.png") no-repeat;
	background-size: 100% auto;
	float: right;
}

.guideTable th.hasMonthly:after{
	display:inline-block;
	width:48px;
	height:16px;
	content:"";
	background:url("/pc/img/guide_v2/cmn/label_monthly.png") no-repeat;
	background-size: 100% auto;
	float: right;
}

.guideTable td{
	border:1px solid #666;
	padding:5px 8px;
	text-align:left;
	vertical-align:middle;
}

.guideTable.-spotRental * {
	text-align: center !important;
}

.guideTable.-spotRental .red {
	font-weight: bold;
}

.guideTable .widthAuto th{
	width:auto !important;
	white-space:nowrap;
}

.guideTableInTable dt{
	float:left;
	width:9em;
}

.guideTableInTable dd{
	margin-left:10em;
}

.guideText .rightSide.link,
.guideTable .link,
.attentionBox .link,
.linkList .link{
	text-align:right;
}

.link a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 11px;
	vertical-align: middle;
	text-decoration: none;
	text-indent: 0;
}

.link a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	box-sizing: border-box;
	border-left: 4px solid #0068b7;
	margin: auto;
	vertical-align: middle;
}

.link a:hover::before{
	border-left: 4px solid #0099b7;
}

.guideTable .link{
	display: inline;
	float: right;
	clear: both;
}

.guideTable .link a {
	display: inline;
	margin-left: 10px;
}

li.hasLink,
li.hasLink + li {
	clear: both;
}

.attentionBox{
	margin:10px 40px 40px;
}

.caution,
.hint,
.active,
.disable{
	display:table;
	width:100%;
}

.caution + .caution,
.caution + .hint,
.hint + .hint,
.hint + .caution{
	margin-top:10px;
}

.active,
.disable{
	margin-bottom: 3px;
}

.caution dt,
.hint dt{
	display:table-cell;
	width:20%;
	padding:5px 8px;
	color:#fff;
	font-weight:bold;
	vertical-align: middle;
}

.active dt,
.disable dt{
	display:table-cell;
	width:40%;
	padding:5px 8px;
	color:#fff;
	font-weight:bold;
	vertical-align: middle;
}

.caution dd,
.hint dd,
.active dd,
.disable dd{
	display:table-cell;
	padding:5px 8px;
	vertical-align: middle;
}

.caution dt{
	background:#e06b61;
}

.caution dd{
	background:#fae7df;
}

.hint dt{
	background:#319ec2;
}

.hint dd{
	background:#d6eef5;
}

.active dt{
	background:#c8eba2;
	color:#333;
	font-weight:normal;
}

.active dd{
	background:#eaf1dd;
	border-left:3px solid #fff;
}

.disable dt{
	background:#e0e0e0;
	color:#333;
	font-weight:normal;
}

.disable dd{
	background:#f2f2f2;
	border-left:3px solid #fff;
}

#guide .rentalBtn,
#guide .rentalBtnDone{
	display:inline-block;
	width:100px;
	height:21px;
	background:url(/cmn/img/btn_add_rental_set.png) no-repeat;
	background-size: 100% auto;
	overflow:hidden;
	text-indent:-9999px;
}
#guide .large.rentalBtn,
#guide .large.rentalBtnDone,
#guide .seriesBtn{
	display:inline-block;
	width:180px;
	height:37px;
	margin: 7px 15px 0 0;
	background:url(/cmn/img/btn_add_cart_large_set.png) no-repeat;
	background-size: 100% auto;
	overflow:hidden;
	text-indent:-9999px;
}

#guide .rentalBtn,
#guide .large.rentalBtn{
	background-position:center top;
}
#guide .rentalBtnDone,
#guide .large.rentalBtnDone{
	background-position:center 66.6666666666667%;
	background-position:center calc(124/186*100%);
}
#guide .seriesBtn{
	background-position:center bottom;
}
.linkList{
	margin:0 40px;
}

.linkList ul {
	padding:0 0 5px 20px;
}

.linkList ul li {
	list-style-type: disc;
	clear: both;
}

.linkList .link{
	float: right;
	clear: right;
}

.guideIconList{
	display:table;
	width:100%;
}

.guideIconList dt{
	width:120px;
	float:left;
	clear:left;
}

.guideIconList dd{
	width:590px;
	width:calc(100% - 120px);
	margin:0;
	padding:3px 8px;
	float:left;
}

.rentalOutGroup::after{
	content:"";
	display:block;
	width:10px;
	height:127px;
	margin: -105px 17px 0 0;
	border:1px solid #4a7ebb;
	border-left:none;
	float:right;
}

/* menu */
#guideLeftTitle{
	display:block;
	width:200px;
	height:64px;
	margin:0 auto 20px;
	background:url("/pc/img/guide_v2/cmn/guidetitle.png") no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#guideLeftMenuVer2{
	width:200px;
	margin:0 1px;
	background:#fff;
	border-bottom:1px solid #ccc;
}

#guideLeftMenuVer2 #guideLeft_FirstGuideBnr{
    color: #192b5b;
    font-size: 12px;
    font-weight: bold;
    background: #fed600;
    padding: 6px 20px 6px 0.5em;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

#guideLeftMenuVer2 #guideLeft_FirstGuideBnr:hover {
	background: #fed600 !important;
	color: #192b5b !important;
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}

#guideLeftMenuVer2 .lv2,
#guideLeftMenuVer2 .lv3{
	display:none;
}

#guideLeftMenuVer2 .lv1 > dt{
	border-top:1px solid #ccc;
}

#guideLeftMenuVer2 .lv1 > dt:first-child{
	border-top:none;
}

#guideLeftMenuVer2 .lv1 > dt a{
	display:block;
	padding:6px 20px 6px 0.5em;
	background:#6c6c6c;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
}

#guideLeftMenuVer2 .lv2 > dt{
	border-top:1px dotted #ccc;
}

#guideLeftMenuVer2 .lv2 > dt a{
	display:block;
	padding:6px 20px 6px 1.5em;
	background:#b0b0b0;
	color:#fff;
}

#guideLeftMenuVer2 .lv3 > li{
	border-top:1px dotted #ccc;
}

#guideLeftMenuVer2 .lv3 > li a{
	display:block;
	padding:6px 20px 6px 2.5em;
	background:#e0e0e0;
	color:#333;
	font-size:11px;
	line-height:1.5em;
}

#guideLeftMenuVer2 a:hover{
	background:#999 !important;
	color:#fff !important;
}

#guideLeftMenuVer2 .lv3 > li a:hover{
	background:#fff !important;
	color:#000 !important;
}

/* 矢印表示共通用 */
#guideLeftMenuVer2 a.menuArrow{
	position: relative;
	padding-right:20px;
	vertical-align: middle;
	font-size: 12px;
	text-decoration: none;
}

#guideLeftMenuVer2 a.menuArrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 183px;
	width: 8px;
	height: 8px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#guideLeftMenuVer2 a.menuArrow.down:after{
	top: -4px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#guideLeftMenuVer2 a.menuArrow.up:after{
	top: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#guideLeftMenuVer2 a.menuArrow.down:hover:after,
#guideLeftMenuVer2 a.menuArrow.up:hover:after,
#guideLeftMenuVer2 a.menuArrow.right:hover:after{
	border-color:#fff !important;
}

#guideLeftMenuVer2 a.menuArrow.right{
	float:none;
}

#guideLeftMenuVer2 a.menuArrow.right:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#guideLeftMenuVer2 .lv3 a.menuArrow.right:after{
	border-color:#333 !important;
}

#guideLeftMenuVer2 .lv3 a.menuArrow.right:hover:after{
	border-color:#000 !important;
}

#guideLeftMenuVer2 a.select{
	color:#0068b7 !important;
}

#guideLeftMenuVer2 a.menuArrow.select:after{
	border-color:#0068b7 !important;
}

#guideLeftMenuVer2 .lv3 a.select{
	color:#0068b7 !important;
}

#guideLeftMenuVer2 .lv3 a.menuArrow.select:after{
	border-color:#0068b7 !important;
}

#campBnr{
	margin:30px 40px 40px;
}

#campBnr dt{
	font-size:14px;
	font-weight:bold;
}

#campBnr dd{
	margin-top:5px;
	text-align:center;
}

#campBnr dd + dd{
	margin-top:10px;
}

#pageBtmBnr{
	display:block;
	width:480px;
	height:80px;
	margin:60px auto 30px;
}

.circleNum{
	padding-left:22px;
	background-repeat:no-repeat;
	background-position:left top;
	line-height:20px;
}

.c1{
	background-image:url("/pc/img/guide_v2/cmn/1.gif");
}

.c2{
	background-image:url("/pc/img/guide_v2/cmn/2.gif");
}

.c3{
	background-image:url("/pc/img/guide_v2/cmn/3.gif");
}

.c4{
	background-image:url("/pc/img/guide_v2/cmn/4.gif");
}

.c5{
	background-image:url("/pc/img/guide_v2/cmn/5.gif");
}

.c6{
	background-image:url("/pc/img/guide_v2/cmn/6.gif");
}

.c7{
	background-image:url("/pc/img/guide_v2/cmn/7.gif");
}

.c8{
	background-image:url("/pc/img/guide_v2/cmn/8.gif");
}

.c9{
	background-image:url("/pc/img/guide_v2/cmn/9.gif");
}

.c10{
	background-image:url("/pc/img/guide_v2/cmn/10.gif");
}

.c11{
	background-image:url("/pc/img/guide_v2/cmn/11.gif");
}

.c12{
	background-image:url("/pc/img/guide_v2/cmn/12.gif");
}

.c13{
	background-image:url("/pc/img/guide_v2/cmn/13.gif");
}

.c14{
	background-image:url("/pc/img/guide_v2/cmn/14.gif");
}

.c15{
	background-image:url("/pc/img/guide_v2/cmn/15.gif");
}

.c16{
	background-image:url("/pc/img/guide_v2/cmn/16.gif");
}

.c17{
	background-image:url("/pc/img/guide_v2/cmn/17.gif");
}

.c18{
	background-image:url("/pc/img/guide_v2/cmn/18.gif");
}

.c19{
	background-image:url("/pc/img/guide_v2/cmn/19.gif");
}

a.btnEntry,
a.btnGEOEntry,
a.btnLogin{
	display:block;
	width:516px;
	height:48px;
	margin:0 auto;
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-10000px;
	overflow:hidden;
}

a.btnEntry{
	background-image:url("/pc/img/guide_v2/cmn/btn_entry.png");
}

.btnGEOEntry{
	background-image:url("/pc/img/guide_v2/cmn/btn_geoentry.png");
}

.btnLogin{
	background-image:url("/pc/img/guide_v2/cmn/btn_login.png");
}

.btnUnderText{
	width:516px;
	margin:10px auto 0;
	text-align:left;
}

#newItems,
#popularItems{
	width:640px;
	margin:20px auto 40px;
}

#newItems li,
#popularItems li{
	float:left;
	width:130px;
	margin-bottom:10px;
}

#newItems li:nth-child(5n),
#popularItems li:nth-child(5n){
	width:120px;
}

.campaign_extend{
    color: #f00;
    font-weight: bold;
}