@charset "utf-8";
/* 朝活！米株塾 */

/* 共通 */
.lpWrap{text-align: center; width: auto !important; margin: 0 auto !important;}
section.wideSec2{width: 1060px; margin: -10px auto 0 !important;}
.mogbak{ padding: 2rem 0 0 0; background-color: #FFffff;}
.mogbak img{ margin:0;}
.mogday{ padding: 1rem 0 3rem 0; background-color: #FFDFDF;}
.mogday img{ margin:0;}
h1 img{max-width: 100% !important;}
h2{ color: #FFFFFF; font-size: 170% !important; line-height: 2.4; background: #183F7B; margin-top: 4rem !important;}
h3{ color: #FFFFFF; font-size: 180% !important; line-height: 2.4; margin-top: 4rem !important;}
h4{ font-size: 177% !important; line-height: 1.4; margin-top: 3rem !important;}
.h3bk01{ background-color: #CC0000;}
.h3bk02{ background-color: #183F7B;}

.colWrap{text-align: left !important;}
.bdBox082{ border: 3px #0005FF; border-top: 3px solid #cc0000; border-bottom: 5px solid #d9d9d9; background: #fff; margin: 0 8rem !important;}
.bdBox08{ border: 1px solid #d9d9d9; border-top: 3px solid #cc0000; border-bottom: 5px solid #d9d9d9; background: #fff; margin: 0 8rem !important;}
.bdBox08 p{ font-weight: bold; font-size: 130% !important;}
.epi{font-size:3rem ; font-weight: bolder; display: inline-block; border: 3px solid #c9312d; background: #c9312d; color: #fff; line-height: 1.2; padding:5px 5px 2px;margin-right: 10px;}
.yer{font-weight: bold; font-size: 155%;}
.day{font-weight: bold; font-size: 210%;}
.face{ float: right; width: auto; margin-top: -10px !important; margin-right: -30px !important;}
.name{ font-weight: bold; font-size: 150%; margin-left: 1rem !important;}
a.linkWrap01:hover h3 span{ text-decoration: underline;}

/*バックナンバー左揃え*/
.bakno{ text-align: left; margin: 30px 0 0 0;}
.bakno li{ line-height: 3.5; padding: 0.2rem 0 1rem 0;}
.bakno img{ margin: 0 2rem;}
.bakno li:hover{ background: #FFDFDF;}
.baktit{font-size: 130%; font-weight: bold; display: inline-block; width: 50rem; color: #0037CF !important; line-height: 1;}
.date{font-size: 114%; display: inline-block; width: 15rem; text-align: right;}
.epino{font-size:1.8rem ;display: inline-block; border: 2px solid #c9312d; background: #c9312d; color: #fff; line-height: 1; padding:4px 5px 3px;margin: 20px;}


/* pc */
.fonttyp01{ color: #0037CF !important; font-weight: bold;}
.fonttyp02{ color: #D10B17 !important;}
.fonttyp03{ font-size: 77% !important;}
.fonttyp04{ color: #0037CF !important; font-weight: bold; font-size: 110%;}

/*スマホ*/
@media screen and (max-width: 768px){
.colWrap{width: 96% !important; padding-left: 1rem !important;}
h3{font-size: 124% !important; line-height: 1.3 !important; margin-top: 1rem !important;}
h4{line-height: 1.3; margin-top: 1rem !important;}
.h3bk01{ line-height: 2.4 !important;}
.h3bk02{ line-height: 2.4 !important;}
.lpWrap{ width: auto !important;}
.bdBox08{ width: auto !important; margin: 0 1rem !important; padding: 0.6rem !important;}
.bdBox08 img{max-width: 60% !important;}
.bdBox08 p{ font-size: 98% !important;}
.epi{font-size:2rem ; padding:3px 5px 2px;margin-right: 5px;}
.yer{font-size: 120% !important;}
.day{font-size: 160% !important;}
.name{ font-size: 140%; margin-left: 0 !important;}
.face{ float: none; margin: 1px 0 0 50px !important;}

.contents{ width: 100% !important;}
section.wideSec2{width: 100% !important; margin: 50px auto 0;}

/*バックナンバー左揃え（スマホ）*/
.bakno{ margin-top: 1rem; margin-left: 3rem; text-align: left !important;}
.bakno li{ line-height: 1; padding: 0 0 1rem 1rem;}
.baktit{font-size: 130%; font-weight: bold; display: inline-block; width: 100% !important; line-height: 1.1 !important; margin-bottom: 1rem;}
.date{display: inline-block; width: 12rem; text-align: left !important;}
.epino{ margin-top: 0 !important;}

}