/* 共通 */
#common #wrapper {
    background: none;
}

h2.commonTitleBar01 {
    border-radius: 0;
    position: relative;
    padding: 12px 10px;
    margin-bottom: 15px 0;
    line-height: 30px;
    /*background: #6297d8;*/
    color: #fff;
    font-size: 18px;
    letter-spacing: -.04em;
    font-weight: 700;
    margin-top: 10px;
    background-image: linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
}

/*.commonTitleBar03{
    font-size: 18px;
    padding: 18px 10px;
    background: #6297d8;
    border-radius: 0px;
    margin: 10px 0 0 0;
}*/

h3.commonTitleBar01 {
    border-radius: 0;
    position: relative;
    padding: 8px 10px;
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 20px;
    /*background: #75bbea;*/
    /*background: #2f4867;*/
    background: linear-gradient(to right, #343434 0%, #9b9b9b 100%);
    color: #fff;
    font-size: 16px;
    letter-spacing: -.04em;
    font-weight: 700;
    text-align: left;
}
h3.commonTitleBar01::before {
    top: 2px;
    height: 1px;
    margin: auto;
    left: 0;
    background: #fff;
    position: absolute;
    right: 0;
    width: 100%;
    display: block;
    content: "　";
}
#mainContents {
    color: #595959;
}

body#common{
    color: #595959;
    font-size: 16px;
}

i.fa {
    line-height: 1.5;
    padding-left: 1%;
}

.marginB5 {
    clear: both;
    margin-bottom: 5px;
}

.marginB10 {
    clear: both;
    margin-bottom: 10px;
}

.marginB15 {
    clear: both;
    margin-bottom: 15px;
}

.marginB20 {
    clear: both;
    margin-bottom: 20px;
}

.marginB25 {
    clear: both;
    margin-bottom: 25px;
}

.marginB30 {
    clear: both;
    margin-bottom: 30px;
}

.marginT10 {
    clear: both;
    margin-top: 10px;
}

.marginT15 {
    clear: both;
    margin-top: 15px;
}

@media screen and (min-width: 769px){
    .pc_none {
        display: none;
    }
} 

/* ボタン */
#btnArea div.btnConf div a {
    /* width: 60%; */
    width: 100%;
    font-size: 13px;
    /* padding: 3%; */
    /* padding: 4%; */
}

.BtnBox a {
    text-decoration: none;
}

/* .btnGray a {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #838383), color-stop(0.00, #9f9f9f));
	background: -webkit-linear-gradient(#9f9f9f, #838383);
	background: -moz-linear-gradient(#9f9f9f, #838383);
	background: -o-linear-gradient(#9f9f9f, #838383);
	background: -ms-linear-gradient(#9f9f9f, #838383);
	background: linear-gradient(#9f9f9f, #838383);
	-webkit-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-moz-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
} */

 .btnGray a {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
    margin: 0 auto;
    background: #7e7d7c;
	-webkit-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-moz-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
} 

.btnBlue a {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	margin: 0 auto;
	/*background: #2f4867;*/
    box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-webkit-border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
    color: #fff;
    background: #363636;
}

.btnBlue02 a {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	margin: 0 auto;
	background: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/*border: 1px solid #2f4867;
    color: #2f4867;*/
    border: 1px solid #363636;
    color: #363636;
}

.bt_commonBlue a, .bt_commonPink a{
    line-height: 40px;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    text-decoration: none;
    background-color: #e52b69;
    border: 1px solid #a71f4d;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

/* ヘッダー */
header {
    position: static;
    width: 100%;
}

header #learvingarea {
    padding: 0;
    text-align: center;
}

header #learvingarea p {
    font-size: 11px !important;
    color: #979797;
}

header #learvingarea a {
    color: #979797;
}

header #headerTop {
	width: 100%;
	min-height: 20%;
	position: relative;
    padding: 2% 0;
}

/*header #headerTop #headLogoBox {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

header #headerTop #headLogoBox h1{
    width: 90%;
    padding: 0;
    margin-left: 9%;
    padding: 0;
}

header #headerTop #headLogoBox h1 a {
    width: 100%;
}*/

header #headerTop #headIconBox {
    width: 100%;
}

header #headerTop #headIconBox ul {
    padding: 0 2% 0 3%;
    display: flex;
    justify-content: space-between;
}

header #headerTop #headIconBox ul li {
    width: 100%;
}

header #headerTop #headIconBox ul li:last-child a {
    display: flex;
    justify-content: flex-end;
}

header #headerTop #headIconBox ul li a img {
    width: 24%;
}


/* フッター */
footer {
    padding: 10px 0;
    color: #595959;
}

footer small {
    font-size: 10px;
}

#footer {
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

#footer li {
    text-align: center;
}

#footer #fixnav {
    width: 100%;
    padding: 4px 0px;
}

#footer ul.footerList {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

#footer ul.footerList li {
    cursor: pointer;
}

/*#footer ul.footerList li a {
    -moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}*/

#footer ul.footerList ul.list {
    display: none;
    position: absolute;
	left: 0;
	right: 0;
    bottom: 100%;
	z-index: 999;
    background: #f2f2f2;
    border-top: 1px solid #363636;
    max-width: 640px;
}

#footer ul.footerList ul.list li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #363636;
    padding: 3%;
}

#footer ul.footerList ul.list.tel li:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/footer/tomo_bt_tel.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 2px;
}

#footer ul.footerList ul.list li a {
    color: #363636;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
@media only screen and (max-width:480px) {
    #footer ul.footerList ul.list li a.sp_only {
        font-size: 14px;
	}
    #footer ul.footerList ul.list li a.sp_only02 {
        font-size: 13px;
    }
}
#footer ul.footerList li.tel, #footer ul.footerList li.webBooking {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 70%;
    font-size: 12px;
    font-weight: bold;
    padding: 2%;
    margin-left: 2%;
    line-height: 1.25;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d7d7d7), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #d7d7d7);
    background: -moz-linear-gradient(#fff, #d7d7d7);
    background: -o-linear-gradient(#fff, #d7d7d7);
    background: -ms-linear-gradient(#fff, #d7d7d7);
    background: linear-gradient(#fff, #d7d7d7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #363636;
    /*-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
}

#footer ul.footerList li.tel {
    margin-left: 0;
    padding: 2% 2% 2% 1.5%;
}

#footer ul.footerList li.tel a span {
    /*display: inline-block;*/
    width: 60px;
}

#footer ul.footerList li.tel.open {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-flow: column;
    width: 20%;
    font-size: 12px;
    font-weight: bold;
    padding: 2%;
    margin-left: 0;
    line-height: 1.25;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d7d7d7), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #d7d7d7);
    background: -moz-linear-gradient(#fff, #d7d7d7);
    background: -o-linear-gradient(#fff, #d7d7d7);
    background: -ms-linear-gradient(#fff, #d7d7d7);
    background: linear-gradient(#fff, #d7d7d7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #363636;
    /*-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
}

#footer ul.footerList li.tel:before { /*閉じている時のアイコン*/
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../images/footer/tomo_bt_tel.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    /*-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
}

#footer ul.footerList li.tel.open:before { /*開いている時のアイコン*/
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/footer/tomo_bt_tel_close.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    display: block;
    /*-moz-transition: 0s;
	-webkit-transition: 0s;
	transition: 0s;*/
}

#footer ul.footerList li.tel.open:after {
    content: '閉じる';
    display: block;
    /*-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
}

#footer ul.footerList li.tel.open a span {
    display: none;
}

#footer ul.footerList li.webBooking:before {
    content: '';
    width: 35px;
    height: 35px;
    background-image: url(../images/footer/tomo_bt_web_booking.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

#footer ul.footerList li.tel a, #footer ul.footerList li.webBooking a {
    color: #363636;
    text-decoration: none;
}

#footer ul.footerList li.mem {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    width: 40%;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 1% 2% 1.5%;
    margin-left: 2%;
    line-height: 1.25;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cb9236), color-stop(0.00, #dbaa93));
    background: -webkit-linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    background: -moz-linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    background: -o-linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    background: -ms-linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    background: linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
}
@media screen and (min-width: 769px){
    #footer ul.footerList li.mem {
        display: flex;
        justify-content: center;
        font-size: 12px;
        padding: 2%;
        align-items: center;
    }
}

#footer ul.footerList li.mem:before { /*閉じている時のアイコン*/
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/footer/tomo_bt_official.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-bottom: 3px;
}

#footer ul.footerList li.mem.open:before { /*開いている時のアイコン*/
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/footer/tomo_bt_officia_close.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-bottom: 3px;
}

#footer ul.footerList li.mem a {
    color: #fff;
    text-decoration: none;
    display: block;
}
@media screen and (min-width: 769px){
    #footer ul.footerList li.mem a {
        display: inline-block;
        vertical-align: middle;
    }
}

#footer ul.footerList li.mem.open:after {
    content: '閉じる';
    display: block;
}

#footer ul.footerList li.mem.open a span {
    display: none;
}


#footerInfo {
    padding: 10px 0 80px;
}

#footerInfo li a {
    background: none;
    font-size: 10px;
    padding: 0;
    color: #595959;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 5px;
    z-index: 99999991;
}

@media only screen and (max-width:480px) {
	.pagetop a {
	background-size:80% 80%;
	}
}


/* マイページHOMEメンバーランク */
/*レイアウト変更前*/
#memberRank .memberRankArea {
    padding: 5%;
    /* background: #d9e1eb; */
    background: #f5f5f9;
}

#memberRank h3.rankNameTit {
    /* background: #2f4867; */
    background: linear-gradient(to right, #cb9236 0%, #dbaa93 100%);
    padding: 2% 25%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 5px;
}

#memberRank .rankData {
    padding: 2% 12% 0;
}

#memberRank .rankData img {
    margin-right: 25px;
    width: 25%;
}

#memberRank .rankData .rankRight {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-align: center;
}

#memberRank .rankData p.rankName {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}


/*レイアウト変更後*/
/*#memberRank {
    padding: 5% 5%;
}

#memberRank .memberRankArea {
    padding: 5%;
    background: #d9e1eb;
    border-radius: 8px;
}

#memberRank .rankData {
    padding: 0 5%;
}

#memberRank .rankData img {
    margin-right: 15px;
    width: 20%;
}

#memberRank .rankData .rankRight {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-align: center;
}

#memberRank .rankData h3.rankNameTit {
    background: #2f4867;
    padding: 2% 25%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;

}

#memberRank .rankData p.rankName {
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}*/

/* HOMEタイプマッチング */
#typeMatch .typeTouroku {
    padding: 0 15px;
}

/* HOME introductionArea */
#introductionArea .introductionBnr {
    padding: 0 15px;
    margin: 30px 0;
    border-top: 1px solid #979797;
}

#introductionArea .introductionBnr ul {
    margin-top: 30px;
}

#introductionArea .introductionBnr ul .introFlex {
    display: flex;
    gap: 2%;
    justify-content: space-between;
}


/* HOME「メッセージ」通知バッジ */
.myPageAcc.msgbox .UnreadNum {
    vertical-align: middle;
}

/* マイページtopMenuList */
#topMenuList ul  {
    /* margin-bottom: 10%; */
    margin: 10% 0;
}

#topMenuList ul li {
    font-size: 16px;
    font-weight: bold;
    /*border-bottom: 1px solid #6297d8;*/
    border-bottom: 1px solid #555;
}

#topMenuList ul li:first-child {
    /*border-top: 1px solid #6297d8;*/
    border-top: 1px solid #555;
}

#topMenuList ul li a {
    text-decoration: none;
    color: #595959;
    display: block;
    padding: 3%;
}

/* ログインページ */
#loginMypage {
    margin-top: 10px;
}

#loginMypage .loginBtnBox {
    text-align: center;
}

#loginMypage div.memberLoginForm .discription {
    margin-bottom: 25px;
    color: #979797;
    font-size: 12px;
}

#loginMypage div.memberLoginForm .inputArea p {
    font-size: 16px;
}

#loginMypage div.memberLoginForm .inputArea p span.attention {
    color: #979797;
    margin-left: 8px;
    font-size: 12px;
}

#loginMypage div.memberLoginForm div.loginBtnBox div.BtnBox a{
    padding: 4%;
    font-size: 16px;
}

/* パスワード送信画面 */
#repassArea {
    font-size: 16px;
}

#repassArea div.addInfo {
    padding: 3% 3.125%;
    margin-bottom: 40px;
}

#infoMypage div.addInfo .inputArea.confirm_box th {
    padding: 10px 5px;
    width: 60%;
}

#repassArea div.addInfo div.infoMain ul.inputArea {
    margin: 0 0 45%;
}

#repassArea div.addInfo div.infoMain li.age p {
    display: inline-block;
}

#repassArea div.addInfo div.infoMain li.age p.attention {
    color: #979797;
    margin-left: 8px;
    font-size: 12px;
}

#repassArea div.addInfo div.infoMain li.age input {
    width: 100%;
    font-size: 12px;
    padding: 3%;
    border: 1px solid #7f7f7f;
    font-weight: lighter;
    outline: none;
    border-radius: 3px;
}

#repassArea div.addInfo div.infoMain li div {
    padding: 0;
}

#repassArea div.addInfo div.infoMain .confirm_box {
    margin: 0 0 45%;
}

#repassArea div.addInfo div.BtnBox {
    padding: 0;
    margin: 8% 0 0 0;
}

#repassArea div.addInfo div.BtnBox a {
    width: 60%;
    padding: 4%;
    font-size: 16px;
}

#repassArea div.addInfo div.BtnBox .btnBlue02 {
    margin-top: 20px;
}

/* パスワード送信完了画面 */
#completeArea {
    margin-bottom: 50px;
}

#completeArea .inner p.attention {
    color: #979797;
    margin-left: 8px;
    font-size: 12px;
}

#completeArea div.BtnBox {
    padding: 0;
    margin: 8% 0 0 0;
}

#completeArea div.BtnBox a {
    width: 60%;
    padding: 4%;
    font-size: 16px;
}

#completeArea div.BtnBox .btnBlue02 {
    margin-top: 20px;
}


/* 新規会員登録ページ */
#infoMypage div.addInfo {
    border-bottom: none;
    font-size: 16px;
}
#infoMypage div.addInfo .inputArea p {
    font-size: 16px;
    display: inline-block;
    font-weight: lighter;
}

#infoMypage div.addInfo .inputArea .attention {
    color: #979797;
    margin-left: 10px;
    font-size: 12px;
}

#infoMypage div.addInfo div.infoMain li {
    margin: 3% 0 0 0;
}

#infoMypage div.addInfo div.infoMain li div {
    padding: 0;
}

#infoMypage div.addInfo div.infoMain li:first-child {
    margin: 0;
}

#infoMypage div.addInfo ul.inputArea li input {
    width: 100%;
    font-size: 12px;
    font-weight: lighter;
    padding: 3%;
    border: 1px solid #7f7f7f;
    outline: none;
    border-radius: 3px;
}

#infoMypage div.addInfo ul.inputArea li {
    margin: 5% 0 0 0;
}

#infoMypage div.addInfo .inputArea.confirm_box th {
    padding: 10px 5px;
    width: 60%;
}

#infoMypage div.addInfo .inputArea.confirm_box .certifi {
    margin-top: 30px;
}

#infoMypage div.addInfo .inputArea.confirm_box .certifi p.center {
    text-align: center;
    display: block;
}

#infoMypage div.addInfo .inputArea.confirm_box .certifi p.certifiCode {
    font-weight: bold;
    font-size: 18px;
}

#infoMypage div.addInfo .inputArea.confirm_box .certifi div.certifiArea {
    margin-top: 15px;
}

#infoMypage div.addInfo .inputArea.confirm_box .contents {
    font-weight: lighter;
    margin-left: 20px;
    padding: 0;
}

#infoMypage div.addInfo div.BtnBox a {
    display: inline-block;
    width: 60%;
    font-size: 16px;
    padding: 4%;
}

#infoMypage div.addInfo .registBtnBox .BtnBox {
    padding: 0;
    margin: 8% 0 0 0;
}

#infoMypage div.addInfo .registBtnBox .back .BtnBox {
    margin: 8% 0 0 0;
}

#infoMypage div.addInfo .registBtnBox .BtnBox .btnBlue02 {
    margin-top: 20px;
}

/* 新規会員登録完了ページ */
#completeArea .inner{
    margin: 15% auto 40%;
}
#completeArea div.inner div.BtnBox {
    text-align: center;
}

#completeArea div.inner div.BtnBox a {
    display: inline-block;
    width: 60%;
    font-size: 16px;
    padding: 4%;
}

/* CHUCHU友の会とは */
#AboutMypageArea .pdWrap {
    padding: 0 10px;
}

#AboutMypageArea .markerP{
    background: linear-gradient(transparent 60%, #ffd1e7 60%);
}

#AboutMypageArea section.cnt {
    padding-bottom: 30px;
}

#AboutMypageArea section.about .commonTitleBar01 {
    margin: 15px 0 10px;
}

#AboutMypageArea section ul.check_list li {
    margin: 2.5px 0 2.5px 1.5em;
    text-indent: -0.8em;
    border-bottom: 1px dotted #bbb;
    padding: 5px 0;
}

#AboutMypageArea section ul.check_list li i {
    position: relative;
    top: 3px;
    margin-right: 8px;
    color: #a40000;
    font-size: 130%;
}

#AboutMypageArea section.tokuten ol li {
    min-height: 55px;
    margin-top: 15px;
    padding: 15px 15px 15px 70px;
    background: 10px center no-repeat #d9e1eb;
    -webkit-border-radius: 5px;
}

#AboutMypageArea section.tokuten ol li:nth-child(1) {
    background-image: url(../images/point1.png);
    background-size: auto 43px;
}

#AboutMypageArea section.tokuten ol li:nth-child(2) {
    background-image: url(../images/point2.png);
    background-size: auto 43px;
}

#AboutMypageArea section.tokuten ol li:nth-child(3) {
    background-image: url(../images/point3.png);
    background-size: auto 43px;
}

#AboutMypageArea .chairman .shadowbox {
    margin: 5px 0 30px;
    padding: 20px;
    background: #f8f8f3;
    box-shadow: 0 6px 16px -10px rgb(0 0 0 / 70%);
}

#AboutMypageArea .chairman img.photo {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 30%);
}

/* ポイントについて */
#AboutPointArea .pdWrap {
    padding: 0 10px;
}

#AboutPointArea .markerP{
    background: linear-gradient(transparent 60%, #ffd1e7 60%);
}

#AboutPointArea section.cnt {
    padding-bottom: 30px;
}

#AboutPointArea small {
    color: #666;
}

#AboutPointArea section.plus_point small {
    margin-left: 1em;
}

#AboutPointArea section ul.check_list li {
    margin: 2.5px 0 2.5px 1.5em;
    text-indent: -0.8em;
    border-bottom: 1px dotted #bbb;
    padding: 5px 0;
}

#AboutPointArea section ul.check_list li i {
    position: relative;
    top: 3px;
    margin-right: 8px;
    color: #a40000;
    font-size: 130%;
}

/* 会員ランクについて */
#AboutRankArea .pdWrap {
    padding: 10px 10px;
}

#AboutRankArea section.rank .kanarazu {
    padding: 10px;
    -webkit-border-radius: 5px;
    background: #d9e1eb;
}

#AboutRankArea section.rank .kanarazu h3.acHead {
    position: relative;
    font-weight: bold;
}

#AboutRankArea section.rank .kanarazu h3.acHead .bt_toggle {
    display: none;
}

#AboutRankArea section.rank .kanarazu h3.acHead:before {
    content: "\f147";
    font-family: FontAwesome;
    position: absolute;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    top: 0;
    right: 0;
}

#AboutRankArea section.rank .kanarazu h3.acHead.active:before {
    content: "\f196";
    font-family: FontAwesome;
    position: absolute;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    top: 0;
    right: 0;
}

#AboutRankArea section.rank .kanarazu h3.acHead .bt_toggle i {
    line-height: 16px;
}

#AboutRankArea section.rank .kanarazu h4 {
    font-weight: bold;
}

#AboutRankArea section.rank .kanarazu .secAcordion {
    padding: 20px 0 0;
}

#AboutRankArea section.rank .kanarazu .secAcordion .example dd li {
    text-indent: -1em;
    padding-left: 1em;
}

#AboutRankArea section.rank dl.rank {
    border:1px solid #7f7f7F;
    border-radius: 5px;
}

#AboutRankArea section.rank dl.rank dt.title {
    line-height: 40px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 8px;
    border-top-right-radius: 5px;
    border-top-left-radius :5px;
    background: #ccf2f1;
}

#AboutRankArea section.rank dl.rank dt.title img {
    width: 38px;
    margin-right: 5px;
}

#AboutRankArea section.rank dl.rank .rankDisc {
    /*background: #eee;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius :5px;*/
    padding: 10px;
}

#AboutRankArea section.rank dl.rank dd.condition {
    padding: 0 10px;
}

#AboutRankArea section.rank dl.rank dd.condition h2 {
    font-weight: 700;
    line-height: 1.6em;
    border-bottom: 1px solid #363636;
    padding: 0 0 10px;
}

#AboutRankArea section.rank dl.rank dd.condition ul {
    padding: 10px 0 0;
}

/*#AboutRankArea section.rank dl.rank dd.tokuten {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}*/

#AboutRankArea section.rank dl.rank dd.tokuten h2 {
    background: #cb9236;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.6em;
    padding: 4px;
    letter-spacing: 0.12em;
}

#AboutRankArea section.rank dl.rank dd.tokuten ul {
    padding: 10px 10px 13px;
}

/* アカウント */
.infoTitle.subTitle h3 {
    font-weight: 900;
}

/* 機能紹介 */
#contentsAbout.introduction {
    margin-top: -70px;
    padding-top: 70px;
}