@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin:0; padding:0;  border:0;  outline:0;   vertical-align:baseline;  background:transparent;font-family: 'Titillium Web', 'Noto Sans JP', sans-serif;}
ol, ul, li {list-style: none;}
html{font-size:106.25%}
body{font-weight:300;font-size:17px; letter-spacing:0em;position: relative;left: 0;overflow-x: hidden;}

h1 img,h2 img,h3 img,h4 img {
 display:block;
 margin:0
}
h1+*,h2+*,h3+*,h4+*{
 margin-top:.8em
}
h1+h1,h1+h2,h1+h3,h1+h4,h2+h1,h2+h2,h2+h3,h2+h4,h3+h1,h3+h2,h3+h3,h3+h4,h4+h1,h4+h2,h4+h3,h4+h4{
 margin-top:.4em
}
p+h1,ul+h1,p+h2,ul+h2,ol+h2,p+h3,ul+h3,ol+h3,p+h4,ul+h4,ol+h4 {
 margin-top:1.6em
}

ul,ol {
 margin-left:1.17647em
}
ul ul,ul ol,ol ul,ol ol {
 margin-top:0;
 margin-bottom:0
}
nav ul,nav ol {
 margin:0;
 list-style:none
}
li li {
 font-size:1em
}


a,
a:hover{text-decoration:none}
.details_bg figcaption a:hover,
.price dd a:hover{opacity:.7}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
fieldset,img,table,th,td {border: 0;}
img,
input[type="image"] {vertical-align: bottom;}
input[type="search"] {height:40px;}
input[type="submit"] { text-align: center;vertical-align: middle;height:40px;width:40px;padding: 0;background:  url(../img/search.svg) #39a6eb no-repeat center center; background-size:18px;  font-size:0;}
input,textarea,select {font-family: inherit;font-size: inherit;font-weight: inherit; border: none;  border-radius: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;padding:2px;}
label{vertical-align: top;}

img{width: 100%}

@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.header_container{text-align: center;padding: 10px;}
.header_container a.logo_a{width: 90%;text-align: left;}   



/***********navi**********/
/*背景固定*/
.scroll-prevent{position: fixed; z-index: -1; width: 100%; height: 100%;}

.navToggle{ display: block; position: fixed; right: 13px; top: 5px; width: 50px;  height: 50px; cursor: pointer; z-index: 999;}
/* 三 */
.navToggle span {  display: block;  position: absolute;  width: 40px; border-bottom: solid 3px #FFF;  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out; transition: .25s ease-in-out;left: 5px;}
 .navToggle span:nth-child(1) { top: 9px;}
 .navToggle span:nth-child(2) { top: 21px;}
 .navToggle span:nth-child(3) { top: 33px;}

/* 三→× */
.navToggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); transform: rotate(45deg);}

#slide_menu_bg{display: none;position: fixed;z-index: 1;left: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100vh;}
#slide_menu_bg.active{ animation: show .5s  0s;display: block}
#slide_menu{ background: #0f1f2f;z-index: 2;width: 70vw; padding: 0 20px 20px;transition: all 0.5s;transform: translateX(100vw);position: fixed; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#slide_menu ul{ overflow: auto; }
#slide_menu.active{ transform: translateX(30vw);}

#search{width: auto; margin:20px auto 0 10px;text-align: left;}
#search .search-field{width:45vw;text-align: left}
header svg,
.pc{display:none}
.wrapper{margin: 0 auto}
.header_container *{display: inline-block}
header{width: 100%; background: url(../img/header_bg.png) no-repeat;height:auto; text-align: center; color: #ccc; font-size:12px;position: fixed;z-index: 9999;top:0}
header,
header a{color: #FFF; }
.header_container .support{ display: none;}
header .logo{width: 45vw;margin: 0 auto;max-width: 326px;}
ul.navi,
ul.support{margin: 0}

.navi_wp .widget {margin: 0;}
.navi_wp strong {font-weight: 300; text-align: left;font-size: 14px; display: block; margin: 0}

.navi li,
.support li{font-size:12px; text-align: left; margin: 20px 10px}
.support li{margin: 0 10px}
.navi ul.sub-menu li{ margin: 0}

.navi_wrapper{  overflow: hidden; position: relative;}
.arrow{stroke:#fff;stroke-miterlimit:10;fill :none;width: 14px;stroke-width:2; margin-left: 4px; }
.agency{background: #39a6eb;text-align: center;vertical-align: middle;line-height: 3.5em;height: 50px;font-size: 14px;color: #fff}

/************btn***********/
.upgrades .btn,
.pickup .btn,
.category_li .btn,
.index_slider li div .btn{background: #39a5eb;padding: 0rem 2.625rem;height: 48px;line-height: 48px;font-size: 14px; color: #fff;display: inline-block;border-radius: 2px;}
.category_li .btn{width: 100%;padding: 0;margin: 0 auto;color: #39a5ee;text-align: right;font-weight: 400; background:none;line-height: 1em;height: auto;}
/*.category_li */
a img:hover{opacity: .7}
a.btn:hover{opacity: .4}


/*パンくず*/
.breadcrumbs {margin: -30px 0 20px; font-size: 12px;}

/*検索結果*/
.search_li h2 {max-width: none!important; margin-bottom: 10px!important;}
.result {padding-top: 10px;}
.result p {height: auto!important; margin-bottom: 10px!important;}



/*********************index slik**************************/
ul.index_slider{ margin-left: 0;height:350px;}
.index_slider li{ height:350px;opacity: .3}
.index_slider li.slick-current{opacity: 1}
.index_slider li img{object-fit: cover;object-position: 60%; width: 100%; height: 50%;font-family: 'object-fit: cover;'; /*IE対策*/}
.index_slider li div{margin: 5%}
.index_slider li div h1{font-size:2rem; font-weight: 300;line-height: 2rem;}
.index_slider li div h2{font-size:1.25rem}


.index_slider li div .btn:hover{opacity: .7}
.index_slider .prev,
.index_slider .next{position:absolute;top:30%;z-index: 3;}
.index_slider .prev img,
.index_slider .next img{width:60%}
.index_slider .prev{left: 0%}
.index_slider .next{right:0%;text-align: right}

/**********************Slick**************************/
img.slider_item{max-width: 435px;margin: 0 auto;width: 90%; border:1px solid #ccc;}
.slick_no_img{max-width: 435px;max-height:435px; margin: 0; padding:  150px 0; text-align: center; color: #666;background: #eee;}
.product_photo{  display: flex;  flex-direction: column;  justify-content: center;}
/*.thumbnails { display: flex; flex-wrap: wrap; margin: -5px -5px 0;}*/
.thumbnails{width:100%; margin: 0 auto;  display: flex; /* justify-content: space-between; */ flex-wrap:wrap;}
.thumbnails .thumbnails_item {  flex: 0 1 25%;  margin-bottom: 10px;  box-sizing: border-box;  position:relative;}
.thumbnails .thumbnails_item img{width:100%;border: 2px solid #fff;}

.thumbnails .thumbnails_item.current img,
.special-item-nav .slick-current img{border-bottom: 2px solid #39a5eb;}
.slick-slide h1.white{ color: #fff}

/******special********/
.special-item img{max-width: 300px;margin: 0 auto;width: 90%}
.special-item-nav:hover{cursor: pointer}
.special-item-nav img{border: 2px solid #ccc; width:85%}
.product_photo ul,
.product_photo li{margin-left: 0}




/********************index contents************************/

.recommend{display: flex;flex-wrap: wrap;width: 100%}
.recommend ul{display: flex;flex-wrap: wrap;margin: 0}
.recommend ul.left,
.recommend ul.right{width:100%;margin: 0}
.recommend ul.right li,
.recommend ul.left li{width:48%;margin-right:4%;margin-bottom:4% }
.recommend ul.right li:nth-child(2),
.recommend ul.left li:nth-child(2){margin-right: 0}
.recommend ul.left li:last-child{width:100%;margin-right: 0;/* max-width: 740px*/}
.recommend li img{width: 100%}

.recommend figure{ }
.recommend figure span{display: none}
.recommend figcaption{text-align: center;background:#39a6eb; color: #fff ;min-height:70px;display: flex;flex-wrap: wrap;justify-content:center;align-content:center;font-size:14px;font-weight: 300; line-height: 1.2em;width: 96%;padding: 0 2%}
.recommend figure *{margin: 0}


.category_li {width: 100%;}
.upgrades h3,
.pickup h3,
.category_li h3{font-size:30px;}
.category_li p{ margin: 0}
.category_li ul{ margin: 0}
.category_li li{border:1px solid #e6e6e6;width: 94%; padding:3%;text-align: center;margin-bottom: 20px;display: flex;flex-wrap: wrap; align-items: flex-start; align-content: space-between;}

.category_li li img{ max-width: 250px;max-height: 200px;object-fit: cover;object-position: 50% 50%;width: 40%; height:90px;}
.category_li li .no_img { max-width: 250px;max-height: 200px;width: 40%; height:55px; display:block; font-size: 12px; color:#666; padding: 35px 0 0; background: #eee;}
.category_li h4{font-weight: 600;text-align: left;width: 54%;margin-left: 12px;}
.category_li li p{ display: none }
.category_li a{display: block; margin: 0 auto 10px;color: #39a5ee;text-align: right;font-weight: 400;}

.pickup img{width: 90%}
.pickup .txt {text-align: center}
.pickup .txt h3,
.pickup .txt h4,
.pickup .txt p{text-align: left}
.pickup .txt .btn{width: 74%;text-align: center;margin: 20px auto 10px}

.upgrades{text-align: center}
.upgrades .txt{margin-bottom: 20px}
.upgrades .txt *{ margin: 10px auto}
.upgrades img{width: 100%}


/********************contents************************/
.contents a{color: #3489C5;}

.wp-pagenavi,
.contents{font-size:14px;width:90%;max-width: 1130px;margin:40px auto;}


.special div.contents{width:90%;max-width: 800px;}

.contents h3 {font-size: 20px;}
.contents h4 {font-size: 16px;}
.contents p+*,
.contents ul+*,
.contents ol+* { margin-top:.8em}

section{margin-bottom: 60px;}
section:last-of-type{margin-bottom: 0}
h2{font-size:42px;font-weight: 400;line-height: 1em;}

.spec{font-size:12px;}
.spec strong{display: block;}
.wp-block-table,
.price dl{margin: 60px auto;border-top: 1px solid #ccc; width: 100%;}
.wp-block-table td,
.price dt,
.price dd{border-bottom: 1px solid #ccc;display: inline-block;width: 33.3%;height: 50px;max-width: 1130px;vertical-align: bottom;line-height: 3.6em;font-weight: 600}
.wp-block-table td:not(:first-child),
.price dd{text-align: right;}
.wp-block-table td a,
.price dd a{background: #36a9df;border-radius: 2px;color: #fff;text-align: center;width:90%; max-width: 120px;display: inline-block;height: 30px;line-height: 2.2em;}　


/********************special************************/

.title small{display: block;}
.title p{font-size:22px; font-weight: 400;margin-bottom: 16px}
.special section.description{float:none;clear: both; width:100%;max-width: none}
.special section.product_photo{float:none;clear: both}

.special_head{text-align: center;}
.special_head img{width: 100%; height: auto; max-width:1130px;margin: 0 auto;  }

.details{margin-bottom: 40px}
.details p{position: static}
.details img{width: 100%}
.description h3{font-size:24px;}

.details_bg{background: #f4f4f4;margin-bottom: 60px;}
.details_bg {display: flex; flex-wrap: wrap; justify-content:space-between;align-items: center;}
.details_bg img{width:100%;order:1; }
.details_bg figcaption{width:98%;order: 0;margin: 2%; }
.details_bg figcaption h3{font-size: 35px;font-weight: 300;font-style: normal;line-height: 1.2em;margin-top: 2%;}
.details_bg figcaption p{ont-size: 20px;font-weight: normal;margin-top: 0}
.details_bg figcaption a{background: #36a9df;border-radius: 2px;color: #fff;text-align: center; max-width: 150px;height: 30px;line-height: 2.2em;display: block;}

/**movie**/
.wp-block-embed__wrapper,
section.movie{max-width: 800px;margin:60px auto;position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.wp-block-embed__wrapper iframe,
.movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*slider*/
.master-slider-parent {margin: 50px auto!important; border: 1px solid #ccc;}
.ms-nav-next, 
.ms-nav-prev {display: none;}

/*figure,embed*/

.wp-block-image,
.wp-block-embed__wrapper {margin: 60px 0!important;}

/************** wp-pagenavi *****************/
.category_li .wp-pagenavi{ text-align: center}
.category_li .wp-pagenavi a,.wp-pagenavi span.current{ margin: 10px}
.category_li .wp-pagenavi a{font-size:16px;text-align: center;display: inline-block;}
.wp-pagenavi span.current{text-align: center;min-width:20px; background:#39a5ee; color: #fff;display: inline-block;}

/************************footer****************************/
.foot_wrap{margin: 0 auto; display: flex;justify-content:space-between;width:90%;max-width: 1200px}
.foot ul{margin-bottom: 24px;}
.foot li li{margin-bottom: 0px;}
.foot{background: #173356;color:#FFF; font-size:12px; }
.sns_wrap{background: #1d2637;height:50px;margin-bottom:0px;}
.owc-socials{width:90%; max-width: 1150px;display: flex;margin:0 auto;justify-content: center;}

.foot .owc-socials .widget,
.foot .owc-socials li{margin: 10px 5px 0 }

.pc{display: none}
footer{background: #1d2637;height:50px;text-align: center}
footer p{color: #fff;margin: 0 auto;font-size:12px;line-height:4em}


.foot .widget {margin: 0;}
.foot .widget h2 {display: none;}
.foot .widget a {color: #fff; font-weight: 300;}
.foot .widget_pages ul {margin-left: 1.17647em!important;}
.foot .widget_pages .children {margin-left: 1.17647em!important;}





/****************カスタマイズ******************/

.item_select .children{display: none}
#categories_2 select option:not(.select_l){display: none}
#categories_3 select option:not(.select_l2){display: none}
#categories_2 select option.select,
#categories_3 select option.select{display: block}

.page-id-5 h2{margin: 0 auto ;text-align: center;color: #39a6eb;font-weight:600;font-size:48px;}
.page-id-5 h3{color: #39a6eb;font-size:28px;font-weight:400}
.page-id-5 h3.type{color: #000}

section.s_select{width:100%; margin-bottom: 50px}
#categories_1,
#categories_2,
#categories_3{width: 100%;}
section.s_select select{border:1px solid #ccc;width:100%; background: url(../img/select.svg) no-repeat right 0 ;}
option.level-0{display: none;}
.search .contents a{color:#39a6eb}
h3.type{font-size:24px;}




.machine{text-align: center;margin: 0 auto 60px}
.machine img{width: 80%;max-width: 500px;}

.item_select{ margin: 0;overflow-x: auto;overflow: scroll;white-space: nowrap;}
.item_select .children li{display: none}
.item_select li { cursor: pointer; margin: 0; padding: 5px;width:96%; transition: 0.2s;border:2px solid #ccc;border-left: 0px;border-bottom:1px solid #ccc;pointer-events: none;background:#FFF;color: #39a6eb;border-top-left-radius: 4px;border-top-right-radius: 4px; box-shadow:0 -3px 4px rgba(0,0,0,.1); text-align: center;font-size: 12px; line-height: 1.2;width: 100px;display: inline-block; padding:15px 10px;-webkit-overflow-scrolling: touch; }
.item_select li:first-child{border-left: 2px solid #ccc;}

.item_select li:not(.sel){background: #f4f4f4;}
.item_select li.sel{pointer-events:auto }
.item_select li.on { border-bottom:1px solid #FFF;font-weight:600;background: #fff}

.contents .item_list{border:2px solid #ccc;min-height:200px; margin-top: 0;border-top:0; display: flex; flex-wrap: wrap;justify-content: space-between;padding: 30px 10px;}
.item_list div{margin: 5px;width:38%;border:1px solid #efefef;padding:10px;}

.item_list p.no_img{ height: 100px; background: #eee; display:block;}
.item_list img { height: 100px!important;object-fit: cover;}
.item_list a.btn{background:#39a6eb; text-align: center; color: #fff;display: block; height:30px; font-size:12px; line-height:2.6em;}
.item_list p{display: none;}


/*モーダル*/
#modal-overlay {  position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  background: rgba(0,0,0,.7);  display: none;  z-index: 99997;margin: 0}
#modal-panel {  text-align: center;width: 80%;  max-width: 820px;max-height: 500px;  padding: 10px;overflow-y: auto;overflow-x:hidden; height: 100%; position:relative;  background: #fff;  z-index: 99998;}
#modal-panel img{width: 80%;margin: 0 auto}
#modal-close {position: absolute;right: 0px;top: -30px;height: 40px;font-size: 60px;}


/*サポート（元から）*/
.os_x_yosemite_box {display:block; width:656px; text-align:center; font-weight:bold; font-size:16px; line-height:100%; background-color:#f9ab00; -webkit-font-smoothing: antialiased; border-radius:4px; margin:30px 0px 0px 39px; padding:0px; letter-spacing:-1px;}
.os_x_yosemite_box_head {display:block; padding:15px 0px 15px 0px; font-size:26px; line-height:100%; letter-spacing:-1px;}
.os_x_yosemite_box_sub {display:block; padding:0px 0px 15px 0px;  }

.os_x_yosemite_box a.yb:link {text-decoration:none; color:#ffffff;}
.os_x_yosemite_box a.yb:visited {text-decoration:none; color:#ffffff;}
.os_x_yosemite_box a.yb:hover {text-decoration:none; color:#fff3da; }

.trustpilot-widget {margin-bottom:30px;}
.footer-trustpilot-wrapper + .owc-footer {
    margin-top:0;}


/*サポート*/
.support .contents {background: #f1f1f1; padding: 10px 0 20px;border-bottom: 1px solid #cbcbcb;}
.support .container a {color:#3489C5;}

.support .title {margin: 0;}
.support .description,
.support .contents h2 { max-width: none!important; margin: 10px 20px 10px;font-size: 28px;padding: 0;}
.support .description {font-size: 16px;padding: 0;margin: 0 20px 0!important;line-height: 125%;}

.support .container {margin: 0 auto;max-width: 1130px;width: 100%;}
.support .container > .row {display:block;padding: 10px;}

.support .content-area {margin: 10px auto 50px;}

.support .content-area .top-chat-box{padding: 20px;margin: 0 0 20px;}
.support .top-contact-box,
.support .top-chat-box {background:#f5fafd;}
.support .top-chat-box img {width: 96px;}
.support .chat-button {margin: 10px 0 20px;padding: 10px;background: #015eab;color: #fff; border-radius: 5px; text-align: center;}
.support .chat-button:hover {opacity: 0.7;}
.support #livechat_body_on_1 {text-align: center; display: block;}
.support .content-area .additional-links h5,
.support .content-area .top-chat-box h3,
.support .content-area .top-chat-box p {font-size: 14px;}
.support .content-area .top-chat-box h3{margin: 10px 0 0;}
.support .content-area .top-chat-box p {margin: 0;}
.support .content-area .additional-links {padding: 0 10px;}
.support .content-area .additional-links h5{margin: 0 0 5px;}
.support .content-area .list-legacy,
.support .content-area .list-legacy li{margin: 0 0 5px;}

.support .top-contact-box .col-md-12 {justify-content: center; }
.support .top-contact-box .col-md-3 {width: 50%;text-align: center;margin: 10px 0;}
.support .os_x_yosemite_box {margin: 20px 20px;width: auto; padding: 5px 10px;}
.support .support-links .row ,
.support .top-contact-box .col-md-12 {display: flex;flex-wrap: wrap;}
.support .support-links .col-md-4 {width: 33.3%; text-align: center;}
.support .support-links img{width: 100px; margin: 0 0 5px;}
.support .support-links h4{color: #333; text-align: center;font-size: 14px;margin: 0 5px 20px;line-height: 1.2;}	
.support .support-links h4:hover{opacity: 0.7;}


@media screen and (min-width:600px) and ( max-width:1130px) {
.header_container{height:50px;text-align: left;padding-bottom:0}
.header_container a.logo_a{width: auto}
header {height:auto;}
header .logo{width: 26vw;margin: 0}
#search{width:50vw;vertical-align: top;}
#search .search-field{width:42vw}
.navToggle {right: 18px; top: 8px;}
.pc{display: none}

.details_bg img{width:100%;order:1; }
.details_bg figcaption{width:100%;order: 0; }

.item_select {display: flex;}
.item_select li{width: 100%;display:block;}

	
/**************index slik******************/
ul.index_slider{height:500px;}
.index_slider li {height:500px;}
.index_slider li img {object-fit: cover; object-position: 60%; width: 100%; height: 60%;font-family: 'object-fit: cover;'; /*IE対策*/}


.recommend{width: 100%}
.recommend ul.right,
.recommend ul.left{width:100%; margin-right: 0;max-width: auto;justify-content: space-between;}
.recommend ul.right li,
.recommend ul.left li { width: 48%; max-width: auto; margin-bottom: 30px;}

.recommend ul.left li:last-child{}

.recommend figure span{font-weight: 200;font-size:14px;display: block;width: 100%}
.recommend figcaption{text-align: center;background:#39a6eb; color: #fff ;height:100px;display: flex;flex-wrap: wrap;justify-content:center;align-content:center;font-size:18px;font-weight: 300;width: 96%;padding: 2% }


.category_li ul{display: flex;  justify-content:space-between; margin: 0;flex-wrap: wrap;}
.category_li li{width: 42%;}
.category_li h4 { width:100%; margin-left: 0;}
.category_li li img { height: 200px; object-fit: cover; object-position: 50% 50%;  width: 90%;margin: 0 auto 10px;max-width: none;}
.category_li li .no_img {height: 110px; width: 100%;max-width: none; padding: 90px 0 0; text-align: center;}
.category_li ul p{font-size: 12px;text-align: left;ine-height: 1.2em; display: block;font-weight:400;height:100px}
.category_li .btn{width: 100%;padding: 0;margin: 0 auto;background: #39a5eb; color: #fff;font-weight: 400; line-height: 3.2em; height: 48px; border-radius: 2px; text-align: center;font-size: 16px;}

.pickup .txt .btn{width: 40%;text-align: center;margin: 20px auto 10px}

	
/*カスタマイズ*/
section.s_select{width:100%; display:flex;justify-content: space-around; margin-bottom: 50px}
section.s_select select{width: 92%}
.item_list p{display: block;}
.item_list div{margin: 5px;width:27%;border:1px solid #efefef;padding:10px;}
#modal-panel img{width: 31%}
#modal-panel{height:200px;}	

/*サポート*/	
.support .container > .row {display:block;}
.support .top-contact-box .col-md-3 {width: 25%;}
.support .os_x_yosemite_box {margin: 20px 40px;}
.support .support-links img{width: 130px;}
.support .support-links h4{margin: 0 20px 20px;}	

}/*600〜1130px*/


@media screen and (min-width:1130px) {
header svg{ display:inline-block}
.pc{ display:block}
/*header&navi*/
.navi_wrapper .support,
#slide_menu_bg,
.navToggle{display: none}
.header_container a.logo_a{width: auto}
.header_container .support{max-width: 180px;width:14vw;vertical-align: top;padding-top: 16px;margin-right: 1vw; display: inline-block;}
.header_container .support li{ width: 50%;text-align: center;font-size: 12px;margin: 0;}
header .logo{ margin: 0; margin-right: 2vw;width:27vw;}
header{height:155px;position: static}
#search{max-width:514px;width:46vw; vertical-align: top; padding-top:8px;position: absolute;top: -80px;right: 10px;margin: 0}
#search .search-field{max-width: 470px;width:41vw }
.header_container{height:105px; text-align: left;position: inherit;}

#slide_menu ul{overflow:unset;margin: 0 auto}
#slide_menu{ background: none;width: 100%;padding: 0;z-index: auto;transform: none;max-width: 1130px;overflow: unset;margin: 0 auto;position: relative;}
.navi_wrapper{background: rgba(0,0,0,.3);overflow: unset;}
.header_container,
.navi{width: 92vw; max-width:1140px;padding:20px 0 10px 0;height:75px; margin: 0 auto; display: inline-block;left: 0;right: 0;}
.navi{width: 98vw;}
.navi{display: flex; justify-content: space-between;  align-items: center;height:50px;padding:0}
.navi_wp .widget,
.navi li{position: relative;height: auto;margin: 0 10px;}

	
.navi .lcp_catlist,
.navi .sub-menu{background: #FFF;border:6px solid #39a6eb;position:absolute;padding:10px;max-width:220px;width:150px;top:50px;left: 50%;opacity: 0;visibility: hidden;transition: all .2s;-webkit-transform: translateX(-50%) translateY(24px);transform: translateX(-50%) translateY(24px);z-index: 999995;}
.navi_wp .open_menu .lcp_catlist,
.navi li.open_menu .sub-menu{opacity: 1;visibility: visible;-webkit-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0); }
.lcp_catlist::after,
.sub-menu::after {bottom: 100%;	left: 50%;	border: solid ;	content: "";height: 0;	width: 0;	position: absolute;	pointer-events: none;border-color: rgba(57, 166, 235, 0);
	border-bottom-color: #39a6eb;border-width: 15px;margin-left: -15px;	display: block;}
.navi_wp .open_menu .lcp_catlist a{line-height: 1.5;}

.lcp_catlist li a,
.sub-menu li a{color: #333; display: block;}
.lcp_catlist ul.sub-list,
.sub-menu ul.sub-list{display: block;}
.lcp_catlist ul li a,
.sub-menu ul li a{line-height:1.4em;height:20px;margin-left:10px}
.navi a{cursor:pointer;display: block;line-height: 3.5em;}

/*.navi a:hover .arrow{ stroke: #f8a81e}*/
.navi_wp .widget:hover .menu a,
.navi_wp .widget:hover strong a{color: #f8a81e;}
.navi_wp .widget .menu::after,
.navi_wp .widget strong::after{content: ""; display: block; background-image: url(../img/menu_arrow.svg); background-repeat: no-repeat; width: 14px; height: 14px; position: absolute; top: 20px; right: -20px; stroke: red;}
.navi_wp .widget:hover .menu::after,	
.navi_wp .widget:hover strong::after {background-image: url(../img/menu_arrow_hover.svg);}


/*パンくず*/
.breadcrumbs {margin: -70px 0 50px;}
	
/**************index slik******************/
ul.index_slider{ margin-left: 0;height:300px;}
.index_slider li{ position:relative;height:300px;}
.index_slider li img{object-fit: cover;object-position: center; width: 100%; height: 100%;font-family: 'object-fit: cover;'; /*IE対策*/}
.index_slider li div{ position:absolute; top:40%;left:8%; margin: 0}

.slick-slide h1.white{ color: #000}
.index_slider li div h1{font-size:3rem; font-weight: 300;line-height: 2rem;}
.index_slider li div h2{font-size:1.25rem}
.index_slider li div .btn{padding: 0rem 2.625rem;height: 48px;line-height: 48px;}
.index_slider .prev,
.index_slider .next{top:45%;z-index: 3}
.index_slider .prev{left: 14%}
.index_slider .next{right:14%}

.index_slider .color_w {color: #fff;}


/********************index contents************************/

.recommend{display: flex;flex-wrap: wrap;width:100%;max-width: 1130px}
.recommend ul.left{width: 70%; max-width: 740px;margin-right: 30px; justify-content: space-between ;}
.recommend ul.right{width: 355px;display: block}
.recommend ul.right li{max-with:355px;width:100%;margin: 0}
.recommend ul.right li:last-child{margin-top: 30px;}
.recommend ul.left li { max-width: 355px;with:100%;}
.recommend ul.left li { max-width: 355px;with:100%;}
.recommend ul.left li { max-width: 355px;with:100%;}
.recommend ul.left li:last-child { width: 100%; margin-right: 0;max-width: 740px;}
.recommend figure span{font-weight: 200;font-size:14px;display: block;width: 100%}
.recommend figcaption{text-align: center;background:#39a6eb; color: #fff ;height:100px;display: flex;flex-wrap: wrap;justify-content:center;align-content:center;font-size:18px;font-weight: 300; }
.recommend figcaption{font-size:16px;}



.category_li ul{display: flex;  justify-content:space-between; margin: 0;flex-wrap: wrap;}
.category_li li{width:20%;padding:2%; margin-right:  12px;}
.category_li li:nth-child(4n){margin-right: 0;}
.category_li .btn{width: 98%;padding: 0;text-align: center;margin: 0 auto; left: 0; right: 0;}
.category_li ul{display: flex;  justify-content:left; margin: 0;flex-wrap: wrap;}
.category_li h4 { width:100%; margin-left: 0}
.category_li li img { height: 200px; object-fit: cover; object-position: 50% 50%;  width: 100%;margin: 0 auto 10px;max-width: none;}
.category_li li .no_img {height: 120px;width: 100%;max-width: none; padding: 80px 0 0;text-align: center;}
.category_li ul p{font-size: 12px;text-align: left;ine-height: 1.2em; display: block;font-weight:400;height:120px}
.category_li .btn{width: 100%;padding: 0;margin: 0 auto;background: #39a5eb; color: #fff!important;font-weight: 400; line-height: 3em; height: 48px; border-radius: 2px; text-align: center;    font-size: 16px;}

.pickup {display: flex;  flex-direction: row-reverse;justify-content: space-between;}
.pickup img,
.pickup .txt{ width: 48%; text-align: left}
.pickup h4 {font-size:18px; font-weight:400}




/**************contents******************/
.contents{padding:85px 0 140px 0; margin: 0 auto;width: 100%}
section.title{margin-bottom: 30px}
section.product_photo{max-width: 435px;float: right;width: 42%;}
section.description{float: left;margin-bottom: 60px;max-width:600px;width: 55%;}
section.price{clear: both;}

/*固定ページ*/
.page h2,
.page section.description {float: none; margin: 0 auto; max-width: 800px; width: 100%;}


/******slick*******/
.thumbnails .thumbnails_item {display: block;margin: 5px 5px 0; cursor: pointer;}
.thumbnails{width:100%; margin: 0 auto;  display: flex; /* justify-content: space-between; */ flex-wrap:wrap;padding-left: 20px}
.thumbnails .thumbnails_item {  flex: 0 1 20%;  margin-bottom: 10px;  box-sizing: border-box;  position:relative;}
.thumbnails .thumbnails_item img{width:100%;border: 2px solid #fff;}
.thumb-item-nav:hover{cursor: pointer}
.thumb-item-nav img{border: 1px solid #ccc; width:90%}
.slick-slide h1.white{ color: #000}
.slick_no_img{padding: 200px 0;}
/*special slick*/
.special .thumbnails{justify-content: center; }
.special .thumbnails .thumbnails_item {  flex: 0 1 11%;  margin-bottom: 10px;  box-sizing: border-box;  position:relative;}


/**************special contents******************/
.special header{height:155px;position: static}
.special.contents{padding-top:40px}
.special section.product_photo{max-width:none;width: 100%;}
.details_bg.link{display: flex; flex-wrap: nowrap; justify-content:space-between;}
.details_bg.link img{width:50%;}
.details_bg.link figcaption{width:50%; }

.foot_wrap{margin: 0 auto; display: flex;justify-content:space-between;width:90%;max-width: 1200px}
.foot{padding:0 0 20px 0;}
.foot ul{margin-bottom: 24px;}
.foot li{margin-bottom: 24px}
.foot li li{margin-bottom: 0px}
.sns_wrap{margin-bottom:50px;}
.owc-socials{justify-content:flex-start;}
footer p{line-height:4.2em;}
	
	
/*カスタマイズ*/
section.s_select{width:100%; display:flex;justify-content: space-around; margin-bottom: 50px}
section.s_select select{width: 90%}
.contents .item_list{justify-content: flex-start;}
.item_select {display: flex;}
.item_select li{width: 100%;}
.item_list p{display: block;}
.item_list div{margin: 5px;width:17%;border:1px solid #efefef;padding:10px;}
.item_list img, .item_list img{height: 190px!important;}
#modal-panel img{width: 33%}
#modal-panel{height:280px;}
	

/*サポート*/	
.support .content-area > .row {display:flex;}
.support .content-area .col-md-3 {order: 1; width: 25%;}
.support .content-area .support-links {order: 2; width: 75%;}
.support .top-contact-box .col-md-3 {width: 25%;}
.support .os_x_yosemite_box {margin: 20px 40px;}
.support .support-links img{width: 130px;}
.support .support-links h4{margin: 0 20px 20px;}	

	
}/*1130px〜*/