@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

audio:not([controls]){display:none;height:0}

#soji-content br.for-sp,[hidden],template{display:none}

a{background:0 0}

a:active,a:hover{outline:0}

abbr[title]{border-bottom:1px dotted}

b,strong{font-weight:700}

dfn{font-style:italic}

h1{font-size:2em;margin:.67em 0}

mark{background:#ff0;color:#000}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sup{top:-.5em}

sub{bottom:-.25em}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}

pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
legend,td,th{padding:0}
#soji-content{line-height:1.5;color:#000;word-break:normal;font-size:16px}
#soji-content img{border:0;vertical-align:bottom;max-width:100%;height:auto}
#soji-content h1,#soji-content h2,#soji-content h3,#soji-content h4,#soji-content h5,#soji-content object,#soji-content p{margin:0;padding:0;font-size:100%}
#soji-content sup{font-size:65%;top:-.6em}
#soji-content .kv-block{background-image:linear-gradient(to bottom,#f3f6f9 0%,#eaeef1 100%);overflow:hidden;position:relative;z-index:1}
#soji-content .kv-cnt{max-width:976px;height:480px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
#soji-content .kv-detail{box-sizing:border-box;width:440px;background-color:#fff;padding:0 24px 40px;margin-left:228px;text-align:center}
#soji-content .kv-detail .kv-campaign{background-color:#475c85;color:#fff;display:inline-block;font-size:22px;font-weight:500;line-height:1;margin-bottom:22px;padding:29px 14px 30px}
#soji-content .kv-detail .kv-lead{color:#5973a6;font-size:18px;font-weight:500;margin-bottom:8px}
#soji-content .kv-detail .kv-ttl{color:#5973a6;font-size:32px;font-weight:500;line-height:1.4;margin:0 0 30px}
#soji-content .kv-detail .kv-limit{font-size:16px;font-weight:500}
#soji-content .kv-detail .kv-limit span{display:inline-block;border:#333 solid 1px;border-radius:4px;font-size:14px;line-height:1;padding:2px 16px}
#soji-content .kv-detail .kv-limit strong{font-size:20px;font-weight:400}
#soji-content .page-content{width:976px;margin:0 auto;padding:0 20px;box-sizing:content-box}
#soji-content .lead-sec{background-color:#dee3ed}
#soji-content .lead-sec .page-content{width:730px;padding:45px 20px;display:flex;justify-content:space-between;position:relative}
#soji-content .lead-sec-ttl{position:absolute;top:45px;left:calc(100% - 51.6%);color:#000;font-size:22px;font-weight:700;line-height:1.55;border-bottom: #000 solid 1px;}
.Lsize{color:#5973a6;font-size:28px;font-weight:700;}
#soji-content .lead-sec-detail{width:51.6%;padding-top:120px}
#soji-content .gift-lead{font-size:15px;padding-bottom:5px;margin-bottom:8px;border-bottom:#000 solid 1px}
#soji-content .gift-list,#soji-content .overview-list dd .notes-detail-list{margin:0;padding:0;list-style:none}
#soji-content .gift-list li{position:relative;font-size:22px;}
/* #soji-content .gift-list li::before{content:"・";display:inline-block;position:absolute;top:0;left:0} */
#soji-content .gift-notice{font-size:14px;margin-top:14px}
#soji-content .recommend-sec .page-content{width:780px;padding:60px 20px 40px}
#soji-content .topic-ttl{font-size:32px;font-weight:500;line-height:1.4;text-align:center}
#soji-content .topic-ttl span{font-size:22px;line-height: 1.5;display: inline-block;padding-bottom: 20px;}
#soji-content .topic-ttl span.notice{font-size:26px}
#soji-content .product-list{margin-top:60px;display:flex;flex-wrap:wrap;justify-content:space-between}
#soji-content .product-list>li{display:flex;width:48.7%}
#soji-content .product-list>li a{display:flex;flex-direction:column;width:100%;border:#ccc solid 1px;border-radius:10px;padding:42px 20px 115px;color:#333;transition:opacity .4s ease;position:relative}
#soji-content .product-list>li a:hover{opacity:.7}
#soji-content .product-name,#soji-content .product-name-num{font-size:22px;font-weight:500;line-height:1.4;text-align:center}
#soji-content .product-name span{display:block;font-size:16px;line-height:1.4}
#soji-content .product-name span.product-name-note{font-size:12px;padding-bottom:3px;padding-top:3px;color:gray}
#soji-content .product-info{display:flex;justify-content:space-between;margin-top:20px}
#soji-content .product-info>div:nth-child(1){width:44%}
#soji-content .product-info>div:nth-child(2){width:53%}
#soji-content .product-feature-list li{margin-left:1em;text-indent:-1em}
#soji-content .product-feature-list li.notice{font-size:12px;color:gray}
#soji-content .product-price-lead{font-size:13px;margin-top:12px}
#soji-content .product-price{font-size:14px;color:#475c85;line-height:1.5}
#soji-content .product-price span{font-size:28px;font-weight:500}
#soji-content .icon-free{display:inline-block;background-color:#dee3ed;font-size:14px;font-weight:500;padding:1px 12px;border-radius:4px;margin-top:4px}
#soji-content .product-detail-link{position:absolute;bottom:42px;left:calc(50% - 135px);width:270px}
#soji-content .product-detail-link span{box-sizing:border-box;display:block;text-align:center;background-color:#364563;border-radius:8px;color:#fff;padding:14px;box-shadow:0 5px 12px -5px rgba(0,0,0,.4);transition:opacity .4s ease}
#soji-content .product-detail-link span:hover{opacity:.7}
#soji-content .product-detail-notice{color:#bf4846;text-align:center;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:0;width:100%}
#soji-content .product-popup{position:absolute;top:0;left:50%;transform:translate3d(-50%,-35%,0)}
#soji-content .product-popup img{max-width:initial}
#soji-content .about-sec .page-content{width:840px;padding:40px 20px 50px}
#soji-content .img-list{display:flex;justify-content:space-between;border-left:#ccc solid 1px;margin-top:40px}
#soji-content .img-list li{text-align:center;width:calc(100%/3);border-right:#ccc solid 1px}
#soji-content .upper-sec{background-color:#f2f2f2}
#soji-content .upper-sec .page-content{width:780px;padding:60px 20px 80px}
#soji-content .overview-sec .page-content{padding:40px 20px 100px}
#soji-content .overview-list{margin-top:57px}
#soji-content .overview-list dt{font-size:18px;font-weight:700;margin-top:30px;margin-bottom:5px}
#soji-content .overview-list dt:first-child{margin-top:0}
#soji-content .overview-list dd{line-height:1.8}
#soji-content .overview-list dd span{color:#bf4846}
#soji-content .overview-list dd a{display:inline-block;color:#364563;text-decoration:underline}
#soji-content .overview-list dd .notes-detail-list li{padding-left:1em;text-indent:-1em}
#soji-content .gift-list li .fronttxt {display:inline-block;width:200px;}

@media only screen and (max-width:640px){
#soji-content .kv-detail .kv-limit br,.for-pc{display:none}
#soji-content{font-size:15px}
.basic-page{padding-top:0}
#soji-content .kv-block{background-color:transparent;background-image:none}
#soji-content .kv-block::before{content:"";display:block;width:100%;height:0;padding-bottom:50%;background-image:url(../img/main_sp.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
#soji-content .kv-cnt{height:auto;display:block}
#soji-content .kv-detail{width:auto;margin-left:0;padding:20px 4%;text-align:center}
#soji-content .kv-detail .kv-campaign{position:absolute;left:0;top:0;font-size:18px;margin-bottom:0;padding:7px 24px}
#soji-content .kv-detail .kv-lead,#soji-content .kv-detail .kv-limit strong{font-size:16px}
#soji-content .kv-detail .kv-ttl{font-size:28px;margin-bottom:15px}
#soji-content .kv-detail .kv-limit{font-size:14px}
#soji-content .kv-detail .kv-limit span{padding:2px 8px;margin-right:5px}
#soji-content .page-content{width:auto}
#soji-content .lead-sec .page-content{width:auto;padding:26px 4%;display:block}
#soji-content .lead-sec-ttl{position:static;font-size:18px;text-align:center}
#soji-content .lead-sec-img{width:260px;margin:15px auto 0}
#soji-content .lead-sec-detail{width:auto;padding-top:0;margin-top:10px}
#soji-content .recommend-sec .page-content{width:auto;padding:50px 4% 25px}
#soji-content .recommend-sec .product-popup{width:300px}
#soji-content .topic-ttl{font-size:28px}
#soji-content .topic-ttl span{font-size:18px}
#soji-content .topic-ttl span.notice{font-size:22px}
#soji-content .product-list{display:block}
#soji-content .product-list>li{display:block;width:auto;margin-top:50px}
#soji-content .product-list>li:first-child{margin-top:0}
#soji-content .product-list>li a{display:block;padding:42px 15px 115px}
#soji-content .product-info>div:nth-child(1){width:45%}
#soji-content .product-info>div:nth-child(2){width:52%}
#soji-content .product-detail-link{bottom:38px}
#soji-content .product-detail-link span{padding:12px}
#soji-content .product-popup img{max-width:100%}
#soji-content .about-sec .page-content{width:auto;padding:25px 4%}
#soji-content .img-list{display:block;border-left:none;border-top:#ccc solid 1px}
#soji-content .img-list li{text-align:left;width:auto;border-right:none;border-bottom:#ccc solid 1px;display:flex;justify-content:space-between;align-items:center;padding:10px 0}
#soji-content .img-list li>div{width:130px;line-height:1}
#soji-content .img-list li>p{width:calc(100% - 140px)}
#soji-content .upper-sec .page-content{width:auto;padding:40px 4% 60px}
#soji-content .upper-sec .product-popup{width:300px}
#soji-content .overview-sec .page-content{padding:40px 3.75% 50px}
#soji-content .overview-list{margin-top:40px}
#soji-content br.for-sp{display:inline-block}
#soji-content .gift-list li{font-size:18px;}
}
@media only screen and (min-width:641px){.for-sp{display:none}
#soji-content .kv-block::before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-image:url(../img/main_bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:auto 100%;z-index:-1}
}
@media print{.for-sp{display:none}
}

    .box,.box2,.boxbiz,.box2biz ,.boxsmall,.box2small {
      display:inline-block;
      width: 100px;
      margin:5px;
      padding:10px;
      border:solid 1px #e6e6e6;
      cursor: pointer;
      opacity:0.3;
      font-size:80%;
    }
    .box2,.box2biz,.box2small {
      width: 50px;
      opacity:0.5;
    }
    .choicecolor,.choicesize {  opacity:1 ;}
    .color-blue  {background-color:#5876b4;}
    .color-beige {background-color:#c5b0a2;}
    .color-red   {background-color:#dc5468;}
    .color-plane {background-color:#f2f2f2;}
    .color-black {background-color:#4e4c55;}
    .color-rightblue {background-color:#cadae6;}
    .color-yellow {background-color:#c8e45b;}
    .hidden {
      display: none;
    }
    .boxhalf {
      display:inline-block;
      width:22%;
      text-align:left;
    }
    .apealtxt {
      color:#475C85;
    }
    .lsize {
      font-size: 150%;
    }
    #soji-content ul.feature-point-list-col-3 li .thumb {
      margin-bottom: 15px;
      position: relative;
    }
    #soji-content ul.feature-point-list-col-3 li .thumb .ttl {
      font-size: 24px;
      color: #fff;
      padding: 10px;
      position: absolute;
      bottom: 0;
      line-height: 1.3;
    }
    .line-up2 {
      background-image: -webkit-linear-gradient(-45deg, #ecece4 25%, #f4f4ed 25%, #f4f4ed 50%, #ecece4 50%, #ecece4 75%, #f4f4ed 75%, #f4f4ed);
      background-size: 7px 7px;
      padding: 50px 0;
    }
    .line-up2-table>tbody>tr >td {
      vertical-align: middle;
      text-align: center;
      border-bottom: solid 1px #A1A1A1;
      border-right: solid 1px #A1A1A1;
      font-size: 14px;
      line-height: 22.5px;
      font-weight: 600;
      width: 27.66666%;
      font-weight: 400;
    }
    .line-up2-table>tbody>tr >.left {
      background-color: #EBEBEB;
    }
    .blue {
      background-color: #36BDEB;
    }
    .green {
      background-color: #aacc03;
    }
    .yellow {
      background-color: #fff000;
    }
@media screen and (max-width: 640px){
    .boxhalf {
      width:50%;
    }
}
    #soji-content  .matriximg {
      /* max-width: 1200px; スクロール付き表示版*/
    }


#soji-content .series-detail-sec{max-width:976px;margin:56px auto 0}

#soji-content .series-detail-block{display:flex;justify-content:center;/*space-between*/}

#soji-content .series-detail-block .series-detail-box{box-sizing:border-box;border:1px solid #c8c8c8;border-radius:8px;overflow:hidden}

#soji-content .series-detail-block.detail-col-2 .series-detail-box{width:49%;/*478px*/}

#soji-content .series-detail-block.detail-col-3 .series-detail-box{width:312px}

#soji-content .series-detail-main{padding:24px 16px;text-align:center}

#soji-content .series-detail-type{font-size:32px;font-weight:500;margin-bottom:16px}

#soji-content .series-detail-type span{font-size:22px}

#soji-content .series-detail-name{font-size:22px;font-weight:500;margin-top:24px;/* margin-bottom:24px */}

#soji-content .series-detail-img{margin-bottom:16px}

#soji-content .series-detail-price{color:#475c85;font-weight:500}

#soji-content .series-detail-price span{font-size:22px}

#soji-content .series-detail-link{margin-top:16px; /* margin-top:24px */}

#soji-content .series-detail-link a{box-sizing:border-box;display:inline-block;background-color:#364563;color:#fff;text-align:center;width:360px;max-width:100%;font-size:15px;line-height:1;padding:16px 12px;border:1px solid #364563;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);transition-property:opacity,box-shadow;transition-duration:.4s;transition-timing-function:ease}

#soji-content .series-detail-link a:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.16);opacity:.7}

#soji-content .series-detail-spec{margin:0;padding:16px;background-color:#f2f2f2;text-align:center}

#soji-content .series-detail-spec dt{margin:12px 0 0;padding:12px 0 0;border-top:1px solid #b3b3b3;color:#444}

#soji-content .series-detail-spec dt:first-child{margin:0;padding:0;border-top:none}

#soji-content .series-detail-spec dd{margin:4px 0 0;padding:0;color:#444}

#soji-content .series-detail-spec dd strong{font-size:18px;font-weight:700;color:#000}

#soji-content .series-detail-note-list{margin:16px 0 0;padding:0;list-style:none}

#soji-content .series-detail-note-list li{font-size:14px;position:relative;padding-left:2em}

#soji-content .series-detail-note-list li>span{position:absolute;left:0;top:0}

@media only screen and (max-width:640px){
	#soji-content .series-detail-block{display:block}
	
	#soji-content .series-detail-block .series-detail-box{margin-top:24px}
	
	#soji-content .series-detail-block .series-detail-box:first-child{margin-top:0}
	
	#soji-content .series-detail-block.detail-col-2 .series-detail-box,#soji-content .series-detail-block.detail-col-3 .series-detail-box{width:auto}

	#soji-content .series-detail-type span{font-size:18px}
	#soji-content .series-detail-price span{font-size:18px}

}

#soji-content .feature-sec, #soji-content .panel-block {
    max-width: 976px;
}
#soji-content h2.panel-ttl, #soji-content h2.feature-ttl {
    margin-bottom: 48px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}
#soji-content .feature-point-sec {
    margin-bottom: 72px;
}
#soji-content .feature-point-ttl {
    position: relative;
    margin-bottom: 30px;
    padding: 15px 30px 15px 120px;
    background-color: #f2f2f2;
    font-size: 22px;
    font-weight: 500;
    min-height: 100px;
}
#soji-content .feature-point-ttl p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#soji-content .feature-point-ttl span {
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
    /* top: calc(50% - 28px); */
    padding: 5px 30px;
    border-right: 1px solid #475c85;
    font-size: 40px;
    font-weight: 600;
    color: #475c85;
}
#soji-content .panel-sec-text, #soji-content .feature-point-text {
    margin-top: 8px;
    font-size: 18px;
}
#soji-content .feature-point-list-col-2, #soji-content .feature-point-list-col-3 {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#soji-content .feature-point-list-col-3 li {
    width: 312px;
}
#soji-content ul.feature-point-list-col-3 li .thumb {
    margin-bottom: 15px;
    position: relative;
}
#soji-content img {
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
#soji-content ul.feature-point-list-col-3 li .thumb .ttl {
    font-size: 22px;
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0;
    line-height: 1.3;
}
#soji-content .feature-point-list-col-2 p, #soji-content .feature-point-list-col-3 p {
    margin-top: 8px;
}

@media only screen and (max-width: 640px){
#soji-content .feature-sec {
    margin: 48px 5% 0;
}
#soji-content h2.panel-ttl, #soji-content h2.feature-ttl {
    font-size: 26px;
    margin-bottom: 32px;
}
#soji-content .feature-point-sec {
    margin-bottom: 60px;
}
#soji-content .feature-point-ttl {
    margin-bottom: 30px;
    padding: 10px 10px 10px 80px;
    font-size: 20px;
    min-height: 0;
}
#soji-content .feature-point-ttl p {
    position: relative;
    top: 0;
    transform: translateY(0);
}
#soji-content .feature-point-ttl span {
    left: -80px;
    top: 0;
    transform: translateY(0);
    /* top: calc(50% - 28px); */
    padding: 5px 20px;
    font-size: 26px;
    font-weight: 600;
}
#soji-content .feature-point-list-col-2 li, #soji-content .feature-point-list-col-3 li {
    width: 100%;
}

}