@charset "utf-8";

br.pc{ display: none;}
article.nonav .contents{padding:0 !important;}
article.nonav .contents .main{padding:0 !important;}
article article{border: none !important;}
article{border-radius:0 !important;}
#korekaramo { -webkit-font-smoothing: antialiased; background: #ffffff !important; width: 100%; }
#korekaramo img{height:auto !important;}
#korekaramo .header { background: none !important; padding: 0 !important; text-align: center; }
#korekaramo .header_pc{display:none;}
#korekaramo .header_sp{display:block;}
.main {font-size:1.3em;}
#korekaramo article { width: 100%; background: #fff !important; padding: 3% !important; box-shadow:none !important; margin-top:0 !important;}
#korekaramo .summary{ background:#a5c794 !important; color:#2b2929 !important;}
#korekaramo .summary .summary_txt {  text-align: left; margin:10px 0 20px 0; font-size:1.0em; color:#fff !important; background:#261204; padding:20px 10px !important;}
#korekaramo .summary .summary_txt p{  font-size:1.0em; color:#fff !important; line-height: 1.5em !important;}
#korekaramo .summary h3{ background:#59260a !important; color:#ffffff; padding:10px 5px !important; text-align:center;}
#korekaramo .summary h4{border-bottom: 2px solid #2b2929 !important; font-size:1.1em !important; padding: 10px 0 5px 0 !important; line-height: 1.3em;}
#korekaramo .summary .corner{background-color:rgba( 255,255,255,0.6); padding:40px 20px 30px 20px; margin:10px 0 20px 0; }
#korekaramo .corner .photo-out{padding:0;}
#korekaramo article p{margin-top:20px !important; font-size:0.9em; line-height: 1.3em;}

@media screen and (min-width: 640px){
br.sp{display: none;}
br.pc{display: block;}
article{display: block !important;}
#korekaramo article {padding: 3% 3% 1% 3% !important; }
#korekaramo .header_pc{display:block;}
#korekaramo .header_sp{display:none;}
#korekaramo .summary .summary_txt { text-align: center; margin:10px 0 20px 0; font-size:1.1em; padding-bottom: 40px !important;}
#korekaramo article p{text-align:center !important; font-size:1.0em; line-height: 1.5em; margin:20px 0 0 0;}
article.nonav .contents section{max-width: 1120px !important;}
#korekaramo .summary h4{font-size:1.2em !important; text-align: center;}

/* photo */
#korekaramo .corner .photo-out{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin:0 0 30px 0; padding:0 10px;}
#korekaramo .corner .photo-out .photo{width:32%; padding:0 10px;}
#korekaramo .corner .photo-out .photo:first-child{width:65%; }

}
