/* 全体 */
body{
    color: #181818;
    background:#fafafa;
    margin:0px;
    padding:0px;
    width: 100%;
    font-size:11.5px;
    font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', 'Meiryo', 'メイリオ', sans-serif;
    line-height: 18px;
    letter-spacing:0.5px;
    -webkit-text-size-adjust: 100%;
}
#wrap{
    width: 100%;
    max-width: 640px;
    background: #fff;
    margin: auto;
    padding:0;
}
.contents{
    margin:0px 0px;
    line-height:20px;
    font-size:0.75rem;
    letter-spacing:2px;
    text-align:left;
}
.bun{
    padding:20px;
}
.contents a{
    color: #999;
    font-weight: normal;
    border-bottom: 0px;
    text-decoration: none;
    padding: 0px 2px;
}
.contents a:active{
    color: #fc4646;
    text-decoration: none;
}
.contents img{
    margin-bottom: 10px;
}
.contents h1{
    font-size: 16px;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    padding-top: 30px;
}

/* 見出し */
.popup_head{
	position:relative;
	padding:10px 10px;
    margin: 0px;
	font:bold 14px/1.6 Arial, Helvetica, sans-serif , 'Montserrat','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#ffffff;
	/*background:#fc4656;*/
    background: #666666;
	border-top:#f2f2f2 solid 0px;
	border-bottom:#f2f2f2 solid 0px;
}

/* アコーディオンメニュー */
.acMenu{
    margin: 0px;
}

#acMain dt{
    padding: 0px 10px;
	display:block;
	line-height:1.6;
    padding: 20px;
    padding-right: 40px;
	text-align:left;
	cursor:pointer;
    border-top:#666 1px solid;
    background-image:url(images/37111.png);
    background-position:98% 50% ;
    background-repeat: no-repeat;
    background-size: 25px;
    font-weight: bold; 
    font-size:13px;
}
#acMain #other{
    background-color: #999;
}

#acMain dd{
    margin: auto;
    padding: 0;
	background:#f2f2f2;
	display:none;
}

#acMain ul{
    margin: 0px;
    padding: 0;
    background:#f2f2f2;
	line-height:20px;
	text-align:left;
    list-style-type: none;
    border-top:#666 1px solid;
}
#acMain li{
    margin: 0px;
    padding: 10px 15px;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    margin-top: -1px;
}
#acMain li:first-child{
    border-top:none;
}
#acMain li:last-child{
    border-bottom:none;
}

#acMain ul.info-list{
    margin: 4px 20px;
    padding: 0;
	line-height:20px;
	text-align:left;
    list-style-type: disc;
    border: 0;
}
#acMain ul.info-list li{
    margin: 0px;
    padding: 4px 6px;
    border:0;
    margin-top: -1px;
}

#acMain h5{
    margin: 5px 5px;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
    font-size:14px;;
    letter-spacing:1px;
    text-align:center;
}

#acMain .mainText{
    padding: 10px 10px 24px 10px;
    line-height:20px;
    letter-spacing:1px;
}

#acMain img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    max-width: 250px;
}
#acMain img.logoImg{
    width: 180px;
}
#acMain img.circleImg{
    margin-bottom: 10px;
}
/* 問い合わせ注釈 */
#acMain p.about-mail{
    font-size: 10px;
    color: #666;
    line-height: 1.7;
}

/* まとめ */
.matome{
    margin:10px 10px;
    padding:10px 10px 10px 10px;
    border: 2px solid #B92A2C;
    font-size:0.8em;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


/* テーブル関連 */
table {
    border: 0px #000000 solid;
    border-collapse: separate;
    border-spacing: 20px;
}

td {
    text-align: center;
    vertical-align: top;
}

/* ボタン */
button.check {
    font-size: 1.0em;
    font-weight: bold;
    padding: 5px 5px;
    background-color: #666;
    color: #fff;
    border-style: none;
    width: 80px;
    height: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* 以下、スマホ対応 */
img {
max-width : 100% ;
height : auto ;
}

@media screen and (max-width: 400px) {
    body {
        width: 100%;
    }

    @media screen and (min-width: 400px) {
        body {
            width: 400px;
        }
    }
}


/* 退会リンク(ios ver.1.3.1以降からはメールではなくWebViewから退会処理を行うため表示を切り替えている) */

#mail-withdrawal{
    display: none;
}
#webview-withdrawal{
    display: block;
}

html[class*="monolink-0101"] #mail-withdrawal{
    display: block;
}
html[class*="monolink-0101"] #webview-withdrawal{
    display: none;
}

html[class*="monolink-0102"] #mail-withdrawal{
    display: block;
}
html[class*="monolink-0102"] #webview-withdrawal{
    display: none;
}

html[class*="monolink-010300"] #mail-withdrawal{
    display: block;
}
html[class*="monolink-010300"] #webview-withdrawal{
    display: none;
}