@charset "UTF-8";
/* CSS Document */


/* ------------------------------------------------------------
　全体
------------------------------------------------------------*/

* { margin:0; padding:0; }

.clearfix::after { content:""; display:block; clear:both; }

.marathon .flexbox { display:flex; flex-wrap:nowrap; justify-content:space-between; }

.marathon { font-family:'ヒラギノ角ゴ ProN'; font-size:14px; text-align:center; }
.marathon .wrapper { max-width:960px; margin:0 auto; }

.marathon p { margin-top:10px; }
.marathon ul { list-style-type:none; }

.marathon img { display:block; max-width:100%; border:0; margin:0 auto; }

.marathon a { color:#000000; }
.marathon a:link { color:#000000; text-decoration:underline; }
.marathon a:hover { color:#000000; opacity:0.7; }
.marathon a:active { color:#000000; }

#footer_copyright { color:#000000; font-size:12px; text-align:center; padding:10px 0; }


/* ------------------------------------------------------------
　Entry_Limit
------------------------------------------------------------*/

.marathon .entry_limit { width:90%; border-top:solid 1px #df3735; border-bottom:solid 1px #df3735; color:#df3735; }
.marathon .entry_limit_title { font-weight:bold; }
.marathon .entry_limit_text { font-weight:bold; }
.marathon .entry_limit_text span { font-size:1.2em; }


/* ------------------------------------------------------------
　Attention
------------------------------------------------------------*/

.marathon .attention { text-align:left; }
.marathon .attention ul { padding:0; margin:5%; }
.marathon .attention ul li { padding:0 0 5px; margin:0; }


/* ------------------------------------------------------------
　Header_Closed
------------------------------------------------------------*/

.header_closed { width:100%; }
.header_closed_bar { background:#fd5900; padding:10px; }
.header_closed_box { background:#ffffff; font-size:14px; line-height:1.6em; text-align:center; margin:0 auto; }
.header_closed_title { color:#fd5900; font-weight:bold; }


/* ------------------------------------------------------------
　PCのみ
------------------------------------------------------------*/

{* PC *}
@media (min-width:750px) {
.pc { display:block !important; }
.sp { display:none !important; }

.marathon .wrapper img { width:auto; max-width:750px; margin:0 auto; }
.marathon .w750 { width:750px; margin:0 auto; }

.marathon .title { font-size:1.6em; line-height:1.6em; }
.marathon .catch { font-size:1.4em; line-height:1.6em; }
.marathon .text { font-size:1.2em; line-height:1.6em; }
.marathon .note { font-size:1.0em; line-height:1.6em; }

.marathon .top {  }
.marathon .entry_limit { padding:1%; margin:2% auto 0; }
.marathon .detail { margin:40px auto 0; }
.marathon .button_01 { width:90%; margin:40px auto 0; }
.marathon .button_02 { width:90%; margin:20px auto 0; }
.marathon .button_03 { width:90%; margin:20px auto 40px; }
.marathon .attention {  }
.marathon .voice { width:80%; margin:20px auto; }

.header_closed_box { padding:30px; }
.header_closed_title { font-size:30px; }

#footer_link { background:#ffffff; color:#000000; font-size:16px; text-align:center; padding:30px 0; }
#footer_link span { margin:0 10px; }
#footer_link a { color:#666666; text-decoration:none; }

}


/* ------------------------------------------------------------
　SPのみ
------------------------------------------------------------*/

{* SP *}
@media (max-width:750px) {
.pc { display:none !important; }
.sp { display:block !important; }

.marathon h1 img { width:100%; }

.marathon .title { font-size:1.6em; line-height:1.6em; }
.marathon .catch { font-size:1.4em; line-height:1.6em; }
.marathon .text { font-size:1.2em; line-height:1.6em; }
.marathon .note { font-size:0.9em; line-height:1.4em; }

.marathon .top {  }
.marathon .entry_limit { padding:3%; margin:3% auto 5%; }
.marathon .detail { margin:10px auto 0; }
.marathon .button_01 { width:90%; margin:20px auto 0; }
.marathon .button_02 { width:90%; margin:10px auto 0; }
.marathon .button_03 { width:90%; margin:10px auto 40px; }
.marathon .attention {  }
.marathon .voice { width:95%; margin:20px auto; }

.header_closed_box { padding:20px; }
.header_closed_title { font-size:22px; line-height:1.6em; }

#footer_link ul li { background:#004d2b; border-bottom:solid #ffffff 1px; color:#ffffff; font-size:14px; text-align:center; padding:0 10px; }
#footer_link ul li a { width:100%; display:block; color:#ffffff; text-decoration:none; padding:20px 0px; }

}
