@charset "utf-8";

#guide .orange {
    color: #fbcc1b;
}

.ToggleTtl {
    font-size: 18px;
    display: table;
/*    width: 240px;*/
    width: 100%;
    height: 60px;
    background: url('../../img/guide/bk_accordeon.png') left center no-repeat;
    background-size: 276px 42px;
    line-height: 60px;
    margin: -10px 0 -20px -5px;
    padding-left: 15px;
    padding-right: 22px;
}

.ToggleTtl span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

.toggleBox {
    border-bottom: 0;
    border-color: #70d9dc;
    position: relative;
    padding-right: 0px;
}

.toggleBox:not(.optionList):after {
    display: block;
    content: " ";
    background: url('../../img/guide/box-bottom.png') left bottom no-repeat;
    width: 290px;
    height: 14px;
    background-size: 290px 14px;
    position: absolute;
    left: -1px;
    bottom: -14px;
}

.toggleBox .inner-box {
    margin-top: 20px;
}

.ToggleTtl.on {
    background: url('../../img/guide/bk_accordeon_on.png') left center no-repeat;
    background-size: 276px 42px;
}

.inner-box {
    padding-right: 15px;
}

.crosshead {
    width: 268px;
    margin: 20px 0;
    padding: 0 0 5px 5px;
    background: url(../../img/common/bg_crosshead.png) 0 100% no-repeat;
    background-size: 255px 6px;
    font-size: 13px;
    font-weight: bold;
    color: #8beff2;
}

.verticalArrow {
    width: 100%;
    background: url('../../img/guide/icon-verticalArrow.png') center center no-repeat;
    background-size: 35px 33px;
    height: 34px;
    margin: 10px 0;
}

.bigFont {
    font-size: 130%;
}

.subbtitle {
    display: inline-block;
    width: 257px;
    height: 31px;
    background: url('../../img/guide/bk-subTitle.png') center top no-repeat;
    background-size: 257px 31px;
    text-align: center;
    line-height: 31px;
    margin: 20px auto 10px auto;
}

.subtitle_small {
    display: inline-block;
    width: 51px;
    height: 17px;
    background: url('../../img/guide/bk-subTitle-small.png') center top no-repeat;
    background-size: 51px 16px;
    text-align: center;
    line-height: 17px;
    margin: 10px 0;
}

.noTopMargin {
    margin-top: 0 !important;
}

.bigMacaron {
    margin: 30px auto 20px auto;
    display: block;
}

.ulPlatinium {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
}

#ul_point li:not(:last-child) {
    margin-bottom: 10px;
}

#ul_point li p {
    display: block;
    width: 123px;
    height: 32px;
    float: left;
    line-height: 32px;
    margin-right: 5px;
}

#ul_point li p span, .ulOptionList li span {
    display: inline-block;
    line-height: 1.2;
}

.ulOptionList li span {
    margin-top: 6px;
}

#optionListPlatinium.toggleBox {
    background: url('../../img/guide/accordeon-title-platinum.png') top left no-repeat;
    background-size: 257px 32px;
}

#optionListGold {
    background: url('../../img/guide/accordeon-title-gold.png') top left no-repeat;
    background-size: 257px 32px;
}

#optionListSilver {
    background: url('../../img/guide/accordeon-title-silver.png') top left no-repeat;
    background-size: 257px 32px;
}

#optionStandard {
    background: url('../../img/guide/accordeon-title-standard.png') top left no-repeat;
    background-size: 257px 32px;
}

.optionList .inner-box {
    padding: 0;
    margin: 0;
    width: 257px;
}

.optionList .ToggleTtl {
    display: block;
    height: 32px;
    margin: 0 10px 0 0;
    width: auto;
    background: url('../../img/guide/icone-accordeon-arrow.png') center right no-repeat;
    background-size: 9px 25px;
}

.optionList .ToggleTtl.on {
    background: url('../../img/guide/icone-accordeon-arrow_on.png') center right no-repeat;
    background-size: 24px 10px;
}

.ulOptionList {
    border: 1px dashed #448a93;
}

.ulOptionList li {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

.ulOptionList li:not(:last-child) {
    border-bottom: 1px dashed #448a93;
}

.ulOptionList li.circle {
    background: url('../../img/guide/optionList-circle.png') #134b56 230px center no-repeat;
    background-size: 15px 15px;
}

.ulOptionList li.line {
    background: url('../../img/guide/optionList-line.png') #134b56 230px center no-repeat;
    background-size: 14px 2px;
}

/*------------------------------------*/
/* insert 2014.05.14. KIPM */
/*------------------------------------*/
#guide .pink {
    color: #ff1493;
}

/*------------------------------------*/
/* insert 2014.06.20. KIPM */
/*------------------------------------*/
.point_ul {
	list-style:disc outside;
	margin:0 0 0 15px;
}
.point_li {
	background:none!important;
	padding:0;
	margin:0;
	border:none;
}

/*------------------------------------*/
/* insert 2015.01.30. KIPM */
/*------------------------------------*/
.box_sclub {
}

.box_guide_2_1 {
    text-align: center;
}

.box_guide_2_2 {
	background-color: #FFFFFF;
	padding-bottom: 15px;
}

.btn_mypit_guide_1 {
	margin: 0 auto 0 27px;
}

.box_guide_2_3 {
	background-color: #FFFFFF;
	padding-bottom: 15px;
}
.btn_accordion_rank {
	margin: 0 auto 0 4px;
}
.box_accordion_rank {
	background-color: #FFFFFF;
	padding: 0 10px 0 10px;
}

.box_rank_child {
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	padding: 5px 0 5px 10px;
	margin-bottom: 5px;
}

.box_rank_child_2 {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 10px 0 10px;
}

.txt_rank_bold {
	font-size: 16px;
	font-weight: bold;
}

.box_guide_2_4 {
	background-color: #FFFFFF;
	padding-bottom: 15px;
}

.box_accordion_standard ,
.box_accordion_silver   ,
.box_accordion_gold     {
    color: #333333;
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	padding-bottom: 5px;
	margin: 0 15px 15px 15px;
}
.box_accordion_platinum {
    color: #333333;
	background-color: #FFFFFF;
	padding-bottom: 5px;
	margin: 0 15px 0 15px;
}

.box_accordion_child {
	border-top: 1px solid #333333;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 20px 0 20px;
}

.box_guide_2_5 {
	color: #333333;
	background-color: #FFFFFF;
}

.box_minasama {
	padding: 0 10px 15px 15px;
	font-size: 14px;
}

.btn_mypit_login {
	margin: 15px auto auto 15px;
}
.btn_mypit_guide_2 {
	margin: 15px auto auto 15px;
}