@charset "utf-8";
/*---------------------------------------------
	sugiru
  ---------------------------------------------*/
#yomimono-content #yomimono-content-wrap{ background:#fffeec;}


/* シェアボタン */

.yomimono-detail-summary { padding: 8px 0 60px;}

@media screen and (max-width: 767px) {
  .yomimono-detail-summary {
    padding: 30px 0 20px 0;
  }
}

.yomimono-detail-summary #yomimono-detail-share { top: 12px;}
@media screen and (max-width: 767px) {
  .yomimono-detail-summary #yomimono-detail-share { top: -12px;}
}


/*div#yomimono-content-main #yomimono-detail-share {
margin:25px 10px 0 0;
}
.btn-share { margin: 0 -4px 12px 0;}
@media screen and (max-width: 767px) {
div#yomimono-content-main #yomimono-detail-share {margin:10px 10px 0 0;}
.btn-share { margin: 0 -4px 5px 0;}
}*/

@media screen and (min-width: 1200px), print {
  #yomimono-content #bread-crumb {
    width: calc(100% - 400px);
  }
}

@media screen and (min-width: 768px), print {
  #yomimono-content #bread-crumb {
    position: absolute;
  }
}

#yomimono-content-side { background: #ffffff;}

.mainvisual {
  color: #fff;
}
.mainvisual h1{ padding:0;}
.mainvisual h1 img{ margin:80px 0 0 0;}

.mainvisual-inner {
  min-height: 380px;
  width: 500px;
  padding: 10px 0 10px;
}

@media screen and (max-width: 767px) {
  .mainvisual-inner {
    min-height: 80px;
    width: 60%;
    padding: 10px 0;
  }
}

.mainvisual {
  background: url(/yomimono/sugiru/images/main_img.jpg);
  background-position: top center;
  background-size: cover;
  padding: 70px 0 0 0;
}

@media screen and (max-width: 767px) {
.mainvisual {
padding:10px 0 0 0;

  }
}

@media screen and (max-width: 767px) {
  .mainvisual-top .mainvisual-inner {
    padding-bottom: 80px;
  }
}

/* スマホ対応 */
@media screen and (max-width: 480px) {
  .mainvisual-inner {
    min-height: 80px;
    width: 40%;
    padding: 10px 0;
  }
.mainvisual {
  background: url(/yomimono/sugiru/images/main_img_sp.jpg);
  background-position: top right;
  background-size: cover;
  /*padding: 70px 0 0 0;*/
}
.mainvisual h1 img{ margin:20px 0 0 0;}
}
.mainvisual #page-title h1 {
  padding-bottom: 25px;
}

div.message-content{ text-align:center; background:#fdf1cf; padding:75px 0; color:#000000;}
div.message-content h2{ font-weight:bold; color:#ff7200;}
.bg-orange {background-color: #ec6941 !important;}
@media screen and (max-width: 767px) { div.message-content{ padding:40px 0;}}

div.course{ padding:35px 0; color:#000000;}
div.course div.row{ padding:0 10vw;}
div.course div.row h3{ margin-bottom:75px;}

div.course div.row div.col-set{ padding:0 5vw;}
div.course div.row div.profile{ margin-bottom:75px;}
div.course div.row div.profile h4{ border-bottom:7px solid #f39800; padding-top:15px; font-size:1.75rem;}
div.course div.row div.profile h4 span{ font-size:1.19rem;}
div.course div.row div.profile p{ line-height:1.5;}
div.course div.row div.profile ul li{ display:inline-block; list-style:none; padding-left:0; padding-right:5px;}
div.course div.row div.profile ul li a{ text-decoration: none;}
div.course div.row div.profile ul li:before { display:none;}
div.course div.row div.profile ul li.sns01{ background: url(/yomimono/sugiru/images/sns_icon01.png) no-repeat;}
div.course div.row div.profile ul li.sns02{ background: url(/yomimono/sugiru/images/sns_icon02.png) no-repeat;}
div.course div.row div.profile ul li.sns03{ background: url(/yomimono/sugiru/images/sns_icon03.png) no-repeat;}
div.course div.row div.profile ul li.sns01,
div.course div.row div.profile ul li.sns02,
div.course div.row div.profile ul li.sns03{background-position: left center; padding-left:30px;}
@media screen and (max-width: 767px) { div.course div.row div.profile p img{ width:50%;}}

div.ok_com{ color:#000000;}
div.ok_com div.col2-3 p{ margin-right:15%;}
@media screen and (max-width: 767px) {
div.ok_com div.col2-3 p{ margin-right:0;}
div.ok_com div.col1-3 p{ display:inline-block; width:48%;}
}
div.ok_com div.col1-3 p a{ border-radius: 15px;}

/* ガイドライン */
div#guide_com div.row{ padding:80px 15vw 40px 15vw; color:#000000;}
div#guide_com div.row h2,
div#guide_com div.row h3{ font-size:2rem; background: url(/yomimono/sugiru/images/li_icon02.png) no-repeat; background-position: left center; padding-left:40px; border-bottom:11px solid #fff799;}
div#guide_com div.row h4{ font-size:1.13rem; color:#eb6100;}
div#guide_com div.row ol li{ display:inline-block; list-style:none; margin:0; padding:0;}
div#guide_com div.row ul li:before { background-color: #000000;}
@media screen and (max-width: 767px) {
 div#guide_com div.row{ padding:80px 8vw 40px 8vw;}
 div#guide_com div.row h2,div#guide_com div.row h3{ font-size:1.7rem;}
 }

/* 右エリア */
div.application{ background:#ff7200; border-radius: 15px; padding:20px 0; text-align:center; position: relative; width:100%;}
div.application a{ display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; border-radius: 15px;}
div.application:hover{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
@media screen and (max-width: 1199px){ div.application .show-pc{ display:none;}/* div.application{ padding:0;}*/}
@media screen and (max-width: 767px) { div.application img{ width:60%;}}

div.interview{ background:#89c997; border-radius: 15px; padding:0; text-align:center; position: relative; width:100%;}
div.interview a{ display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; border-radius: 15px;}
body.interview_pro div.interview,
body.guide_pg div.application{ display:none;}

#yomimono-content-side .side-title h2{ font-weight:bold; letter-spacing: -1px; margin:100px 0 0 0;}
#yomimono-content-side h3{ font-weight:bold; letter-spacing: -0.5px; text-align:center; color:#3f3d36; margin:100px 0 15px 0;}
#yomimono-content-side ul.ts_sns li:before { display:none;}
#yomimono-content-side ul.ts_sns li:hover{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
#yomimono-content-side ul.ts_sns li{ display:inline-block; width:48%; padding:0;}
#yomimono-content-side ul.ts_sns li img{ width:100%;}
#yomimono-content-side ul.ts_sns{ margin:0 auto 60px auto; }
@media screen and (max-width: 1199px){
 #yomimono-content-side ul.ts_sns{ width:60%;}
 #yomimono-content-side .side-title h2{ margin:50px 0 0 0;}
 #yomimono-content-side h3{ margin:50px 0 15px 0;}
 }
@media screen and (max-width: 767px) { #yomimono-content-side ul.ts_sns{ width:100%;}}



#yomimono-content-side .side-list { border-top:none !important; color:#3f3d36;}
#yomimono-content-side .side-list li { padding: 0 0 15px 0; border-bottom: 1px solid #b5b5b5;}
#yomimono-content-side .side-list ul li p{ margin-bottom:0; font-size:1.3rem; background: url(/yomimono/sugiru/images/li_icon.png) no-repeat; background-position: left center; padding-left:20px;}
#yomimono-content-side .side-list p.btn a{ color:#FFFFFF;}
body.contest_sp #yomimono-content-side p.btn{ display:none;}
div.main-message{ display:none;}
body.contest_sp div.main-message{ display:block;}

/* コンテスト結果ページ */

div#contest div.row{ padding:80px 10vw 40px 10vw; color:#000000;}
div#contest div.row h3{ text-align: center; padding: 8px 0 8px 0; margin: 0  4vw; color: #ffffff; font-size: 2.1rem; background: url(/yomimono/sugiru/images/h3_left.gif) no-repeat top left, url(/yomimono/sugiru/images/h3_right.gif) no-repeat top right, url(/yomimono/sugiru/images/h3_repeat.gif) repeat-x;}
div#contest div.row h4{ text-align: center; margin: 0;}
div#contest div.row h4 img{ padding: 40px 0 0 0;}
div#contest div.row div.tokusen{ background: #FFFFFF; border: 6px solid #fff100; border-radius: 15px; padding: 30px 50px 10px 50px;}
div#contest div.row div div.col-set{ margin-bottom: 20px;}
div#contest div.row div.tokusen div.col-set div.col1618-2618{ padding-left: 3vw;}
div#contest div.row div.nyusen div.col-set div.col1618-2618{ padding-left: 2vw;}
div#contest div.row div h5,
div#contest div.row div h6,
div#contest div.row div p.com_title{ text-align: center;}

div#contest div.row div.tokusen h5{ font-size: 1.9rem; line-height: 1.2; padding-top: 10px; margin-bottom:-5px;}
div#contest div.row div.tokusen h6{ font-size: 1.8rem;}
div#contest div.row div.tokusen h6 span{ font-size: 1.13rem;}
div#contest div.row div.tokusen p.com_title{ background-color: #ff7200; border-radius: 20px; color:#FFFFFF; font-weight: bold; margin: 0 4.5vw 10px 4.5vw; padding: 3px 10px;}
div#contest div.row div.tokusen p.com_text{ line-height: 1.4; font-size: 1.13rem; margin: 0 2vw;}

div#contest div.row div.nyusen{ background: #FFFFFF; border: 5px solid #d2d2d2; border-radius: 15px; padding: 30px 50px 10px 50px; margin:0 3vw;}
div#contest div.row div.reiwa,
div#contest div.row div.brown{ border: 5px solid #a8674a;}
div#contest div.row div.pink{ border: 5px solid #d24855;}

div#contest div.row div.nyusen h5{ font-size: 1.7rem; line-height: 1.2; padding-top: 10px; margin-bottom: 3px;}
div#contest div.row div.nyusen h6{ font-size: 1.5rem;}
div#contest div.row div.nyusen h6 span{ font-size: 1rem;}
div#contest div.row div.nyusen p.com_title{ background-color: #ff7200; border-radius: 20px; color:#FFFFFF; font-weight: bold; margin: 0 4vw 10px 4vw; padding: 3px 10px;}
div#contest div.row div.nyusen p.com_text{ line-height: 1.4; font-size: 1.13rem; margin: 0 2vw;}


div#contest div.row h4.all_list{ border-bottom: solid 6px #fff100; padding-bottom: 11px; margin: 78px 0 30px 0; font-size: 1.9rem;}

@media screen and (max-width: 1600px){
	div#contest div.row{padding:80px 3vw 40px 3vw;}
div#contest div.row div.tokusen div.col-set div.col1618-2618{ padding-left: 0.5vw;}
	div#contest div.row div.nyusen{ margin:0 2vw;}
}

@media screen and (max-width: 1400px){
div#contest div.row{padding:80px 3vw 40px 3vw;}
div#contest div.row div.tokusen div.col-set div.col1618-2618{ padding-left: 0.5vw;}
div#contest div.row div.tokusen h5{ font-size: 1.5rem;}
div#contest div.row div.tokusen h6{ font-size: 1.3rem;}
div#contest div.row div.tokusen p.com_title,
div#contest div.row div.nyusen p.com_title{ margin: 0 0 10px 0;}
}

@media screen and (max-width: 1199px){
div#contest div.row div.tokusen h5{ font-size: 1.9rem; line-height: 1.2; padding-top: 10px;}
div#contest div.row div.tokusen h6{ font-size: 1.8rem;}
div#contest div.row div.tokusen h6 span{ font-size: 1.13rem;}
div#contest div.row div.tokusen p.com_title,
div#contest div.row div.nyusen p.com_title{ margin: 0 4.5vw 10px 4.5vw;}
div#contest div.row h3{ margin: 0;}
}

@media screen and (max-width: 767px) {
	div#contest div.row{ padding:80px 2vw 40px 2vw;}
	div#contest div.row div.tokusen{ padding: 30px 20px 10px 20px;}
	div#contest div.row div.nyusen{ padding: 30px 20px 10px 20px; margin:0;}
	div#contest div.row div.tokusen div.col-set div.col1618-2618{ padding-left: 0; margin:0 3vw;}
	div#contest div.row div.nyusen p.com_text,
	div#contest div.row div.tokusen p.com_text{ margin: 0;}
	div#contest div.row h3{ font-size: 1.4rem; padding: 8px 0 12px 0; background: url(/yomimono/sugiru/images/h3_left_sp.gif) no-repeat top left, url(/yomimono/sugiru/images/h3_right_sp.gif) no-repeat top right, url(/yomimono/sugiru/images/h3_repeat_sp.gif) repeat-x;}
}

/*アニバーサリーページ*/
body.anniversary div#contest div.row h4.all_list{margin: 0 0 30px 0;}
body.anniversary .col1-5{ padding: 0;}
body.anniversary .label-inline{ margin: 0 0 5px 0; background: #89c997;}
body.anniversary .col1-5 p{ line-height: 1.2;}
body.anniversary div#contest div.row h4 img{ padding: 0;}

@media screen and (max-width: 767px) {
body.anniversary div#contest div.row h4.all_list img{ width: 70%;}	
	}