@charset "utf-8";

p, div, li, td, th{
	font-size: 16px !important;
}

a, b, strong, span{
	font-size: inherit;
}

img.w50 {
    max-width: 70%;
}

.guidebox {
	width: 1020px;
	margin: 0px;
	padding: 20px 0 0;
}
.guidebox:after {
	content: "";
	display: block;
	clear: both;
}

.guide_title {
	margin-bottom: 24px;
	padding: 0px;
}

.guidebox_left {
	margin: 0px;
	padding: 0px;
	float: left;
}

.left_box {
	float: none;
	width: 295px;
	text-align:left;
	line-height: 250%;
	background-color:#FFF;
    margin: 0 0 15px;
	padding: 0px;
}

.left_box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.left_box>ul {
	border-top: 1px solid #dcdcdc;
}
.guidebox_leftnavi{
    border-bottom: 1px solid #dcdcdc;
}
.guidebox_leftnavi li {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.left_box ul li.active,
.left_box ul li.otherMenu a{
	display: block;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(236,236,236,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    color: #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 16px;
    font-weight: bold;
    line-height:1.2;
    border: 1px solid #dcdcdc;
    border-top:0;
    text-decoration: none;
    position: relative;
	height: 58px;
    width: 295px;
    padding-left: 34px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.left_box ul li.active:before,
.left_box ul li.active:after,
.left_box ul li.otherMenu a:before,
.left_box ul li.otherMenu a:after{
    content: '';
    display: block;
    position: absolute;
    margin: auto 0;
}
.left_box ul li.active:before,
.left_box ul li.otherMenu a:before{
    width: 15px;
    height: 15px;
    background: #000;
    top: 0;
    bottom: 0;
    left: 11px;
}
.left_box ul li.active:after,
.left_box ul li.otherMenu a:after{
    width: 5px;
    height: 5px;
    top: 0;
    bottom: 0;
    left: 15px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-sizing: border-box;
}
.left_box ul li.active:after{
    top: -2px;
    left: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.right_box {
	float: none;
	width: 650px;
	padding-left:42px;
	text-align: left;
}

.guidebox_right {
	margin: 0px;
	padding: 0px;
	float: right;
}

.right_box p {
	line-height: 200%;
	padding: 1em 0 0;
}

.right_box b {
	font-weight: bold;
	line-height: 200%;
}

.right_box h2 {
	margin: 0px;
	padding: 0px;
	font-size: 28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    line-height: 2em;
}

.right_box h3 {
	margin: 20px 0 20px 0;
	background-color:#FFF;
	font-size: 20px;
	font-weight: normal;
	text-indent: 1em;
	line-height: 2.5;
}

.right_box h4 {
	margin: 2em 0 0;
	font-size: 20px;
	font-weight: bold;
	/*text-indent: 1em;*/
	line-height: 2;
}

.right_box .txt{
    padding: 0 0 1.25em;
}

.right_box .txt p:not(:first-child){
    padding-top:0.5em 1em;
}
.right_box .txt b{
    display: inline-block;
    padding-top:2em;
}
.right_box .txt b:first-child,
.right_box .txt b + p:not(:first-child){
	padding-top:0;
}
.right_box .txt .fontBold{
	font-weight: bold;
}
.right_box ul {
	margin-left: 0px;
	padding-left: 0px;
}

/* お支払い方法について start */
.right_box ul.paylst {
    margin: 0 0 0.5px 0;
}
.right_box ul.paylst li {
	padding-left:1em;
	line-height: 180%;
}
.right_box ul.paylst li:before {
	content:"・";
}
.right_box ul.lst {
    margin: 0 0 0.5px 0;
}
.right_box ul.lst li {
	text-indent:-1em;
	padding-left:1em;
	line-height: 180%;
}
.right_box ul.lst li:before {
	content:"・";
}
/* お支払い方法について end */

.right_box ul.dot {
    padding: 15px;
    border: 1px solid #999;
    margin: 30px 0;
}
.right_box .txt p + ul.dot,
.right_box .txt p + ul.asterisk,
.right_box .txt ul.dot + p,
.right_box .txt ul.dot + ul.asterisk {
	padding-top: 1.5em;
}

.right_box ul.dot li,
.right_box ul.asterisk li{
	text-indent:-1em;
	padding-left:1em;
	line-height: 180%;
}
.right_box ol li{
	padding-left:1.5em;
	line-height: 180%;
	counter-increment: olNo;
	position:relative;
}
.right_box ol li + li{
    margin-top: 1.25em;
}
.right_box ol li:before {
    content: counter(olNo)".";
	line-height: 180%;
    height: 2em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.right_box .txt ol li b{
	display: inline;
    padding-top:0;
}
.right_box ul.dot li:before{
	content:"・";
}
.right_box ul.dot li dl{
	display: flex;
	text-indent: 0;
	flex-direction: row;
}
.right_box ul.dot li dl dt,
.right_box ul.dot li dl dd{
	font-size:16px;
	line-height: 180%;
}
.right_box ul.dot li dl dt{
	/* width: 5.5em; */
}
.right_box ul.dot li dl dd{
	/* width: calc(100% - 6em); */
}
.right_box ul.asterisk li:before{
	content:"※";
}
.right_box ul li.kaitei{
	color: #FF0000;
}
.right_box ol {
	margin-left: 0px;
	padding-left: 0px;
}

.right_box ul.note li {
	margin-left: 0px;
	padding-left: 0px;
}

.right_box ul.note li:before {
	margin-left: -1em;
	content: "¦";
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
.right_box table {
	font-size: 16px;
	background-color: #f9f9f9;
}
.right_box table td,
.right_box table th{
	padding: 15px;
	border: 1px solid #999999;
}
.right_box table th {
	width: 30%;
}
.right_box table th.platinum {
	background-color: #E7C8E7;
}
.right_box table th.diamond {
	background-color: #f8f8ce;
}
.right_box table th.sapphire {
	background-color: #c9eaff;
}
.right_box table th.ruby {
	background-color: #f8eaea;
}
.right_box table th.crystal {
	background-color: #fff;
}
.right_box table th.nonmember {
	background-color: #fff;
}
.right_box table td.midashi {
	font-weight: bold;
	text-align: center;
}
.right_box table td.midashi_red {
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}
.right_box table td span {
	font-size: 12px;
}

.guidebox_textsize {
	line-height: 200%;
}

.guidebox_textsize_bold {
	font-weight: bold;
	line-height: 200%;
}

.guidebox_textsize_list{
	line-height: 200%;
	margin-left:18px;
	list-style-position: outside;
	list-style-type: disc;
}

.guidebox_textsize_list1{
	line-height: 200%;
	margin: 5px 0  10px 18px;
	list-style: none outside none;
}

.guidebox_textsize_list2{
	margin-left:18px;
	margin-bottom: 5px;
	list-style: none outside none;
}

.guidebox_textsize_listbold{
	line-height: 200%;
	margin-left:18px;
	font-weight: bold;
	list-style-position: outside;
	list-style-type: disc;
}

.guidebox_textsize_listdecimal{
	line-height: 200%;
	margin-left:18px;
	list-style-position: outside;
	list-style-type: decimal;
}
.guidebox_textsize_listasutalisk li:before {
	content: '¦';
	margin-left:-14px;
}

.right_box_ulspace {
	margin: 5px 0 10px 1.5em
}

.right_box .caution li:before {
	content: "\00203b";
	line-height: 200%;
	list-style-position: outside;
}

.guidebox_textsize_listcaution{
	line-height: 200%;
	margin-left:18px;
	list-style: none outside none;
}

.guidebox_center {
	font-weight: bold;
	text-align: center;
    padding: 1.5em 0 0;
}


/* 追加 */
.right_box ul.note2 li{
	text-indent:-1em;
	padding-left:1em;

	margin-top: -0.5em;
	margin-left: 1em;
}
.right_box ul.note2 li:before{
	content:"※";
}

.right_box ol.note3 li{
	padding-left:1.5em;
	counter-increment: olNo;
	position:relative;

    margin-top: 0.25em;
}
.right_box ol.note3 li:before {
    content: counter(olNo)".";
    line-height: 2;
    height: 2em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}