@charset "utf-8";
/*|||||||||||||| 共通 ||||||||||||||*/
html{font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
img{max-width: 100%;vertical-align: bottom;}
video{width: 100%;display: block;}

@media only screen and (min-width: 769px) {
body{line-height: 1.7;font-size:16px; }
.sp{display: none;}
section{margin-bottom: 80px;}
}
@media only screen and (max-width: 768px) {
body{line-height: 1.5;font-size:14px;}
.pc{display: none!important;}
section{margin-bottom: 30px;}
}




/*|||||||||||||| ヘッダー ||||||||||||||*/
header{padding:20px 35px;}
header h1 img{width:140px}

@media only screen and (max-width: 768px) {
header{padding:10px 15px;}
header h1 img{width:100px}
}


/*|||||||||||||| メインイメージ ||||||||||||||*/
#main{position: relative;}
#main .main_img{width: 100%;}
#main .lead{position: absolute;text-align: center;top:10%;right:0;left: 0;}
/* #main .lead h2 img{width: 500px;} */

@media only screen and (max-width: 768px) {
#main .main_img{width: 100%;}
#main .lead{top:5%;}
#main .lead h2 img{width: 75%;}
}


/*|||||||||||||| コンテンツ ||||||||||||||*/
.contents{max-width: 1000px;margin-left: auto;margin-right: auto;}

strong{color: #cb0027;}
h3{width: 80%;margin: 0 auto 30px;font-size: 28px;font-weight: bold;text-align: center;padding: 11px;color: #fff;background: #cb0027;line-height: 1;}
h4{width: 100%;font-size: 19px;font-weight: bold;text-align: left;padding: 8px 12px;color: #fff;background: #cb0027;line-height: 1;}
.out_line{border: 1px solid #cb0027;padding: 11px 13px 17px 13px;}


@media only screen and (max-width: 1020px) {
.contents{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 768px) {
h3{width: 90%;margin: 0 auto 15px;font-size: 20px;padding: 8px;line-height: 1;}
h4{font-size: 16px;padding: 6px 10px;line-height: 1;}
.out_line{padding: 10px 10px 12px 10px;}
}

/* 電ドラボールの使い方 */
#howtouse p{margin-bottom: 10px;}
#howtouse .m6{color: #cb0027;margin: 0 auto;width: 75%;font-weight: bold;padding-bottom: 15px;}
#howtouse .howtouse_item p{text-indent: -2em;padding-left: 2em;margin-bottom: 23px;}
#howtouse .howtouse_item p.onegai{margin-bottom: 0;text-indent: -0.5em;padding-left: 0;}
.howtouse_item dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.howtouse_item dl dt{width: 60%;}
.howtouse_item dl dd{width: 35%;}
.howtouse_item dl dd img:nth-of-type(2){margin-top: 5px;}
.howtouse_item dl > *:nth-of-type(n+2){margin-top: 15px;}

@media only screen and (max-width: 768px) {
#howtouse p{margin-bottom: 10px;}
#howtouse .m6{width: 90%;padding: 6px;}
#howtouse .m6 span{display: inline-block;margin-left: 0.5em}
#howtouse .howtouse_item p{margin-bottom: 13px;}
.howtouse_item dl{display: flex;justify-content: space-between;}
.howtouse_item dl dt img{margin-top: 10px;}
.howtouse_item dl dt{width: 100%;}
.howtouse_item dl dd{width: calc(100% - 2em);margin-left: 2em;}
.howtouse_item dl > dd:nth-of-type(n+2){margin-top: 0;}
}

/* Q＆A（よくある問い合わせ） */
#qa tr:first-of-type td{padding-top: 5px;padding-bottom: 5px;}
#qa td{border: 1px solid #cb0027;padding: 11px 13px 17px 13px;}
#qa td:first-of-type{width: 18%;}
#qa th{font-size: 18px;font-weight: bold;text-align: left;padding: 8px 12px;color: #fff;background: #cb0027;line-height: 1;border: 1px solid #cb0027;}
#qa td p{text-indent: -1.2em;padding-left: 1.2em;display: block;}
#qa td dl{display: flex;justify-content: space-between;}
#qa td dl dt{width: 60%;}
#qa td dl dd{width: 35%;}

#qa td p.tx_indent{text-indent: -2em;padding-left: 3.2em;margin-top: 15px;}
#qa td .indent02{text-indent: -1em;padding-left: 4.2em;}

@media only screen and (max-width: 768px) {
#qa table,
#qa tbody,
#qa tr,
#qa th,
#qa td{display: block;}

#qa td{border: 1px solid #cb0027;padding: 10px 10px 12px 10px;border-top: none;}
#qa td:first-of-type{width: 100%;background: #facfd7;padding: 8px 10px 8px 10px;}
#qa th{font-size: 16px;font-weight: bold;text-align: left;padding: 6px 10px!important;line-height: 1;border: 1px solid #cb0027;margin-top: 15px;}

#qa td p{text-indent: -1.2em;padding-left: 1.2em;}
#qa td dl{display: block;}
#qa td dl dt{width: 100%;}
#qa td dl dd{width: 100%;text-align: center;margin-top: 10px;}
}

/* 電ドラボールを安全にご使用いただくために */
#attention p{text-indent: -4em;padding-left: 4em;}



/*|||||||||||||| フッター ||||||||||||||*/
footer{padding:20px;text-align: center;font-size: 11px;background: #c4c4c4;color: #4c4c4c;}

@media only screen and (max-width: 768px) {
footer{padding:12px;font-size: 11px;}
}