@charset "UTF-8";

body { -webkit-text-size-adjust: 100%;}/* SP対応 */

.clearfix:after {
     content: "."; 
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
}
.clearfix {
     min-height: 1px;
}
* html .clearfix {
     height: 1px;
     /*¥*//*/
     height: auto;
     overflow: hidden;
     /**/
}

ul, li, dl, dt, dd {list-style: none; margin:0;}

.main-contents730{ /* SP対応 */
    font-size: 100%;
    max-height: 100%;
}

/* -------------------------------------------------------
コンテンツ枠
------------------------------------------------------- */
div.plate_bg {
    background-image: url(../images/i_plate_common_bg.jpg);
    width: 735px;
}
div.plate_bg_tp {
    background-image: url(../images/i_plate_common_bg_tp.jpg);
    background-repeat: no-repeat;
    background-position: 0 top;
}
div.plate_bg_btm_ptn2 {
    background-image: url(../images/i_plate_common_bg_btm.jpg);
    background-repeat: no-repeat;
    background-position: 0 bottom;
}
div.contents_box {
    padding: 0 20px;
    clear: both;
    display: block;
    text-align: center;
}

/* -------------------------------------------------------
共通
------------------------------------------------------- */
#story {
  width: 695px;
	padding: 35px 0 60px 0;
	clear: both;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;												
	line-height: 1.8;
	color: #2d2d2d;
}
.mincho{
    font-family: "Times New Roman","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,serif;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chromeの文字かすれ対策 */
#story { font-weight: 500; }
}

a:hover img,
.hoverAlpha:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7}

.read{font-size:18px;color:rgb(45, 45, 45);line-height:2.5;text-align:center;margin-top:15px;}
.read_line{background:url(../images/line_read.png) repeat-x left bottom;padding:0 0 5px 0;margin:30px 0 10px 0;color:rgb(45, 45, 45);}

.shareCont{text-align: right; padding-top:6px;}

.newstory{margin-top:24px;}
.item_new,
.item_update,
.item_detail{position:relative;}
.item_new .image{float:left;width:342px;height:342px;}
.item_detail .image{float:left;width:348px;height:280px;}
.item_new .textarea,
.item_update .textarea,
.item_detail .textarea{width:353px;height:342px;background-color:rgb(255, 247, 218);position:relative;padding:43px 30px 0 30px;box-sizing:border-box;float:left;}
.item_detail .textarea{width:347px;height:280px;padding:24px 20px 0 20px;}
.item_new .textarea .update,
.item_update .textarea .update{background-color:rgb(223, 0, 36);width:123px;height:25px;position:absolute;font-size:12px;color:rgb(255, 255, 255);line-height:25px;text-align:center;left:11px;top:25px;}
.item_new .textarea .label,
.item_update .textarea .label{font-size:21px;color:rgb(45, 45, 45);line-height:1;text-align:center;background-color:rgb(255, 255, 255);line-height:47px;padding-top:3px;}
.item_new .textarea .label *,
.item_update .textarea .label *{color:rgb(45, 45, 45);}
.item_new .textarea .label .small{font-size:14px;}
.item_new .textarea .label .number,
.item_update .textarea .label .number,
.item_detail .number{font-size:27px;color:rgb(45, 45, 45);font-style:italic;}
.item_new .textarea .fukidashi,
.item_update .textarea .fukidashi,
.item_detail .textarea .fukidashi{font-size:15px;color:rgb(45, 45, 45);font-weight:bold;line-height:1.2;text-align:left;background:url(../images/icon_fukidashi.png) no-repeat left bottom;padding-bottom:24px;margin-top:16px;}
.item_detail .textarea .fukidashi{font-size:16px;line-height:1.5;margin-top:0;}
.item_new .textarea .title{font-size:30px;color:rgb(45, 45, 45);line-height:1.2;text-align:left;margin-top:-7px;}
.item_update .textarea .title,
.item_detail .textarea .title{font-size:30px;color:rgb(45, 45, 45);line-height:1.2;text-align:left;margin-top:7px;}
.item_detail .textarea .title{font-size:34px;color:rgb(223, 0, 36);line-height:1.222;margin-top:17px;}
.item_new .textarea .anchor,
.item_update .textarea .anchor{display:block;width:202px;height:42px;background:url(../images/icon_newstory.png) repeat-x left top;position:absolute;right:28px;bottom:15px;}
.item_new .newIcon,
.item_update .newIcon{display:block;width:90px;height:90px;background:url(../images/icon_new.png) repeat-x left top;position:absolute;top:6px;left:6px;}
.item_new .newIcon.border{border:2px solid #ffffff;border-radius:50%;}
.newstory .item_new .newIcon{left:10px;top:-44px;}
.item_update .image{width:460px;height:310px;}
.item_update .textarea{width:460px;height:310px;padding:34px 30px 0 30px;}
.item_detail .volIcon{display:block;width:90px;height:90px;background-color:rgb(223, 0, 36);position:absolute;top:11px;left:10px;border-radius:45px;color:#ffffff;font-size:24px;line-height:90px;text-align:center;}
.item_detail .volIcon .number{color:#ffffff;font-size:36px;}
.item_detail .volIcon.border{border:2px solid #ffffff;border-radius:50%;}

.storyList{margin-top:24px;}
.storyList .layout1{}
.storyList .layout1 .left{width:460px;float:left;}
.storyList .layout1 .right{width:225px;float:right;}
.storyList .layout1+.layout2{margin-top:11px;}
.storyList .layout2 .left{width:225px;float:left;}
.storyList .layout2 .right{width:460px;float:right;}
.storyList .layout3{margin-top:11px;}
.storyList .layout3 .item{margin-top:0px;}
.storyList .layout3 .left{width:225px;float:left;}
.storyList .layout3 .right{width:225px;float:right;}
.storyList .item{position:relative;margin-top:11px;margin-left:0px;margin-right:0px;}
.storyList .item:first-child{margin-top:0;margin-left:0;margin-right:0;}
.storyList .item:first-child img:first-child{margin-right:0;}
.storyList .item img:first-child{margin-right:5.4px;margin-left:0;}
.storyList .item .anchor{display:block;width:182px;height:38px;background:url(../images/icon_story.png) repeat-x left top;position:absolute;right:23px;bottom:24px;}
.storyList .item .coming{display:block;width:180px;height:36px;background:url(../images/icon_coming.png) repeat-x left top;position:absolute;right:23px;bottom:16px;}
.storyList .item .coming.coming2018{background-image:url(../images/icon_coming2018.png);}
.storyList .item.daizu .coming{right:256px;bottom:12px;}
.storyList .item.daizu .anchor{right:255px;bottom:24px;}
.storyList .item.tsubuyori .anchor{right:255px;bottom:24px;}

.storyDetail{margin-top:20px;}
.storyDetail .param{font-size:16px;color:rgb(45, 45, 45);line-height:2;text-align:left;}
.storyDetail .param .fwb{color:rgb(45, 45, 45);}
.storyDetail_container{width:615px;margin-left:auto;margin-right:auto;}

.design_can{margin-top:30px;}
.design_can .frame{border-left:1px solid rgb(196, 196, 196);border-right:1px solid rgb(196, 196, 196);border-bottom:1px solid rgb(196, 196, 196);width:613px;margin-left:auto;margin-right:auto;padding-top:29px;padding-bottom:31px;}
.design_can .list{margin-left:26px;margin-right:26px;}
.design_can .list .item{float:left;width:186px;height:130px;}
.design_can .list .item.item1,
.design_can .list .item.item2,
.design_can .list .item.item3{height:172px;margin-bottom:21px;}
.design_can .list .item.item3{padding-top:22px;box-sizing:border-box;}
.design_can .list .item .new{background-image:url(../shun/images/icon_hand.png);background-repeat:no-repeat;background-position:11px 96px;}
.design_can .list .item.item1 .new,
.design_can .list .item.item2 .new{background-position:11px 118px;}
.design_can .list .item .old,
.design_can .list .item._on .new{display:none;}
.design_can .list .item._on .old{display:block;}


.anchorBox{clear:both;}
.anchorTop{float:left;}
.anchorArea{text-align:right;margin-top:20px;}
a.arrowAnchor{display:inline-block;margin-right:18px !important;line-height:30px;border-left:1px solid rgb(81, 81, 81);border-top:1px solid rgb(81, 81, 81);border-bottom:1px solid rgb(81, 81, 81);background-color:rgb(255, 255, 255);font-size:15px;position:relative;text-decoration:none !important;color:rgb(45, 45, 45) !important;padding-left:15px !important;padding-right:7px !important;}
.arrowAnchor:after{content:"";display:block;width:18px;height:32px;background-image:url(../images/bg_anchor.png);background-repeat:no-repeat;background-position:right center;position:absolute;right:-18px;top:-1px;}
.arrowAnchor:hover{text-decoration:underline !important;}

a.arrowAnchor2{display:inline-block;margin-left:18px !important;line-height:30px;border-right:1px solid rgb(81, 81, 81);border-top:1px solid rgb(81, 81, 81);border-bottom:1px solid rgb(81, 81, 81);background-color:rgb(255, 255, 255);font-size:15px;position:relative;text-decoration:none !important;color:rgb(45, 45, 45) !important;padding-right:15px !important;padding-left:7px !important;}
.arrowAnchor2:before{content:"";display:block;width:18px;height:32px;background-image:url(../images/bg_anchor2.png);background-repeat:no-repeat;background-position:left center;position:absolute;left:-18px;top:-1px;}
.arrowAnchor2:hover{text-decoration:underline !important;}

ul.pageAnchor{margin:20px 40px 30px; padding-left:0;}
ul.pageAnchor li{border-bottom:1px solid #C4C4C4; padding:5px 0; text-align:left; font-size:16px; line-height:1.0;}
ul.pageAnchor li:first-child{border-top:1px solid #C4C4C4;}
ul.pageAnchor li span{
  display:inline-block;
  background-color:#999;
  border-radius:5px;
  padding:3px 0;
  color:#FFF;
  text-align:center;
  width:56px;
  margin-right:10px;
}
ul.pageAnchor li a{
  display:inline-block;
  padding-top:2px;
  text-decoration:none;
  color:#333;
}
ul.pageAnchor li a:hover{
  text-decoration:underline;
}
ul.pageAnchor .note{
  border-bottom: none;
  text-align: right;
  font-size: 1.4rem;
}
.prevuous{border-top:1px solid #C4C4C4;border-bottom:1px solid #C4C4C4;padding-left:142px;padding-top:24px;padding-bottom:24px;position:relative;margin-top:50px;}
.prevuous .title{position:absolute;left:30px;top:50%;margin-top:-46px;}
.prevuous .textarea{text-align:left;}
.prevuous .textarea .label{display:inline-block;background-color:rgb(223, 0, 36);line-height:24px;font-size:15px;color:rgb(255, 255, 255);padding-top:1px;padding-left:15px;padding-right:15px;}
.prevuous .textarea .label *{color:rgb(255, 255, 255);}
.prevuous .textarea .text1{font-size:16px;color:rgb(45, 45, 45);font-weight:bold;line-height:1.8;}
.prevuous .textarea .text2{font-size:24px;color:rgb(223, 0, 36);line-height:1.5;}

.topline{border-top:1px solid #C4C4C4;}

.quotation{display:inline-block;font-size:24px;color:rgb(45, 45, 45);line-height:1.75;text-align:center;background-image:url(../images/bg_ldquo.png),url(../images/bg_rdquo.png);background-repeat:no-repeat;background-position:left top, right bottom;padding-left:60px;padding-right:52px;}

.shun_yearbook{}
.shun_yearbook .qTitle{background-image:url(../shun/images/icon_q.png);background-repeat:no-repeat;background-position:44px 0;min-height:60px;position:relative;font-size:24px;color:rgb(45, 45, 45);font-weight:bold;line-height:1.25;text-align:left;padding-left:122px;}
.shun_yearbook .qTitle .fukiIcon{display:block;width:117px;height:97px;background-image:url(../shun/images/col1_fukidashi.png);position:absolute;top:-31px;right:43px;}
.shun_yearbook .list{}
.shun_yearbook .list .item{display:inline-block;width:177px;height:189px;padding-top:151px;box-sizing:border-box;}
.shun_yearbook .list .item1{background-image:url(../shun/images/vol1_q1.png);}
.shun_yearbook .list .item2{background-image:url(../shun/images/vol1_q2.png);margin-left:36px;}
.shun_yearbook .list .item3{background-image:url(../shun/images/vol1_q3.png);margin-left:36px;}
.shun_yearbook .list .item4{background-image:url(../shun/images/vol1_q4.png);margin-top:20px;}
.shun_yearbook .list .item5{width:285px;background-image:url(../shun/images/vol1_q5.png);margin-left:32px;margin-top:20px;}

.yearmodal{display:none;}
.yearmodal .overay{display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.749);position:fixed;left:0;top:0;}
.yearmodal ._inner{position:absolute;left:50%;top:0;z-index:1;}
.yearmodal .frame{padding-top:61px;width:500px;background-color:#ffffff;}
.yearmodal .frame .closeBtn{position:absolute;right:29px;top:10px;}
.yearmodal .frame{}
.yearmodal .frame .area1{padding:20px 30px;}
.yearmodal .frame .area1 p{font-size:16px;color:rgb(45, 45, 45);line-height:1.5;}
.yearmodal .frame .btns{text-align:right;margin-top:15px;}
.yearmodal .frame .btns .arrowAnchor{margin-top:8px;}
.yearmodal .frame .btns .arrowAnchor:first-child{margin-top:0;}
.yearmodal .frame .area2{background-color:rgb(254, 247, 218);padding:20px 30px;}
.yearmodal .frame .area2 .title{width:315px;margin-left:auto;margin-right:auto;background-image:url(../shun/images/modal_bgline.png);background-repeat:no-repeat;background-position:center center;font-size:17.678px;color:rgb(223, 0, 36);font-weight:bold;line-height:0.96;text-align:center;}
.yearmodal .frame .area2 .title .small{font-size:12.627px;color:rgb(223, 0, 36);}
.yearmodal .frame .area2 p{font-size:15px;color:rgb(45, 45, 45);line-height:1.3;margin-top:15px;}

.topline.p_top{text-align:right;}
.topline.p_top a{
  display:inline-block;
  color:#333;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  padding-top:20px;
}
.topline.p_top a:hover{color:#000;}

.t_vol3{text-align:left;position:relative;}
.t_vol3 .sub{background:url(../shun/images/t_double_line.gif) left center repeat-x; height:30px;}
.t_vol3 .sub .inner{
  display:inline-block;
  background:#df0024;
  padding:7px 20px;
  border-radius:10px;
  color:#FFF;
  font-weight:bold;
  font-size:20px;
  z-index:5;
  line-height:1.0;
}
.t_vol3 p{
  text-align:left; padding:0 180px 0 20px; margin:18px 0 5px 0; font-size:18px; font-weight:bold;}
.t_vol3 .item{position:absolute; top:0; right:0;}
.attention{font-size:12px; text-align:right;}


.t_vol4{text-align:center; position:relative; font-weight:bold; color:#df0024;}
.t_vol4:before{content:"";display:block;width:100%;height:30px;background-image:url(../shun/images/t_double_line.gif);background-repeat:repeat-x;background-position:left top;position:absolute;top:0;}
.t_vol4:after{content:"";display:block;width:100%;height:30px;background-image:url(../shun/images/t_double_line.gif);background-repeat:repeat-x;background-position:left top;position:absolute;bottom:0;}
.t_vol4 .inner{padding:10px; padding:38px 0 28px; font-size:26px; line-height:1.2;}
.t_vol4 .sub{ position:absolute; top:-35px; font-size:24px; text-align:center; width:100%;}
.t_vol4 .sub img{vertical-align:middle;}

.qa_block{margin-top:40px;}
.qa_block > .title{
  font-size:21px;
  font-weight:bold;
  background:url(../shun/images/icon_q2.png) top left no-repeat;
  background-size:50px auto;
  border-bottom:1px solid #CCC;
  padding:10px 0 10px 65px;
  margin-bottom:20px;
  text-align:left;
}
.qa_block > .inner{clear:both;}
.qa_block > .inner img{float:left;}
.qa_block > .inner .pop{float:right; width:276px;}
.qa_block > .inner2{clear:both;}
.qa_block > .inner2 img{float:right;}
.qa_block > .inner2 .pop{float:left; width:276px;}
.qa_block .pop .wrapper{border-left:2px solid #C4C4C4; border-right:2px solid #C4C4C4; padding:0 20px;}
.qa_block .pop .title{font-size:21px; font-weight:bold; border-bottom:1px solid #C4C4C4; padding-bottom:10px;}
.qa_block .pop p{text-align:left; font-size:16px; margin-bottom:0;}

.comment{margin-top:40px;}
.comment .inner{margin-top:25px; clear:both;}
.comment .inner img{float:right; padding-left:15px;}
.comment .inner p{text-align:left; margin-bottom:0;}


.italic{font-style:italic;}

.dn{display:none !important;}
.fwb{font-weight:bold !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt70{margin-top:70px !important;}
.mt100{margin-top:100px !important;}

.storyList .layout3 .center{padding-left:10px;}

@media screen and (max-width:640px){
  .storyResponsive .header.common+.contents{overflow:hidden;}
  .storyResponsive .main-contents730,
  .storyResponsive div.plate_bg,
  .storyResponsive #hitotema,
  .storyResponsive #hitotema #hitotema_top .new,
  .storyResponsive #hitotema #hitotema_top .bn,
  .storyResponsive #hitotema #hitotema_top .about{width:auto;}
  .storyResponsive div.plate_bg,
  .storyResponsive div.plate_bg_tp,
  .storyResponsive div.plate_bg_btm_ptn2{background:none;}
  .storyResponsive div.contents_box{padding:0;}
  .storyResponsive .fb_iframe_widget_fluid span{vertical-align:top !important;}
  .storyResponsive #story{width:auto;padding-top:4.428vw;}
  .storyResponsive #story>.title{width:81.734317343%;margin-left:auto;margin-right:auto;}
  .storyResponsive #story>.title img,
  .storyResponsive .item_new .image img{width:100%;height:auto;}
  .storyResponsive .shareCont{padding-right:3.321vw;}
  .storyResponsive .newstory{padding:0 6.088560885%;margin-top:1.845vw;}
  .storyResponsive .read{font-size:3.3vw;margin-top:3.32103321vw;}
  .storyResponsive .item_new{width:695px;}
  .storyResponsive .newstory .item_new .newIcon{top:6px;}
  .storyResponsive .storyList{margin-top:1.845vw;}
  .storyResponsive .storyList .layout1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .storyResponsive .storyList .layout1>.left{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;width:100%;margin-top:3.1365vw;}
  .storyResponsive .storyList .layout1>.right{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;width:100%;}
  .storyResponsive .storyList .layout1 .right .item,
  .storyResponsive .storyList .layout3 .item{float:left;width:48.9%;margin-top:0;}
  .storyResponsive .storyList .layout1 .right .item:first-child,
  .storyResponsive .storyList .layout3 .item:first-child{margin-right:2.2%;}
  .storyResponsive .storyList .item img{width:100%;height:auto;margin:0;}
  .storyResponsive .storyList .item .anchor,
  .storyResponsive .storyList .item .coming{width:33.579vw;height:7.011vw;bottom:4.952vw;right:4.2435vw;background-size:contain;background-repeat:no-repeat;}
  .storyResponsive .storyList .layout3,
  .storyResponsive .storyList .item{margin-top:2.02952vw;}
  .storyList .layout3 .center{padding-left:0px !important;}
  .storyList .item.tsubuyori .anchor,.storyList .item.daizu .anchor{width:33.579vw;bottom:4.952vw;left:4.2435vw;}
  .yearmodal .frame{width: 100%;left: 0;margin-left: 0 !important;}
  .yearmodal .frame img{width: 100%;}
}


@media screen and (min-width:641px) {
  .global-footer{
    margin-top: 60px;
  }
}