@charset "utf-8";

#main_ article > header {padding:50px 0 20px;}
#main_ article > header > h1 {display:block; font-size:3.0rem;}
#main_ article > header > p {font-size:1.4rem;}
#main_ article > header > figure {margin:1.4em 0 0;}
#main_ article > header > figure > img {display:block; margin:0 auto;}
#main_ article > header > figure > figcaption {color:#cc0e19; font-size:1.4rem; font-weight:bold; line-height:1.5;}

#mailmagazine {width:940px; margin:0 auto; border-top:1px #e5e5e5 solid; text-align:left;}
#mailmagazine::after{display:block; content:""; height:0; clear:both; overflow:hidden;}
#mailmagazine > * {margin:0 0 0 240px;}
#mailmagazine > h1 {float:left; width:220px; margin:0; padding:1.4em 0; font-size:1.8rem; font-weight:bold; line-height:1.5;}
#mailmagazine > ul {border-bottom:1px #e5e5e5 solid; font-size:1.4rem;}
#mailmagazine > ul > li {padding:1.8em 0; border-top:1px #e5e5e5 solid;}
#mailmagazine > ul > li:first-child {border-top-width:0;}
#mailmagazine > ul > li > h2 {font-size:1.8rem; font-weight:bold;}
#mailmagazine > ul > li > h2 small {display:block; margin:0.3em 0 0; font-size:1.2rem; font-weight:normal;}
#mailmagazine > ul > li > p {margin:1em 0 0;}
#mailmagazine > footer {padding:20px 0 0; font-size:1.4rem;}
#mailmagazine > footer input[type="checkbox"] {display:none;}
#mailmagazine > footer input[type="checkbox"] + label {display:inline-block; position:relative; padding:0 0 0 2.4em; text-indent:-2.4em; cursor:pointer;}
#mailmagazine > footer input[type="checkbox"] + label:before {
	display:inline-block; content:"\e912"; width:1em; margin:-0.06em 0.2em 0 0; color:#e5e5e5; font:normal 2em/1 icons; text-indent:0; vertical-align:middle;}
#mailmagazine > footer input[type="checkbox"]:checked + label:before {content:"\e913"; color:#666;}
#mailmagazine > footer > .c-button-mail {display:table; margin:1em 0 0; border-color:#999; background-color:#999; font-size:1.8rem; pointer-events:none;}
#mailmagazine > footer input[type="checkbox"]:checked ~ .c-button-mail {border-color:#cc0e19; background-color:#cc0e19; pointer-events:auto;}
#mailmagazine > footer input[type="checkbox"]:checked ~ .c-button-mail:hover {border-color:#e06e75; background-color:#e06e75;}

@media screen and (max-width:599px) {

#main_ article {font-size:1.2rem; font-size:3.75vw;}

#main_ article > header {padding:1.5em 0;}
#main_ article > header > h1 {margin:0; padding:0; border-width:0; font-size:4.6875vw;}
#main_ article > header > p {font-size:1.0rem; font-size:3.125vw;}
#main_ article > header > figure {}
#main_ article > header > figure > img {width:60%; height:auto;}
#main_ article > header > figure > figcaption {font-size:1.0rem; font-size:3.125vw;}

#mailmagazine {width:auto; margin:0 20px;}
#mailmagazine::after{}
#mailmagazine > * {margin:0;}
#mailmagazine > h1 {float:none; width:auto; font-size:1.5rem; font-size:4.6875vw;}
#mailmagazine > ul {font-size:1.2rem;}
#mailmagazine > ul > li {}
#mailmagazine > ul > li:first-child {border-top-width:1px;}
#mailmagazine > ul > li > h2 {font-size:1.5rem; font-size:4.6875vw;}
#mailmagazine > ul > li > h2 small {font-size:1.0rem; font-size:3.125vw; font-weight:normal;}
#mailmagazine > ul > li > p {}
#mailmagazine > footer {padding:1em 0 0; font-size:1.2rem; font-size:3.75vw;}
#mailmagazine > footer input[type="checkbox"] {}
#mailmagazine > footer input[type="checkbox"] + label {}
#mailmagazine > footer input[type="checkbox"] + label:before {}
#mailmagazine > footer input[type="checkbox"]:checked + label:before {}
#mailmagazine > footer > .c-button-mail {display:block; font-size:1.5rem; font-size:4.6875vw;}
#mailmagazine > footer input[type="checkbox"]:checked ~ .c-button-mail {}
#mailmagazine > footer input[type="checkbox"]:checked ~ .c-button-mail:hover {}
	
}