@charset "utf-8";

html,body {
	background: #fff none;
    color: #333;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.7em;
}

body {-webkit-font-smoothing: antialiased;}

img{vertical-align: bottom; line-height: 0;}
a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a{
	color: #1D7ACE;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.pc,.sp_none{display: inherit;}
.mobile,.sp_only {display: none;}

.inner {width: 1100px;margin: 0 auto;}
.inner_min{width: 900px;margin: 0 auto;}

.wf-min { font-family: 'TsukuMinPr6-R'; }
.wf-min1 {font-family: "MatisseProN-L";}
.wf-min2 {font-family: "IwaOMinPro-Bd";}


.dflex{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.wrap{flex-wrap:wrap;}
.js-center{justify-content: center;}

.object-fit-img{object-fit: cover;}

/* ────────────────────── *
 * header
 * ────────────────────── */
header {
    padding: 0 0 20px;
    border-top:3px solid #1d7ace;
}
.head_top{margin-bottom: 15px;}
.head_top .hd_logo {
    float: left;
    margin-top: 20px;
}
/* 言語切替 */
.head_top .accbox {
    display: none;
    float: right;
    margin: 0;
    padding: 0;
    width: 20%;
}
.accbox label {
    display: block;
    margin: 0 0;
    padding : 10px;
    color :#fff;
    font-weight: bold;
    background :#1d7ace;
    text-align: center;
    cursor :pointer;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.accbox label:hover {
    background :#85baef;
}
.accbox input {
    display: none;
}
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.cssacc:checked + .accshow {
    height: auto;
    padding:0;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.head_top .bogo-language-switcher li{
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.head_top .bogo-language-switcher li span{display: none;}
.head_top .bogo-language-switcher li span:before{content:""}
.head_top .bogo-language-switcher li a{
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
    margin: 0 0 0 0;
    color: #333;
}
.head_top .bogo-language-switcher li a:before{margin-right: 10px;}
.head_top .bogo-language-switcher li.en a:before{content:url(../images/flag-icons/us.png);}
.head_top .bogo-language-switcher li.ru a:before{content:url(../images/flag-icons/ru.png);}
.head_top .bogo-language-switcher li.th a:before{content:url(../images/flag-icons/th.png);}
.head_top .bogo-language-switcher li.vi a:before{content:url(../images/flag-icons/vi.png);}
.head_top .bogo-language-switcher li.zh-CN a:before{content:url(../images/flag-icons/cn.png);}

.head_top .bogo-language-switcher li a:hover{
    background: #1d7ace;
    color: #fff;
}
.bogo-language-switcher li.current{display: none;}
    

nav ul.nav001{
    float: left;
    width: 84%;
    margin-top: 10px;
}
nav ul.nav001 li {
	width: 20%;
	float:left;
    box-sizing: border-box;
}
nav ul.nav001 li a {
	display:block;
	text-align:center;
	color:#444;
	font-size:15px;
	padding: 8px 0;
    border-left: 1px solid #ccc;
}

nav ul.nav001 li:last-of-type{border-right: 1px solid #ccc;}

nav ul.nav001 li a:hover {
	background-color:#1d7ace;
	color:#fff;
}

nav ul.nav002{
    float: right;
    width: 15%;
    text-align: right;
}
nav ul.nav002 li{
    float: left;
    text-align: right;
    margin-left: 10px;
}
nav ul.nav002 li a{
    display: block;
    text-decoration: none;
    width: 60px;
    height: 60px;
    text-align: center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1d7ace;
    border-radius: 30px;
    border: 2px solid #1d7ace;
    box-sizing: border-box;
}
nav ul.nav002 li.mypage a{background-image: url("../images/common/icon_my.png")}
nav ul.nav002 li.cart a{background-image: url("../images/common/icon_cart.png")}

nav ul.nav002 li a:hover{background-color:#fff; }
nav ul.nav002 li.mypage a:hover{background-image: url("../images/common/icon_my_hover.png")}
nav ul.nav002 li.cart a:hover{background-image: url("../images/common/icon_cart_hover.png")}


/*-----main_img-----*/

#main_img {
	text-align:center;
	color: #fff;
	background: url(../images/page/index/main_bg.jpg) no-repeat center;
	background-size:cover;
	padding: 250px 0 250px;
}

h2.main_ttl {
	letter-spacing: 0.2em;
	font-size:25px;
	line-height:2.0em;
}

/* ────────────────────── *
 * index
 * ────────────────────── */

/* mainslide */
.transition_all_03s {
  transition:all .3s ease;
}
.backface_visibility_hidden{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.swiper-container {
    width: 100%;
    height: 28vw;
    transition:opacity .6s ease;
    background: url("../images/page/index/bg_blue.png") bottom center no-repeat;
    background-size: 100%;
    padding-bottom: 20px;
}
.swiper-container .swiper-container-coverflow{
    padding-top:2%;
}
.swiper-container .loading{
    opacity:0;
    visibility:hidden;
  }
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next{
      transform:translateX(0);
      opacity:1;
      visibility:visible;
    }
.swiper-slide{
  background-position:center;
    background-size:cover;
}
.swiper-slide .entity-img{
    display:none;
  }
.swiper-slide .content{
    position:absolute;
    top:25px;
    left:0;
    width:50%;
    padding-left:5%;
}
.swiper-slide .title{
    font-size:25px;
    margin-bottom:20px;
    line-height: 1.6em;
    letter-spacing: 0.2em;
}
.swiper-slide .title span{color: #239DE2;}
.swiper-slide .caption{
      display:block;
      font-size:13px;
      line-height:1.4;
    }

[class^="swiper-button-"]{
  width:44px;
  opacity:0;
  visibility:hidden;
  transition:all_03s;
}
.swiper-button-prev{
  transform:translateX(50px);
}
.swiper-button-next{
  transform:translateX(-50px);
}

.swiper-container-horizontal .swiper-pagination-bullet{
      margin:0 9px;
      position:relative;
      width:12px;
      height:12px;
      background-color:#fff;
      opacity:.4;
}
.swiper-container-horizontal .swiper-pagination-bullet::before{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:18px;
        height:18px;
        transform:translate(-50%, -50%);
        border:0px solid #fff;
        border-radius:50%;
      }
      .swiper-container-horizontal:hover,
      .swiper-container-horizontal .swiper-pagination-bullet-active{
        opacity:1;
      }
     .swiper-container-horizontal .swiper-pagination-bullet-active::before{
         border-width:1px;}


/*@media(max-width:1180px){
  .swiper-slide .content .title{
        font-size:25px;
      }
  .swiper-slide .content .caption{
        font-size:12px;
      }
}
@media(max-width:1023px){
  .swiper-container {
      height:40vw;}
   .swiper-container .swiper-container-coverflow{
      padding-top:0;
    }
}*/

/* news_area */
.news_area {
	padding: 30px 0;
    background: #1d7ace;
    color: #fff;
}

.news_area dl:nth-of-type(n+2){margin-top: 20px;}
.news_area dl dt {
	font-size:15px;
	float:left;
    width: 12%;
}
.news_area dl dt span.new{
    font-weight:bold;
    margin-right: 10px;
}
.news_area dl dd {
	float:left;
    width: 88%;
	font-size:15px;
    box-sizing: border-box;
    padding-left: 20px;
}
.news_area dl dd a {color: #fff;display: block;}
.news_area dl dd a:hover {text-decoration:underline;}

span.news_day {
	padding: 0 20px 0 0;
}

/*-----news_area-----*/
.main_contents{margin-bottom: 100px;}

.main_area {
	background: url(../images/page/index/bg01.jpg) no-repeat center;
	background-size:cover;
	padding: 80px 0 200px;
}

.main_contents_left {
	width: 550px;
	text-align:center;
}

.main_contents_left h2 {
	font-size:20px;
	margin: 0 0 65px;
}

.main_contents_left p {
	text-align: left;
	font-size: 15px;
	line-height: 2.4em;
	padding: 0 100px;
}

p.business_bt {
	text-align:center;
	padding: 40px 0 200px;
}

/* index商品 */
.index_product{
    background: url("../images/page/index/bg_blue002.png") center top no-repeat;
    background-size: cover;
    padding: 60px 0 0;
    margin-bottom: 70px;
}

.index_product .ttlunit{ color: #fff;}

.ttlunit{
    text-align: center;
    margin-bottom: 30px;
}

.index_product .ttlunit p{
    margin: 20px 0 60px;
}

.indexttl{
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 500;
}

.indexttl.blue{color: #1D7ACE;}

.procat li{
    width: 20%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

.procat li a,
.procat li a span{
    display: block;
    color: #333;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.procat li a span.catimg{
    background: url("../images/page/index/bg_iconcat.png") center no-repeat;
    padding: 50px 0;
}
.procat li a:hover span{color:#1d7ace;}
.procat li a:hover span.catimg{
    background: url("../images/page/index/bg_iconcat_hover.png") center no-repeat;
}

/* 商品リスト */
.prolist article{
    width: 33%;
    margin: 0 0 30px;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.prolist article a{
    display: block;
    color: #333;
}

.prolist article a:hover{
    color: #1d7ace;
}

.prolist article p.prolistimg img{
    width: 100%;
    height: 300px;
}

.prolist article div.listtext{margin: 10px 15px;}
.prolist article ul.catlist{margin-bottom: 5px;}
ul.catlist li{
    width: 30%;
    margin: 0 1% 0 0;
    font-size: 12px;
    text-align: center;
}

ul.catlist li a{
    border: 1px solid #ccc;
    padding: 1px 0;
    display: block;
    color: #333;
}

ul.catlist li a:hover{
    background: #ccc;
    color: #fff;
}

.prolist article div.listtext h3 span{
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.prolist article div.listtext h3{
    font-size: 16px;
    font-weight: 550;
}

.bluebtn a{
    display: block;
    color: #fff;
    background:linear-gradient(90deg, #3D8EDA, #4DC5FF);
    width: 360px;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 18px;
    box-sizing: border-box;
    box-shadow:3px 3px 12px -2px #ccc;
}

.bluebtn a:hover{
    background: #0B6EB7;
    box-shadow:none;
}

/* ────────────────────── *
 * 下層ページ共通
 * ────────────────────── */
#contents{margin-bottom: 100px;}

.pagemain{
    background:linear-gradient(90deg, #136cda, #13b7ec);
}
.pagemain div.inner h1{
    padding: 100px 0;
    color: #fff;
    font-size: 24px;
}
.pagemain div.inner{
    background-position: right center;
    background-repeat: no-repeat;
}
.page-template-page-aboutus .pagemain div.inner{background-image: url("../images/page/aboutus/main_img_about.png");}
.page-template-page-buisiness .pagemain div.inner{background-image: url("../images/page/buisiness/main_img_buisiness.png");}

.page-template-page-news .pagemain div.inner,
.single-post .pagemain div.inner,
.archive.date .pagemain div.inner{background-image: url("../images/page/news/main_img_news.png");}

.page-template-page-policy .pagemain div.inner{background-image: url("../images/page/contact/main_img_policy.png");}
.error404 .pagemain div.inner{background-image: url("../images/common/main_img_404.png");}
.page-template-page-contact .pagemain div.inner{background-image: url("../images/page/contact/main_img_contact.png");}
.page-template-page-commercial .pagemain div.inner{background-image: url("../images/page/contact/main_img_commercial.png");}
.page-template-page-commercial .pagemain div.inner h1{font-size: 20px;}

.page-template-page-product .pagemain div.inner,
.page-id-17 .pagemain div.inner,
.tax-product-category .pagemain div.inner,
.single-product .pagemain div.inner{background-image: url("../images/page/product/main_img_product.png");}

.woocommerce-account .pagemain div.inner{background-image: url("../images/page/shop/main_img_mypage.png");}
.woocommerce-cart .pagemain div.inner,
.woocommerce-checkout .pagemain div.inner{background-image: url("../images/page/shop/main_img_cart.png");}

.subttl{
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.8em;
    background: url("../images/common/bg_subttl.jpg") left center no-repeat;
    padding: 20px 70px;
    font-weight: 500;
    letter-spacing: 3px;
}

.subttl span{
    font-size: 40px;
    display: block;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.subttl002{
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 40px;
    line-height: 1.7em;
    font-weight: bold;
}

.errorttl{text-align: center; font-size: 24px; margin-bottom: 30px;}
.contact-complete{text-align: center;}

/* パンくず */
#breadcrumbs{
    font-size: 11px;
    padding: 15px 0;
}
#breadcrumbs ul li{float: left;}
#breadcrumbs ul li a{
    background: url(../images/common/icon_pan.png) right center no-repeat;
    padding:0 15px 0 0;
    margin-right: 8px;
	text-decoration: underline;
    display: block;
}

#breadcrumbs ul li a:hover{
	text-decoration: none;
}

#breadcrumbs ul li.breadcat a:not(:nth-last-child(1)){
    background:none;
    padding-right:0;
}

/* ────────────────────── *
 * 取扱い商品
 * ────────────────────── */
.main_cantents.m_right .prolist article{
    width: 50%;
    margin: 0 0 30px;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.main_cantents.m_right .prolist article p.prolistimg img{
    width: 100%;
    height: 300px;
}

/* 商品詳細 */
.single_product .subttl{
    font-size: 30px;
    margin-bottom: 10px;
    background: url("../images/common/bg_subttl.jpg") left center no-repeat;
    padding: 15px 70px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 1em;
}

.single_product .subttl span{
    font-size: 15px;
    display: block;
    letter-spacing: 0.1em;
}

.single_product article{ margin: 0 100px 50px}
.single_product ul.catlist{margin-bottom: 30px;}
.single_product ul.catlist li{
    width: 20%;
    margin: 0 1% 0 0;
}

.product_info{margin-bottom: 30px;}

.single_product article p.prodetailimg,
.single_product .product_info .woocommerce-product-gallery,
.single_product .product_info .woocommerce-page div.product div.images{
    float: left;
    width: 60% !important;
}

.cartinfo,
.single_product .product_info .woocommerce div.product div.summary{
    float: right;
    width:35%;
    padding-top: 60px;
}

.cartinfo p.price,
.single_product .product_info .price span.woocommerce-Price-amount{
    font-weight: 600;
    font-size: 30px;
    color: #333;
}

.single_product .product_info .price{margin-bottom: 20px;}

.cartinfo p.kazu{margin-bottom: 20px;}

form.cart{width: 100%;}
.cartinfo p.kazu input,
.single_product .product_info .quantity{width: 20%;}
.cartinfo input.productsubmit,
.single_product .product_info button.single_add_to_cart_button{
    color: #fff;
    background-color:#bf4949 !important;
    border: 1px solid #bf4949;
    width: 78%;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 18px;
    box-sizing: border-box;
    box-shadow:3px 3px 12px -2px #ccc;
}
.cartinfo input.productsubmit:hover,
.single_product .product_info button.single_add_to_cart_button:hover{
    color: #bf4949 !important;
	background-color: #fff !important;
    box-shadow:none;
	cursor:pointer; 
}

.product_meta{display: none;}
.related.products{
    overflow: hidden;
    clear: both;
    display: none;
}

.single_product article p.caption{margin-bottom: 20px;}
.single_product article .caution{
    border: 3px solid #bf4949;
    padding: 30px;
}

.single_product article .caution h3{
    text-align: center;
    font-weight: 550;
    color: #bf4949;
    margin-bottom: 20px;
}

.single_product article h3{
    font-size: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    font-weight: 500;
}
.single_product article h3 span {
    display: inline-block;
    padding: 0 0.5em 0 0;
    position: relative;
    
}
.single_product article h3 span:after {
    border-top: 2px solid #136bda;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
.single_product article h3 span:after {left: 100%;}

.single_product article .product_detail{
    margin-left: 50px;
}

.single_product article .product_detail dl{
    display: table;
    width: 100%;
}

.single_product article .product_detail dl dt,
.single_product article .product_detail dl dd{
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 15px 10px;
}

.single_product article .product_detail dl dt{
    border-top: 1px solid #1d7ace;
    font-weight: 500;
    width: 20%;
}

.single_product article .product_detail dl dd{
    border-top: 1px solid #ccc;
    width: 80%;
}

.single_product article .product_detail dl:last-of-type dt{border-bottom: 1px solid #1d7ace;}
.single_product article .product_detail dl:last-of-type dd{border-bottom: 1px solid #ccc;}

.single_product article .product_detail div h4{font-weight: bold; margin-bottom: 10px;}
.single_product article .product_detail div{margin-bottom: 25px;}

/* ────────────────────── *
 * 事業内容
 * ────────────────────── */
.buisiness section{
    margin-bottom: 50px;
    padding-bottom: 120px;
    background-position: center 80px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.buisiness section.b001{background-image: url("../images/page/buisiness/bg_b001.jpg");}
.buisiness section.b002{background-image: url("../images/page/buisiness/bg_b002.jpg");}
.buisiness section.b003{background-image: url("../images/page/buisiness/bg_b003.jpg");}
.buisiness section.b004{background-image: url("../images/page/buisiness/bg_b004.jpg");}

.buisiness section div.bluebox{
    background: #1d7ace;
    color: #fff;
    padding: 50px 40px;
    box-sizing: border-box;
    width: 65%;
}
.buisiness section:nth-child(odd) div.bluebox{float: right;}
.buisiness section:nth-child(even) div.bluebox{float: left;}

.buisiness section div.bluebox .subttl{background: url("../images/common/bg_subttl02.jpg") left center no-repeat;}
.buisiness section div.bluebox div.b_text{
    padding: 0 8% 0 12%;
    line-height: 2em;
}

.buisiness section div.bluebox div.b_text p:nth-child(n+2){margin-top: 20px;}

/* ────────────────────── *
 * 会社概要
 * ────────────────────── */
.greeting{
    background: url("../images/page/aboutus/bg_greeting.jpg") center top no-repeat;
    background-size: auto;
    padding: 60px 0 60px;
}

.greeting h2{
    float: left;
    background: #1D7ACE;
    padding: 5px;
    text-align: center;
    color: #fff;
    width: 28%;
    box-sizing: border-box;
    font-size: 25px;
    letter-spacing: 3px;
}

.greeting h2 span{
    display: block;
    border: solid 1px #54B9F7;
    padding: 200px 0;
}

.greeting_right{
    float: right;
    width: 58%;
}

.greeting_right h3{
    margin:80px 0 140px;
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: bold;
}
.greeting_right p{line-height: 1.8em;}
.greeting_right p:nth-of-type(n+2){margin-top: 20px;}

.tableunit.company dl{
    display:table;
    width: 100%;
}

.tableunit table{width: 100%;}
.tableunit table tr th,
.tableunit table tr td,
.tableunit.company dl dt,
.tableunit.company dl dd{
    padding: 20px 20px 40px;
    box-sizing: border-box;
}

.tableunit table tr th,
.tableunit.company dl dt{
    border-top:solid 1px #1D7ACE;
    color: #1D7ACE;
    text-align: center;
    font-weight: bold;
    width: 25%;
}

.tableunit table tr td,
.tableunit.company dl dd{border-top:solid 1px #ccc;}
.tableunit table tr td div{margin-top: 20px;}

.ggmap iframe{width: 100%;}

.tableunit.company dl dt,
.tableunit.company dl dd{
    display: table-cell;
    padding: 20px 20px 40px;
    box-sizing: border-box;
}

.tableunit.company div{margin-left: 27%; margin-bottom: 30px;}


/* ────────────────────── *
 * お知らせ
 * ────────────────────── */

.page_newslist{margin-bottom: 50px;}

.page_newslist article p,
.page_newslist article h3{float: left; box-sizing: border-box;}

.page_newslist article p{
    width: 20%;
    border-top: solid 1px #1D7ACE;
    padding: 30px 0;
    text-align: center;
    font-size: 12px;
}

.page_newslist article p span{
    color: #1D7ACE;
    font-weight: bold;
    margin-right: 8px;
    font-size: 15px;
}

.page_newslist article h3{width: 80%;}
.page_newslist article h3 a{
    padding: 30px 20px;
    display: block;
    color:#333;
    border-top: solid 1px #ccc;
}

.page_newslist article h3 a:hover{
    color: #fff;
    background-color: #1D7ACE;
}

.page_newslist article:last-child {border-bottom: solid 1px #ccc;}

.pagenavi{
    text-align: center;
}

#sub .wp-pagenavi span.current,
#sub .wp-pagenavi a:hover{background:#1D7ACE; color: #fff; border: solid 1px #1D7ACE;}

/* main_cantents */
.main_cantents{width: 70%;}
.main_cantents.m_left{float: left;}
.main_cantents.m_right{float: right;}

.main_cantents section:nth-of-type(n+2){margin-top: 50px;}

.blog_single .subttl{
    margin-bottom: 0;
}

.blog_single .days{margin:0 0 60px 70px; font-size: 13px;}
.blog_single .single_contents{
    margin: 0 70px 30px;
}

/* サイドバー */
.sidebar{width: 25%;}
.sidebar.s_left{float: left;}
.sidebar.s_right{float: right;}

.sidebar h2{
    border-top: solid 2px #1D7ACE;
    color: #1D7ACE;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 10px;
}

.sidebar ul li a{
    display: block;
    color: #333;
    background: url("../images/page/news/icon_side.png") 3% center no-repeat;
    padding: 10px 25px
}

.sidebar ul li a:hover{
    background: url("../images/page/news/icon_side.png") 5% center no-repeat;
    color: #1D7ACE;
}

/* ────────────────────── *
 * お問い合わせ
 * ────────────────────── */

div.mailcontents{margin-bottom: 70px;}

ul.contact_caption_list{margin-bottom: 40px;}
ul.contact_caption_list li{
    margin-bottom: 5px;
}

.req,
.txtred,
.red-attn{color:#cc0000; font-weight: bold;}

table.fotmtbl{width: 100%;}
table.fotmtbl th.bg_red,
table.fotmtbl td.bg_red{
    background: #fff3f3;
    padding: 30px 15px;
}

div.tableunit table.fotmtbl tr th{width:30%; text-align: left; box-sizing: border-box; color: #333;}
div.tableunit table.fotmtbl tr td{width:70%; box-sizing: border-box;}
table.fotmtbl td input.w30{width: 25%;}
table.fotmtbl td input.w90,
table.fotmtbl td textarea{width: 90%;}
table.fotmtbl td input,
table.fotmtbl td textarea{padding:10px; background: #f2f2f2; border: 1px solid #b7b7b7; box-sizing: border-box;}
table.fotmtbl td input.nobg{background: none; border: none; padding: 0 0 0 0;}

table.fotmtbl td.f-address input{ margin-bottom: 7px;}
table.fotmtbl td label{padding: 0 0 0 0; margin: 0 0 0 0;}
table.fotmtbl td input[type=radio]{padding: 0 5px; margin:  0 5px;}
table.fotmtbl td label span{margin-left: 5px;}
table.fotmtbl td input:focus,
table.fotmtbl td textarea:focus{background: #fffaca;}

table.fotmtbl td p.fcap{padding-bottom: 20px;}
table.fotmtbl td dl{
    display: table;
}
table.fotmtbl td dl dt,
table.fotmtbl td dl dd{
    display: table-cell;
    padding: 10px 0;
     box-sizing: border-box;
}
table.fotmtbl td dl dt{width: 20%;}
table.fotmtbl td dl dd{width: 80%;}


input[type="submit"] {-webkit-appearance: none;}
#submit{
	text-align: center;
	margin: 30px 0;
}

#submit input{
    display: inline-block;
    color: #fff;
    background:linear-gradient(90deg, #3D8EDA, #4DC5FF);
    width: 360px;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 18px;
    box-sizing: border-box;
    box-shadow:3px 3px 12px -2px #ccc;
}

#submit input:hover{
	background: #0B6EB7;
    box-shadow:none;
	cursor:pointer; 
}

#submit input.backbtn{
	background: #f2f2f2;
    color: #333;
	border:1px solid #3A1419;
	width: 360px;
	 padding: 30px 0;
	font-size: 16px;
	border-radius: 5px;
	margin-right: 20px;
}

#submit input.backbtn:hover{
	background: #bababa;
	color: #3A1419;
	cursor:pointer; 
}

span.error{color: #ff0000; font-weight: bold; margin-left: 5px;}


/* 入力エラー */
div.c_unit{margin: 30px 0;}
div.contact-error{
    background: #ffdede;
    padding: 30px;
    margin-bottom: 30px;
    text-align: center;
}

div.contact-error h2.subttl002{color: #ff0000 !important;}

div.contact-text p,
div.contact-complete p{
    text-align: center;
    margin-bottom: 20px;
}

.c_unit h2.subttl{background: none;}


/* ────────────────────── *
 * プライバシーポリシー
 * ────────────────────── */
.policy_contents div{
    margin-top: 50px;
}

.policy_contents div h3{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.policy_contents div ul li{
    list-style: disc;
    margin: 0 0 8px 20px;
}

.policy_contents{margin-bottom: 60px;}

/* ────────────────────── *
 * footer
 * ────────────────────── */
footer {margin: 0 0 75px;}

h2.footer_logo{margin-bottom: 15px;}
h2.footer_logo span {
	display:block;
	font-size:13px;
	margin: 0 0 10px;
	letter-spacing:0.05em;
}

dl.footer_access_txt {
	font-size:13px;
	line-height: 2.0em;
    float: left;
}

.footer_nav {float:right;}
.footer_nav ul{
    border-left: 1px solid #ccc;
}
.footer_nav ul li a{
	font-size:14px;
	padding: 5px 40px;
	display:block;
	color:#444444;
}

.footer_nav ul li a:hover {color:#1d7ace;}

p.copyright {
	text-align:center;
	color: #fff;
	font-size:11px;
	background-color:#1d7ace;
	padding: 15px 0;
}

/*-----pegetop----*/

#page-top {
    position: fixed;
    bottom: 2%;
    right: 1%;
}
#page-top a {
	background: url(../images/common/img_pagetop.png) no-repeat center center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    text-align: center;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#page-top a:hover {
	background: url(../images/common/img_pagetop_hover.png) no-repeat center center;
    text-decoration: none;
}


/* マイページ */
.woocommerce-MyAccount-navigation{width: 10%; background: #f5f5f5; padding: 20px; box-sizing: border-box;}
.woocommerce-MyAccount-navigation ul li a{
    display: block;
    color: #333;
    background: url("../images/page/news/icon_side.png") 3% center no-repeat;
    padding: 10px 25px
}
.woocommerce-MyAccount-navigation ul li a:hover{
    background: url("../images/page/news/icon_side.png") 5% center no-repeat;
    color: #1D7ACE;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{display: none;}

.woocommerce-MyAccount-content p{
    margin-bottom: 20px;
}