@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 LP css
----------------------------------------------------------------------------------------------*/
.btn{ line-height:1;}
.wine_lp_wrap{ font-size:16px; }
.lp_mainvisual{ position: relative; }
.lp_mainvisual .inner{
  width:1100px;
  height:530px;
  margin:0 auto;
  padding-top:110px;
}
.lp_mainvisual .main_desc{
  width: 480px;
  max-width: 100%;
  padding: 12px;
  /*margin-bottom:16px;*/
  margin: 4px 0 40px 0;
  font-size:18px;
  font-weight:bold;
  color:#000;
  text-shadow: 0 0 0.4em rgb(255, 253, 253);
  border-radius: 8px;
  background-color: rgba(255,255,255, .52);
}
.lp_mainvisual a.btn{ border-radius: 5px; }
.lp_mainvisual .tag{ width:300px; height:300px; position: absolute; right:100px; top:60px; z-index:2;}

.wine_lp_wrap .inner .msub_ttl{ color:#da1913; font-weight:bold; font-size:24px; line-height:1.0; text-shadow: 0 0 0.4em rgb(255, 253, 253);}
.wine_lp_wrap .inner .main_ttl{ font-size:64px; font-weight:bold; color:#da1913; text-shadow: 0 0 0.4em rgb(255, 253, 253);}
.wine_lp_wrap .lp_mainvisual{ background: url("../img/wine/winelp_mainvisual_bk.jpg") center center no-repeat; background-size: cover;}
.wine_lp_wrap .lp_mainvisual a.btn{ width:320px; }

@media screen and (max-width: 640px) {
  .lp_wrap{ font-size:14px;}
  .lp_mainvisual .inner{ width:90%; height:300px;}

  .wine_lp_wrap .lp_mainvisual .inner{ height: 338px; padding-top:40px; }
  .wine_lp_wrap .inner .msub_ttl{ font-size:16px; }
  .wine_lp_wrap .inner .main_ttl{ font-size:26px; }
  .wine_lp_wrap .lp_mainvisual .main_desc{ font-size:14px; font-weight:normal; line-height:1.4; padding-top: 8px; margin-bottom:16px;}
  .wine_lp_wrap .lp_mainvisual a.btn{ width:100%; }
  .wine_lp_wrap .lp_mainvisual{ background: url("../img/winelp_mainvisual_bk.jpg") center left no-repeat; background-size: auto;}
  .lp_mainvisual .tag{ width:96px; height:96px; top:10px; right:10px; }
}

.jump_wrap{ background-color: #333; padding:40px 0; }
.jump_wrap p{ margin-bottom:24px; font-size:24px; text-align:center; color:#FFF;}
.jump_wrap ul{ width:100%;}
.jump_wrap ul li{ width:542px; float:left; margin-right:16px;}
.jump_wrap ul li:last-child{ margin-right:0; }
.jump_wrap ul li a{
  font-size:24px;
  display: inline-block;
  text-decoration:none;
  text-align:center;
  color:inherit;
  cursor:pointer;
  box-sizing:border-box;
  transition:0.2s;
  border:1px solid transparent;
  font-weight:normal;
  vertical-align: middle;
  background-color: #fff;
  padding:16px;
  width:100%;
  border-radius: 5px;
  line-height: 1.0;
}
@media screen and (max-width: 640px) {
  .jump_wrap{ padding:32px 0; }
  .jump_wrap p{ margin-bottom:16px; font-size:18px; text-align:left;}
  .jump_wrap ul{ width:100%;}
  .jump_wrap ul li{ width:100%; float:none; margin-right:0; margin-bottom:16px;}
  .jump_wrap ul li:last-child{ margin-right:0; margin-bottom:0;}
  .jump_wrap ul li a{
    font-size:18px;
    padding:8px 16px;
  }
}

.content{ padding:40px 0;}
.content h2{ font-size:36px; font-weight: bold; text-align:center; margin-bottom:16px; line-height: 1.4;}
.desc{ /*font-size:18px; */text-align:center; }
@media screen and (max-width: 640px) {
  .content{ padding:32px 0; }
  .content h2{ font-size:24px; text-align:left; line-height: 1.3;}
  .desc{ font-size:16px; text-align:left; }
}

.box1{ width:100%; padding:40px 0 0; text-align:}
@media screen and (max-width: 640px) {
  .box1{ width:100%; padding:32px 0 0;}
}

.box2{ padding:40px 0 0; }
.box2 ul li{ width:530px; float:left; margin-right:40px; margin-bottom:16px;}
.box2 ul li:nth-child(2n){ margin-right:0; }
.box2 ul li h2.ttl{ font-size:24px; font-weight: bold; margin:16px 0; line-height:1.3; color:#da1913;}
.box2 ul li .desc{ text-align:left; font-size:16px;}
@media screen and (max-width: 640px) {
  .box2{ padding:32px 0 0; }
  .box2 ul li{ width:100%; float:none; margin:0 0 16px 0;}
  .box2 ul li:last-child{ margin:0; }
  .box2 ul li .img{ margin-bottom:16px; }
  .box2 ul li h2.ttl{ font-size:20px; margin:8px 0;}
}

.box3{ padding:40px 0; }
.box3 ul{ width:1140px; margin-right:-40px; }
.box3 ul li{ width:340px; float:left; margin-right:40px;}
.box3 ul li:last-child{ margin-right:0; }
/*.box3 ul li .img{ height:200px; outline: 1px solid #ccc;}*/
.box3 ul li h2.ttl{ font-size:24px; font-weight: bold; margin:16px 0;}
.box3 ul li .desc{ text-align:left; }
@media screen and (max-width: 640px) {
  .box3{ padding:32px 0; }
  .box3 ul{ width:100%; margin-right:0; }
  .box3 ul li{ width:100%; float:none; margin:0 0 16px 0;}
  .box3 ul li:last-child{ margin:0; }
  /*.box3 ul li .img{ height:200px; }*/
  .box3 ul li h2.ttl{ font-size:18px; margin:8px 0;}
}

.box4_inner{ width:600px; background-color: #FFF; padding:36px; margin-top:32px;}
.wine_lp_wrap .box4{ background:url("../img/wine/winelp_content_bk1.png") center center #f2f2f2 no-repeat; }

ul.check_list li{ font-size:20px; font-weight: bold; margin:0 0 10px; }
ul.check_list li:last-child{ margin-bottom:0; }
ul.check_list li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    content: "\f14a";
    margin-right: 10px;
}
ul.check_list .underline{ background: linear-gradient(transparent 60%, #ffbf00 0%); }
@media screen and (max-width: 640px) {
  .box4_inner{ width:100%; padding:24px; margin-top:24px;}
  ul.check_list li{ font-size:18px; margin:0 0 10px; }
}

.box5 { padding:40px 0; }
.box5 ul { width:100%; display: table; border:1px solid #333;}
.box5 ul li{ width:33.3%; display: table-cell; border:1px solid #333; box-sizing: border-box; background-color: #FFF;}
.box5 ul li h2.ttl{ color:#FFF; text-align:center; font-size:18px; font-weight:bold; padding:16px; line-height: 1.0;}
.box5 ul li h2.ttl.step1{ background-color: #333; }
.box5 ul li h2.ttl.step2{ background-color: #666; }
.box5 ul li h2.ttl.step3{ background-color: #999; }
.box5 ul li h3.subttl{ text-align: center; font-weight:bold; font-size:24px; line-height:1.3; padding:16px 0 0;}
.box5 ul li .desc{ padding:24px; font-size:16px; text-align: left;}
@media screen and (max-width: 640px) {
  .box5 { padding:32px 0 0; }
  .box5 ul { width:100%; display: block; border:1px solid #333;}
  .box5 ul li{ width:100%; display: block;}
  .box5 ul li h2.ttl{ font-size:20px;}
  .box5 ul li h3.subttl{ font-size:20px; padding:8px 0 0;}
  .box5 ul li .desc{ padding:16px; font-size:14px;}
}

.box6{ padding:40px 0; }
.box6 ul{ margin-right:-40px; overflow: hidden;}
.box6 ul li{ width:20%; float:left; padding-right:40px;}
.box6 ul li .img{ margin-bottom:24px; width:100%; height:180px;}
.box6 ul li .ttl{ text-align:center; font-weight:bold; }
@media screen and (max-width: 640px) {
  .box6{ padding:32px 0 0; }
  .box6 ul{ margin-right:0; overflow: hidden;}
  .box6 ul li{ width:auto; float:none; padding-right:0; margin:0; position: relative; line-height:72px; margin-top:10px;}
  .box6 ul li .img{ margin-bottom:0; width:72px; height:72px; position: absolute; top:0;}
  .box6 ul li .ttl{ text-align:left; padding-left:80px; font-size: 16px;}
}

.box7{ padding: 40px 0; }
.box7 .ttl{ font-size:20px; font-weight:bold; }
@media screen and (max-width: 640px) {
  .box7{ padding: 0; }
  .box7 .ttl{ font-size:18px;}
}

.box8{ padding: 40px 0; }
.box8 .txt{ width:600px; float:left; text-align: left;}
.box8 .txt .main_ttl{ font-size:36px; text-align:left; margin-bottom:0;}
.box8 .txt .ttl{ font-size: 24px; text-align: left; line-height:1.3; margin-bottom: 16px; font-weight: bold;}
.box8 .img{ width:460px; float:left; margin-left:40px;}
@media screen and (max-width: 640px) {
  .box8{ padding: 40px 0; }
  .box8 .txt{ width:100%; float:left;}
  .box8 .txt .main_ttl{ font-size:24px; }
  .box8 .txt .ttl{  font-size:18px; }
  .box8 .img{  width:100%; float:none; margin-left:0; }
}

.lp_contact{ display: table; width:100%; border-top:2px solid #333; border-bottom:2px solid #333;}
.contact_box{ display: table-cell; width:50%; padding:40px; box-sizing: border-box; text-align:center;}
.contact_box:last-child{ border-left:2px solid #333; }
.contact_box i{ font-size:68px; }
.contact_box .ttl{ font-weight: bold; font-size:20px; padding:16px 0 8px; }
.contact_box .desc{ font-size:16px; margin-bottom:24px; text-align: center;}
.contact_box .tel{ font-size: 40px; font-weight:bold; }
@media screen and (max-width: 640px) {
  .lp_contact{ display: block; border-top:2px solid #333; border-bottom:0;}
  .contact_box{ display: block; width:100%; padding:24px; border-bottom:2px solid #333;}
  .contact_box:last-child{ border-left:0; border-bottom:0; padding-bottom:56px;}
  .contact_box i{ font-size:48px; }
  .contact_box .ttl{ font-weight: bold; font-size:20px; padding:16px 0 8px; }
  .contact_box .desc{ font-size:14px; margin-bottom:16px;}
  .contact_box .tel{ font-size: 32px; font-weight:bold; }
}

.lp_subcontact{ background-color: #333; padding:24px 0 16px; }
.subcontact_wrap{ display: table; width:100%; }
.subcontact_box{ display: table-cell; text-align:center; color:#FFF; vertical-align: top; }
.subcontact_box .main{ color:#FFF; border:1px solid #fff; padding: 16px 0; }
.subcontact_box .ttl{ font-size:24px; font-weight:bold;}
.subcontact_box .ttl i{ font-size:30px; margin-right:10px;}
.subcontact_box .desc{ font-size:16px; margin-bottom:24px;}
.subcontact_box .tel a{ font-size: 40px; font-weight:bold; color:#FFF;}
.subcontact_box a.btn{ padding:32px; }
@media screen and (max-width: 640px) {
  .lp_subcontact{ padding:24px 0; }
  .subcontact_wrap{ display: block; width:100%; }
  .subcontact_box{ display: block; width:100%; vertical-align: top;}
  .subcontact_box .main{ margin-bottom:24px; padding:10px; font-size:14px;}
  .subcontact_box .ttl{ font-size:18px; }
  .subcontact_box .ttl i{ font-size:24px;}
  .subcontact_box .desc{ font-size:14px; margin-bottom:24px;}
  .subcontact_box .tel{ margin-bottom:16px; }
  .subcontact_box .tel a{ font-size: 24px;}
  .subcontact_box a.btn{ padding:16px; }
}

.price_wrap .table_type01{ background-color: #FFF; }
.price_wrap .table_type01 th{ background-color: #666; color:#FFF; font-size:14px; font-weight:normal;}

.lp_contact a.btn,
.lp_subcontact a.btn{ border-radius: 5px; }
.lp_contact a:hover,
.lp_subcontact a:hover{ text-decoration: none;}

.lp_message_wrap{ background: #da1913; text-align: center; position: relative;}
.lp_message{ font-size:32px; color:#FFF; padding:16px; font-weight:bold;}
.lp_message_wrap::after {
    position: absolute;
    display: block;
    top: 70px;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    margin-left: -40px;
    border-style: solid;
    border-width: 40px 40px 0 40px;
    border-color: #da1913 transparent transparent transparent;
}
@media screen and (max-width: 640px) {
  .lp_message{ font-size:24px;}
  .lp_message_wrap::after { top:100px; }
}
@media(min-width: 641px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
.box2 ul.business li img{ border-radius: 5px 5px 0 0; }
.box2 ul.business li{ background-color: #FFF; box-shadow: 2px 2px 5px #ccc; border-radius: 5px;}
.box2 ul.business li .body{ padding:8px 24px 24px; }
@media screen and (max-width: 640px) {
  .box2 ul.business li .body{ padding:0 16px 16px; }
}

/*----------------------------------------------------------------------------------------------
 ワイン試飲会LP
----------------------------------------------------------------------------------------------*/
.medelwine_mainvisual{ margin:40px 0; }
.medelwine_mainvisual_ttl{ font-weight: bold; font-size: 24px; }
.medelwine_desc{ position: relative; padding: 56px 16px; margin-bottom:40px;}
.medelwine_desc .kazari{
  position: absolute;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.medelwine_desc .kazari.type1{ top:8px; }
.medelwine_desc .kazari.type2{ bottom:-16px; }
.medelwine_attetntion{ background-color: #f2f2f2; padding:24px; margin-bottom:32px; }

.medelwine_importer{ background-color: #f3f0e0; box-sizing: border-box; box-sizing: border-box; padding: 40px; margin-bottom:40px; }
.medelwine_importer ul{ width:100%; display: table; }
.medelwine_importer ul li{ display: table-cell; }
.medelwine_importer ul li:first-child{ padding-right:40px; }

@media screen and (max-width: 640px) {
  .medelwine_mainvisual{ margin: 16px 0 32px; width: 100vw; position: relative; left: 50%; transform: translateX(-50%);}
  .medelwine_mainvisual_ttl{ font-size:14px; padding-left:8px; }
  .medelwine_desc{ position: relative; padding: 40px 0;}

  .medelwine_importer{ padding:24px; margin-bottom:24px; }
  .medelwine_importer ul{ width:100%; display: table; }
  .medelwine_importer ul li{  width:100%; display: block; }
  .medelwine_importer ul li img{ width:100%; }
  .medelwine_importer ul li:first-child{ padding-right:0; }
}

/*----------------------------------------------------------------------------------------------
 StockOrder連携LP
----------------------------------------------------------------------------------------------*/
.stockorder_lp_wrap .lp_mainvisual{ background: url("../img/lp_stockorder/stockorderlp_mainvisual_bk.jpg") center center no-repeat; background-size: cover;}
.stockorder_lp_wrap .inner .msub_ttl{ color:#FFF; font-weight:bold; font-size:30px; line-height:1.0; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); letter-spacing:0.04em;}
.stockorder_lp_wrap .inner .main_ttl{ font-size:64px; font-weight:bold; color:#FFF; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.stockorder_lp_wrap .inner .main_ttl .main_ttl_sub{ font-size:24px; margin-left:8px;}
.stockorder_lp_wrap .lp_mainvisual .inner{ padding-top:80px; }
.stockorder_lp_wrap .lp_mainvisual a.btn{ width:320px; background-color: #00bfa5;}
.stockorder_lp_wrap .lp_mainvisual .tag{ width:600px; top:60px; right:40px;}
.stockorder_lp_wrap .lp_mainvisual .tag img{ width:100%; }
.stockorder_lp_wrap span.tx_primary{ color:#00bfa5!important; }
.stockorder_lp_wrap .content h2.main span.count{ font-size:60px;}

.stockorder_lp_wrap .box2 ul li h2.ttl{ font-size:30px; font-weight: bold; margin:16px 0; line-height:1.3; color:#00bfa5;}
.stockorder_lp_wrap .box3 ul li .desc{ font-size:16px;}
.stockorder_lp_wrap .box2 ul li .desc{ font-size:18px; }

.marker { background: linear-gradient(transparent 60%, #FFFF00 60%);}

@media screen and (max-width: 640px) {
  .stockorder_lp_wrap .lp_mainvisual .inner{ padding-top:40px; }
  .stockorder_lp_wrap .inner{ width:90%; height:auto;}
  .stockorder_lp_wrap .inner .msub_ttl{ font-size:24px; margin-bottom:8px;}
  .stockorder_lp_wrap .inner .main_ttl{ font-size:40px; line-height: 1.2;}
  .stockorder_lp_wrap .inner .main_ttl .main_ttl_sub{ font-size:24px; display:block; margin-left:0; margin-bottom:16px;}
  .stockorder_lp_wrap .lp_mainvisual .main_desc{ font-size:14px; font-weight:normal; line-height:1.4; padding-top: 8px; margin-bottom:16px; margin-top:280px;}
  .stockorder_lp_wrap .lp_mainvisual a.btn{ width:100%; }
  .stockorder_lp_wrap .lp_mainvisual{ background: url("../img/lp_stockorder/stockorderlp_mainvisual_bk.jpg") center left no-repeat; background-size: auto;}
  .stockorder_lp_wrap .lp_mainvisual .tag{ width:360px; height:260px; top:160px; left:8px; }
  .stockorder_lp_wrap .lp_mainvisual .tag img{ width: 360px; }
  .stockorder_lp_wrap .box2 ul li h2.ttl{ font-size:24px;}
  .stockorder_lp_wrap .box2 ul li .desc{ font-size:14px; }
  .stockorder_lp_wrap .box3 ul li .desc{ font-size:14px;}
  .stockorder_lp_wrap .box3 ul li h2.ttl{ font-size:22px; margin:16px 0;}

  .stockorder_lp_wrap .content h2.main span.count{ font-size:24px; }
}


/*----------------------------------------------------------------------------------------------
 EC物流
----------------------------------------------------------------------------------------------*/
.eclogi_mainvisual{ background: url(../img/lp_eclogi/eclogi_mainvisual_bk.png) center center no-repeat; background-size: cover; position: relative;}
.eclogi_mainvisual .tag { width:100%; height: 200px; position: absolute; text-align: center; top:80px;}
.eclogi_mainvisual .inner{
  width:1100px;
  height:530px;
  margin:0 auto;
}

.eclogi_center_ttl { color:#FFF; font-size:40px; font-weight: bold; text-align:center; margin-bottom:16px; }
.eclogi_center{ width:100%; margin-bottom:8px;}

.box3.eclogi_merit_list ul li{ background-color: #f2f2f2; padding:24px 24px 0; box-sizing: border-box; }
.box3.eclogi_merit_list ul li .sub_ttl{ text-align: center; font-size: 20px;margin-bottom: 16px; line-height: 1.4;}
.box3.eclogi_merit_list ul li .desc{ font-size:16px; line-height: 1.4; }
.box3.eclogi_merit_list ul li .img{ margin-bottom:16px; }

.eclogi_merit_wrap{ background-color: #333; padding: 24px 0 16px; }
.eclogi_merit_ttl{ color:#FFF; text-align: center; font-size:36px; font-weight:bold; }
.eclogi_merit{ margin: 40px 0 0; }
.eclogi_merit ul li{ width:100%; min-height: 240px; margin-bottom:24px; background-color: #f2f2f2; padding:24px; display: table;}
.eclogi_merit ul li .img{ display: table-cell; width:30%; }
.eclogi_merit ul li .text{ display: table-cell; width:auto; padding-left:24px;}
.eclogi_merit ul li .text h3.ttl{ font-size:20px; border-bottom:1px solid #ccc; margin-bottom:16px; font-weight: bold; padding-bottom:8px; line-height: 1.4;}
.eclogi_merit ul li .text .desc{ font-size: 16px; line-height: 1.6; text-align: left;}

ul.eclogi_screen li{ margin-bottom:24px; }

@media screen and (max-width: 640px) {
  .eclogi_mainvisual{ background: url(../img/lp_eclogi/eclogi_mainvisual_sp_bk.png) center center no-repeat; background-size: cover;}
  .eclogi_mainvisual .tag { top:70px;}
  .eclogi_center_ttl{ font-size: 24px; }
  .eclogi_merit_ttl{ font-size: 24px; }
  .eclogi_merit ul li{ direction: block; }
  .eclogi_merit ul li .img{ display: block; width:100%; min-height: 180px; margin-bottom:16px;}
  .eclogi_merit ul li .text{ display: block; width:100%; padding-left:0;}
  .box3.eclogi_merit_list ul li h2.ttl{ font-size:28px; font-weight:bold; text-align: center; }

  ul.eclogi_screen li{ margin-bottom:16px; }
}


/*----------------------------------------------------------------------------------------------
 ワインお預かりサービス（個人向け）
----------------------------------------------------------------------------------------------*/
.kojinwine_mainvisual {
  background: url(../img/kojinwine_mainvisual_bk.png) center center no-repeat;
  background-size: auto;
  background-size: cover;
  position: relative;
}
.kojinwine_mainvisual .tag { width:100%; height: 200px; position: absolute; text-align: center; top:80px;}
.kojinwine_mainvisual .inner{
  width:1100px;
  height:480px;
  margin:0 auto;
}
.kojinwine_mainvisual .inner .main_ttl{ 
  width:600px;
  font-size:64px; font-weight:bold; color:#FFF; 
  text-shadow: 0 0 0.4em rgb(255, 253, 253);
  position: absolute; top:120px;
}

@media screen and (max-width: 640px) {
  .kojinwine_mainvisual .inner{ width:100%; height:360px; text-align:center;}
  .kojinwine_mainvisual .inner .main_ttl{ width:auto; }
}


.kojin_mainvisual{ width:100%; background-color:#AAA;}
.kojin_mainvisual .inner{ width:1100px; height:530px; margin: 0 auto;}


.box3.kojinwine_list ul li .ttl{ width:100%; padding:16px; background-color: #da1913; color:#FFF; margin: 0; font-size:20px;}
.box3.kojinwine_list ul li .desc{ padding-top:16px; }

.kojinwine_wrap .box4 {
  background: url("../img/kojinwine_content_bk.png") center center #f2f2f2 no-repeat;
}

.kojinwine_flow_wrap{}
.kojinwine_flow_wrap ul { width:100%; display:table; background-color:#FFF; padding: 8px; border-bottom:1px solid #ccc;}
.kojinwine_flow_wrap ul li { display:table-cell; padding: 24px; vertical-align: middle;}
.kojinwine_flow_wrap ul li:first-child{ width:100px; text-align:center;}
.kojinwine_flow_wrap ul li i{ font-size:40px;}
.kojinwine_flow_wrap .kojinwine_flow_ttl{ font-size:16px; font-weight:bold;}
.kojinwine_flow_wrap ul li a{ text-decoration: underline; }

.service_wrap a{ text-decoration: underline; }

@media screen and (max-width: 640px) {
  .kojinwine_flow_wrap ul li { display:table; padding: 24px; vertical-align: middle;}
  .kojinwine_flow_wrap ul li:first-child{ width:auto; margin: 0 auto;}
  .kojinwine_flow_wrap ul li i{ font-size:56px;}
  .kojinwine_flow_wrap .kojinwine_flow_ttl{ font-size:20px; font-weight:bold;}
}


/*----------------------------------------------------------------------------------------------
 メーデルワイン便
----------------------------------------------------------------------------------------------*/
.box3.reefer_list ul li .ttl{ width:100%; padding:8px; background-color: #da1913; color:#FFF; margin: 0; font-size:20px; text-align: center;}
.box3.reefer_list ul li .desc{ padding:16px; background-color: #FFF; border: 1px solid #e6e6e6;}

.subttl{
  font-size: 24px;
  margin-bottom: 16px;
  border-bottom: 3px dotted #999;
  padding-bottom: 4px;
}

@media screen and (max-width: 640px) {
  .subttl{ font-size:18px;}
}
/*----------------------------------------------------------------------------------------------
 StockMart
----------------------------------------------------------------------------------------------*/
.stockmart_merit_main_ttl{ font-size: 36px; font-weight: bold; text-align: center;}
.stockmart_merit ul{ width:1071px; margin-right:-19px;}
.stockmart_merit ul li{ width:338px; margin-right:19px; float:left; position: relative; background-color: #FFF; box-sizing: border-box;}
.stockmart_merit ul li .ttl{ font-weight:bold; font-size:18px; padding: 16px 0 8px; }
.stockmart_merit ul li .desc{ text-align:left; font-size: 15px;}

.stockmart_onayami{ background-color:#FFF; padding:16px; }

@media screen and (max-width: 640px) {
  .stockmart_merit_main_ttl{ font-size: 24px; font-weight: bold; text-align: center;}
  .stockmart_merit .subttl{ width: 90%; margin:0 auto 16px; font-size:16px;}
  .stockmart_merit ul{ width: 90%; margin:0 auto;}
  .stockmart_merit ul li{ width:100%; margin-right:0; float:none; }
  .stockmart_merit ul li .desc{ margin-bottom:16px; }
}

.stockmart_function ul{ width:1125px; margin-right:-25px; padding-top: 24px;}
.stockmart_function ul li{ width:350px; margin: 0 25px 25px 0; float:left; box-sizing: border-box;}
.stockmart_function ul li .body{ border-radius :10px; background-color: #f2f2f2; padding:24px;}
.stockmart_function ul li .sub_ttl{ font-size:18px; font-weight:bold; padding: 16px 0 8px; line-height:1.4;}
.stockmart_function ul li .desc{ text-align: left;}

@media screen and (max-width: 640px) {
  .stockmart_function .subttl{ width: 100%; margin:0 auto 16px; }
  .stockmart_function ul{ width: 102%; margin-right: -2%;}
  .stockmart_function ul li{ width:47%; margin-right:2%; float:left;}
  .stockmart_function ul li .body{ padding: 16px; height: 340px;}
}

@media screen and (max-width: 640px) {
table {
    min-width: 600px; /* テーブルが小さくなりすぎないように */
    white-space: nowrap; /* 文字の折り返しを防ぐ */
}
.table_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
}
table.table_type01.functionlist th {
    text-align: center;
    background-color: #e71f19;
    color: #FFF;
    white-space: nowrap; /* 文字の折り返しを防ぐ */
}
table.table_type01.functionlist.souko th { background-color: #4c6cb3;}
table.table_type01.functionlist.ninushi th { background-color: #ee7800;}
table.table_type01.functionlist td:nth-of-type(4),
table.table_type01.functionlist td:nth-of-type(5) {
    text-align: center;
}