@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

a {
	color: #000000;
	text-decoration:underline;
	transition: all 0.3s ease-in-out 0s;
}

a:hover {
	color: #666666;
	text-decoration:none;
}

a:hover img{
opacity: 0.7
}


img{
max-width: 100%;
}

input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

button,
input[type="submit"], input[type="reset"], input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.flex_wrap_left {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start
}
.flex_wrap_center {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex_wrap_end {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.clearer {
	clear: both;
}

.center{
text-align: center !important
}

.sp{
display: none;
}

#sp_header{
display: none
}

/*検索アイコン*/

.icon-search{
background: url(/wp/wp-content/uploads/icon_search.png) center center no-repeat;
width: 20px;
height: 20px;
}

.icon-search:before {
    content: "" !important;
}

/*検索アイコンここまで*/

.home .page-wrapper {
    padding-top:0;
    padding-bottom:0;
}

.home .container-width, .full-width .ubermenu-nav, .container, .row {
/*max-width: 100% !important;*/
}

.home .col, .home .columns {
  /*
	position: relative;
    margin: 0;
    padding: 0 !important;
    width: 100%;
	*/
}

ul li{
/*list-style: none;*/
}

.button.icon.circle {
display: none
}

.home .col-inner ul li {
margin-left: 0; 
}

.search .search_box .button,.search .search_box button,.search .search_box input {
 margin-bottom:0;
 border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.search p{
	margin-bottom:0
}
/*
#mv .search .search_box button,#mv .search .search_box button,#mv .search .search_box input[type=submit],#mv .search .search_box input[type=reset],#mv .search .search_box input[type=button] {
    font-size: 0;
    letter-spacing:0;
    margin-right:0;
    text-shadow: none;
    line-height:1;
	min-height:0;
	padding:0;
	max-width: 100%;
}
*/

/********************************
header
********************************/
header{
width: 100%;
}

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1280px !important;
}

#wrapper .header-top{
	color:#000000;
	font-size:12px;
}


.html_topbar_right p{
	color:#000000;
	font-size:14px;
}

.top-bar-nav li{
	background:url("../img/top_nav_arrow.png") left center no-repeat;
	padding-left:18px !important;
	font-size:12px;
}


.header_nav{
max-width: 900px;
margin: 0 auto;
}

.header_nav p{
color: #FFFFFF;
font-size:18px;
padding: 10px 0;
}

.header_nav ul{
}

.header_nav ul li{
border-left: 1px solid #FFFFFF;
}

.header_nav ul li a{
display: block;
padding: 10px 20px;
color: #FFFFFF;
text-decoration: none;
}

.header_nav ul li a:hover{
background: #026dd8;
}

.header_nav ul li.language{
transition: all .3s;
position: relative;
}

.header_nav ul li.language a{
display: block;
padding: 10px 10px 10px 30px;
background: url("../img/arrow_down.png") 10px center no-repeat;
}

.header_nav ul li.language a:hover{
background:#026dd8 url("../img/arrow_down.png") 10px center no-repeat;
}

.header_nav ul li ul {
    display: none;/*デフォルトでは非表示の状態にしておく*/
}

.header_nav ul li:hover ul {
    display: block !important;/*Gナビメニューにホバーしたら表示*/
	width: 100%;
    position: absolute;
    top:38px;
    left: 0;
	z-index: 1000;
}

.header_nav ul li.language:hover ul li {
background-color: #3492d1;
border-top: 1px solid #FFFFFF;
border-left: none;
}

.header_nav ul li.language:hover ul li a{
background-image: none !important;
}

.header_nav ul li.language li a{
padding: 10px;
}

.header_nav ul li.language ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.header_nav ul li.language ul a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

.header_nav ul li.wishlist a{
display: block;
padding: 10px 30px 10px 15px;
background: url("../img/favo.png") 90% center no-repeat;
}

.header_nav ul li.wishlist a:hover{
display: block;
padding: 10px 30px 10px 15px;
background: url("../img/favo.png") 90% center no-repeat;
}

.header_nav ul li.login {
background:#a0d2f2;
}

.header_nav ul li.login a{
color: #000000;
}

.wide-nav{
  background: linear-gradient(180deg, #005ab4 0%, #005ab4 50%, #004080 50%, #004080 100%);
}

.wide-nav ul{
	width:100%;
}

.wide-nav ul li{
	width:14%;
	text-align:center;
	border-left:1px solid #FFFFFF;
	line-height:1.4;
	font-size:16px;
}

.wide-nav ul li:nth-child(3){
	width:16%
}

.wide-nav ul li:nth-child(7){
	background:#fabf13;
	border-right:1px solid #FFFFFF;
	color:#000000;
}

.wide-nav ul li a{
	display:block;
	height:55px;
	padding-top:20px;
}

.wide-nav ul li:nth-child(3) a{
	display:block;
	height:55px;
	padding-top:10px;
}

.wide-nav ul li:nth-child(6) a{
	display:block;
	height:55px;
	padding-top:10px;
}

.wide-nav ul li:nth-child(7) a{
	color:#000000 !important;
}

.wide-nav ul li.current-menu-item:nth-child(7) a{
	color:#FFFFFF !important;
	background:#daa200
}

.wide-nav ul li a:hover{
	background:#005ab4
}

.wide-nav ul li:nth-child(7) a:hover{
	background:#daa200
}

.wide-nav .hide-for-medium{
	width:100%;
}


#gnav{
max-width: 1220px;
margin: 0 auto;
}

#gnav .logo{
padding: 25px 0 10px;
width: 360px;
}

#gnav ul li {
margin: 8px 0 ;
}

#gnav ul li a{
display: block;
text-decoration: none;
color: #000000;
font-size:20px;
padding: 20px 20px;
}

#gnav ul li a:hover{
color:#026dd8;
}

#gnav ul li.contact a{
background: #fabf13;
color: #000000;

}

/********************************
index
********************************/

#mv{
height:150px;
background: url("../img/mv3.jpg") center center no-repeat;
background-size:cover;
box-shadow:0px 10px 10px -5px rgba(0,0,0,0.2);
}

.search{
max-width:900px;
background-color:#d9d9d9; 
margin:0 auto 40px;
padding: 25px 0;
}

.search .search_box{
width:400px;
margin:0;
background: #FFFFFF;
	border:1px solid #005ab4;
padding:2px;
}

.search .search_box input{
padding:0 10px;
font-size:16px;
}

.search .search_box button{
font-size:16px;
}

.search p{
max-width:calc(100% - 400px);
width:150px;
text-align:right;
font-size:16px;
padding-top:10px;
}

.search p a{
color: #000000;
text-decoration:underline;
}

.models{
max-width:900px;
margin:0 auto;}

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

.popular_models{
width:416px;
max-width:48%
}

.popular_models ul li a{
color: #000000;
}

.popular_models ul li p{
text-align: center;
padding: 20px 0;
}

.new_machine{
width:416px;
max-width:48%
}

.new_machine ul li a{
color: #000000;
}

.new_machine ul li p{
text-align: center;
padding: 20px 0;
}

.more{
	text-align:center;
	margin-bottom:25px;
}

.more img{
	width:202px;
}

#category{
margin:0 auto;
padding:30px 0;
max-width:900px;
}

#category h2{
text-align: center;
margin-bottom: 30px;
}

#category .category_list{
max-width: 1220px;
margin: 0 auto
}

#category ul{
width: 25%;
}

#category ul li {
background: url("../img/arrow.png") left center no-repeat;
padding-left: 15px;
margin-bottom: 20px;
}

#category ul li a{
color: #FFFFFF;
text-decoration: none;
}

#category .more{
margin: 50px auto 0;
width: 250px;
text-align: center;
}

#category .more a{
padding: 25px;
font-size:20px;
font-weight:bold;
color: #005ab4;
text-decoration: none;
display: block;
background: #FFFFFF
}

.btn_area{
	max-width:900px;
	margin:0 auto;
}

.btn_area li{
width:416px;
height:238px;
position: relative;
text-align: center;
list-style: none !important;
margin-bottom:0;
}

.btn_area li.transaction_flow{
background: url("../img/bg_btn01.jpg") center center no-repeat;
background-size: cover;
} 

.btn_area li.faq{
background: url("../img/bg_btn02.jpg") center center no-repeat;
background-size: 100% auto;
} 

.btn_area li a{
display: block;
width: 100%;
height: 100%;
}

.btn_area li p{
position: absolute;
bottom:20%;
left: 10%;
width: 80%;
margin-bottom:0;
}

#profile_policy{
background: url("../img/bg_btnarea.jpg") bottom center no-repeat;
padding: 78px 0 250px;
}

#profile_policy ul{
max-width: 840px;
margin: 0 auto;
}

#profile_policy ul li{
width: 350px;
text-align: center;
border: 1px solid #FFFFFF;
list-style: none !important;
}

#profile_policy ul li a{
display: block;
width: 100%;
padding: 15px 0;
color: #FFFFFF;
background-color:rgba(0,90,180,0.2);
text-decoration: none;font-weight:bold;
font-size:28px;
}

#profile_policy ul li a:hover{
background-color:rgba(0,90,180,0.5);
}

#contact{
margin: 0 auto;
max-width: 1280px
}

#contact h2{
text-align: center;
margin-bottom: 50px;
}

#contact .logo{
margin-bottom: 30px;
}

#contact .address{
width:28%;
}

#contact p{
font-size:14px;
line-height: 1.5;
color:#000000;
margin-bottom:5px;
}

#contact p strong{
font-weight: bold;
}

#contact .address table{
	margin:0 0 5px;
}

#contact .address table th{
	font-weight: bold;
	font-size:16px;
line-height: 1.5;
color:#000000;
	vertical-align:top;
	padding:0;
	letter-spacing: 0;
	text-transform:none;
	border:none;
}

#contact .address table td{
font-size:16px;
line-height: 1.5;
color:#000000;
vertical-align:top;
padding:0;
letter-spacing: 0;
text-transform:none;
border:none;
}

#contact .footer_map{
	width:33%;
}

#contact .social{
	width:34%;
}

#contact .social h3{
	font-size:18px;
	color:#000000;
}

#contact .social table td{
padding: 10px;
font-size:16px;
border:none;
color:#000000
}

#contact .social table td li{
	margin-bottom: 25px;
}

#contact .social table td strong{
font-weight:bold;
}

#contact .social table td img{
	vertical-align: middle;
	width: 47px;
	height: auto;	
}

#contact .mail_btn{
margin-top:20px;
text-align: center;
	width:100%;
}

#contact .mail_btn a{
display: block;
line-height: 1;
background: -moz-linear-gradient(top, #005cb8, #002952);
background: -webkit-linear-gradient(top, #005cb8, #002952);
background: linear-gradient(to bottom, #005cb8, #002952);
}

#sitemap{
background: #e5e5e5;
padding: 150px 0;
text-align: center;
}

.copyright-footer{
	font-size:14px;
}

/********************************
contents
********************************/
/*全幅タイトル*/
.page-template-default .col,.page-template-default .col-inner{
	position:inherit !important
}


.page-template-default #content .col-inner{
	padding-top:80px;
}

.page-template-default #content .col-inner .col-inner{
	padding-top:0px;
}

.page-header-wrapper{
	width:100vw;
	position:absolute;
	top:0;
	left:0;
}
/*全幅タイトルここまで*/

#main h2{
	color:#005ab4;
	font-size:28px;
}

.criteria_col2{
	max-width:960px;
	margin:0 auto
}

.criteria_col2 div{
	width:40%;
}

.criteria_col2 div h2{
	color:#666666;
	font-size:24px;
}

.criteria_col2 div select{

}

.search_btn {
	width:320px;
	margin:50px auto;
	text-align:center;
}

.search_btn a,
.search_btn span{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	background:#d26e4b;
	border-radius:50px;
	width:100%;
	padding:15px 0;
}

.search_btn a:hover,
.search_btn span:hover{
	color:#FFFFFF;
	background:#b35d3f;
}

.faq .faq_q:before{
	content:"Q";
	padding:5px 10px;
	background:#2255a2;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:10px;
	font-size:16px;
}

.faq .faq_q{
	font-size:20px;
	line-height:1.5;
	margin-bottom:15px;
	padding-left:2em;
	text-indent:-2em;
	list-style:none;
	font-weight:bold;
	color:#000000;
}

.faq .faq_a:before{
	content:"A";
	padding:5px 10px ;
	background:#ba2929;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:10px;
	font-size:16px;
}

.faq .faq_a{
	font-size:20px;
	line-height:1.5;
	border-bottom:dashed 1px #999999;
	padding-bottom:15px;
	margin-bottom:30px;
	padding-left:2em;
	text-indent:-2em;
	list-style:none;
}

.survey_catch{
	font-size:1.25em;
	color:#555555;
	margin-bottom:20px;
	font-weight:bold;
}

.survey h3{
	font-size:1em
}

.survey dt{
	width:100%;
	text-transform: none;
	font-weight:bold;
	font-size:1em;
	color:#555555;
	margin-bottom:10px;
}

.survey dd{
	width:100%;
	margin-bottom:30px
}

.survey dd input{
	max-width:480px;
}

.survey dd select{
	max-width:180px;
}

.survey dd span.wpcf7-list-item{
	width:33%;
	margin-right:0
}

.survey dd.q16 span.wpcf7-list-item:nth-child(4){
	width:100%;
}

.survey dd.q19 span.wpcf7-list-item:nth-child(22){
	width:100%;
}

.survey dd.q20 span.wpcf7-list-item:nth-child(22){
	width:100%;
}

.survey dd.q21 span.wpcf7-list-item{
	width:100%;
}

.survey dd.q21 span{
	font-weight:bold !important;
}

.survey dd ul{
	margin-top:20px;
}

.survey dd ul li{
	list-style:none;
	margin-left:0;
}

.survey dd ul li span{
	color:#2255a2;
	font-size:16px;
	font-weight:bold;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit{
background: -moz-linear-gradient(top, #005cb8, #002952);
background: -webkit-linear-gradient(top, #005cb8, #002952);
background: linear-gradient(to bottom, #005cb8, #002952);
	width:360px;
	padding:10px 0;
}


.is-large {
    font-size: 14px !important;
}

.product-info {
    padding-top: 0 !important;
}

.tab-panels {
    padding-top: 0 !important;
}

.product-info .price {
    margin: 0 !important;
}

.dl_area{
	margin:20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.dl_area div{
	width:49%;
}

.dl_area div a{
	display:block;
	padding:15px;
	padding-left:30px;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	font-size:16px;
}

.dl_area .all_img_download_box a{
	background:#FFFFFF url("../img/dl_icon.png") 10px center no-repeat;
	border:2px solid #005ab4;
	color:#005ab4
}

.dl_area .copydetailurl a{
	background:#FFFFFF url("../img/copy_icon.png") 10px center no-repeat;
	border:2px solid #ff9f05;
	color:#ff9f05;
}

/*Machine*/
.shop-container .row-small>.col {
    padding: 0 3% 50px;
    margin-bottom: 0;
	position:relative
}

.product-small.box{
	position:relative
}

.home .product-small.box .box-image{
	width:100%;
}

.product-small.box .box-image{
	width:48%;
	min-height:160px;
	margin:0;
}

.product-small.box .box-image .fill{
	height:auto
}

.product-small.box .item-date{
	width:48%;
	position:absolute;
	top:0;
	right:0;
}

.product-small.box .box-text{
	position:static;
}

.item-date .product_cat__label{
	display:none
}

.item-date .product_cat__value{
	color:#000000;
}

.item-date .pa_maker__label{
	display:none;
}

.item-date .pa_maker__value{
	color:#000000
}

.pa_maker_box{
	margin-bottom:5px;
	line-height:1.2
}


.item-date .pa_model__label{
	display:none
}

.item-date .pa_model__value p{
	color:#000000;
	font-weight:bold;
	margin:0;
	padding:0;
}

.pa_model_box{
	margin-bottom:5px;
	line-height:1.2
}

.item-date .model_year__label{
	display:none
}

.item-date .model_year__value p{
	color:#000000;
	margin:0;
	padding:0;
}

.model_year_box{
	margin-bottom:5px;
	line-height:1.2
}

.item-date .price__label{
	display:none
}

.item-date .price__value p{
	margin:0;
	padding:0;
	font-size:1.2em;
	text-align:right
}

.item-date .price__value p span{
color:#005cb8;
}

.item-status{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.item-status .serial_box,.item-status .usage_time_box,.item-status .rno_box{
	line-height:1;
	font-size:0.9em;
	color:#000000;
	padding:0 5px;
	border-right:1px solid #000000;
	width:33%
}

.item-status .remark_box{
	display:none
}

.item-status .rno_box{
	border-right:none;
}

.item-status div p{
	padding:5px 0;
}

.link_wrap a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.Contact_box .quote-form{
	width:72%;
	margin-top:10px;
	float:left
}

.Contact_box .quote-form a{
color:#000000 !important;
background: -moz-linear-gradient(top, #fabf13, #fa9b13);
background: -webkit-linear-gradient(top, #fabf13, #fa9b13);
background: linear-gradient(to bottom, #fabf13, #fa9b13);
text-align:center;
font-size:0.9em;
padding:10px 5px;
display:block
}

.Contact_box .detail{
	width:25%;
	margin-top:10px;
	float:right
}

.Contact_box .detail a{
color:#FFFFFF !important;
background: -moz-linear-gradient(top, #005cb8, #002952);
background: -webkit-linear-gradient(top, #005cb8, #002952);
background: linear-gradient(to bottom, #005cb8, #002952);
	text-align:center;
	font-size:0.9em;
	padding:10px 5px;
	display:block
}

.product_loop_table{
	border-left:1px solid #ececec;
	border-top:1px solid #ececec;
}

.product_loop_table th,.product_loop_table td{
border-right:1px solid #ececec;
padding:5px;
}

.product_loop_table td p{
margin:0;
padding:0;
font-size:0.9em;
}

.product_loop_table td a {
    display: block;
    height: 100%;
    width: 100%;
}
.product_loop_table th{
	background:#999999;
	text-align:center !important;
	letter-spacing:0;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size:0.7em;
}

.product_loop_table td:first-child {
padding:0 5px;
}

.product_loop_table tr:nth-child(odd) td {
	background: #F5F5F5;
}

.product_loop_table td span.amount {
	color:#005cb8;
	font-size:1.2em;
}

.product_loop_table td .quote-form  {
   text-indent:-9999px
}

.product_loop_table td .quote-form a {
    display: block;
    padding: 0;
    background-color:transparent;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: url("../img/mail_bg.png") center center no-repeat;
   text-indent:-9999px;
    z-index: 10000;
}


.product-summary .woocommerce-Price-currencySymbol {
    font-size: 1em !important;
}

.woocommerce-product-attributes.shop_attributes{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

.woocommerce-product-attributes.shop_attributes th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#F1F1F1;
	color:#666666;
	font-size:16px;
	max-width:120px !important;
	text-align:center;
}

.woocommerce-product-attributes.shop_attributes td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
}

.privacy_scroll{
	border:1px solid #000000;
	padding:20px;
	height:350px;
	overflow-y:scroll;
}

.privacy_scroll h3{
	font-size:24x;
	color:#2255a2;
}

.privacy_scroll h4{
	font-size:18px;
}

.privacy_scroll p{
	font-size:16px;
}

.privacy_scroll ul li{
	font-size:16px;
}

.privacy_btn{
	margin:50px auto;
	max-width:480px
}

.privacy_btn li{
	width:48%;
	list-style:none;
	margin:0 !important
}

.privacy_btn li a{
	display:block;
	background:#999999;
	padding: 10px 0;
	text-align:center;
	color:#FFFFFF;
	border-radius:5px;
}

.privacy_btn li.agree a{
	background:#2255a2;
}

#wrapper .shop-page-title.featured-title .title-bg {
	background-image:none !important;
}

#wrapper .page-title-inner .text-center{
	text-align:left;
}
/*
#wrapper .page-title-inner div:nth-child(1),#wrapper .page-title-inner div:nth-child(3){
	display:none;
}
*/

.quote-form button{
background: -moz-linear-gradient(top, #005cb8, #002952);
background: -webkit-linear-gradient(top, #005cb8, #002952);
background: linear-gradient(to bottom, #005cb8, #002952);
}

.quote-form a{
display:block;
padding:15px 5px;
	text-align:center;
	color:#000000 !important;
background: -moz-linear-gradient(top, #fabf13, #fa9b13);
background: -webkit-linear-gradient(top, #fabf13, #fa9b13);
background: linear-gradient(to bottom, #fabf13, #fa9b13);
}

.search_btn button[type="submit"]{
	background-color: transparent !important;
}

.profile_table{
	border-top:1px solid #ececec;
	border-left:1px solid #ececec;
}

.profile_table th{
	border-right:1px solid #ececec;
	background:#b2d9ff;
	color:#2255a2;
	padding:10px !important;
}

.loop_layout_switch a{
background:url("../img/arrow3.png") 9px center no-repeat;
padding:5px 10px 5px 30px;
color:#2255a2;
font-size:16px !important;
}


/********************************
レスポンシブ
********************************/

@media screen and (min-width: 768px) {
	 a[href^="tel:"] {
		 pointer-events: none;
		 cursor: default;
	}
}
 
@media screen and (max-width: 1280px) {
/********************************
header
********************************/
.header_nav{
max-width: 100%;
}

.header_nav p{
padding-left: 3%;
font-size:16px;
}

#gnav{
max-width: 100%;
}

#gnav .logo{
padding: 25px 0 10px 3%;
width: 360px;
}

#gnav ul{
width: 100%;
}

#gnav ul li{
width: 14%;
text-align: center
}

#gnav ul li:nth-child(2),#gnav ul li:nth-child(3){
width: 22%;
}

#gnav ul li a{
font-size:20px;
padding: 20px 0;
}


/********************************
index
********************************/
	
.popular_models{
}

.new_machine{
}

#category .category_list{
max-width: 94%;
}

.btn_area li p{
position: absolute;
bottom:20%;
left: 0;
width: 100%;
padding: 0 20px;
}

#contact{
margin: 0 auto;
padding: 60px 0;
max-width: 94%
}

#contact .mail_btn{
width: 100%;
text-align: center;
margin-top: 20px;
}

#contact .mail_btn a{
display: block;
max-width: 400px;
margin: 0 auto;
line-height: 1;
background: #005ab4;
}

#sitemap{
background: #e5e5e5;
padding: 150px 0;
text-align: center;
}
}



@media screen and (max-width: 980px) {
/********************************
header
********************************/

.header_nav p{
font-size:14px;
}

.header_nav ul{
}

.header_nav ul li{
font-size: 14px;
}
	

.search{
max-width:94%;
}

.models{
max-width:94%;
}


#category{
max-width:94%;
}

#category .category_list{
max-width:100%;
}

.btn_area{
	max-width:100%;
}

.btn_area li{
max-width:416px;
width:50%;
height:25.8vw;
}
	
#profile_policy ul{
max-width: 90%;
}

#profile_policy ul li{
width: 40%;
}

#contact{
max-width:94%
}

#contact .mail_btn p{
max-width: 100%;
}

.slick-prev
{
    left: 5% !important;}


.slick-next
{
    right: 5% !important;
}

/********************************
contents
********************************/
.criteria_col2{
	max-width:100%;
}

.criteria_col2 div{
	width:48%;
}

.criteria_col2 div h2{
	font-size:22px;
}
	
.survey dd span.wpcf7-list-item{
	width:48%;
}

}

@media screen and (max-width: 860px) {
/********************************
header
********************************/
.header_nav ul {
width: 100%;
border-top: 1px solid #FFFFFF;
}

.header_nav ul li{
width: 20%;
text-align: center
}

.header_nav ul li a{
display: block;
padding: 10px 20px;
color: #FFFFFF;
text-decoration: none;
}

.header_nav ul li a:hover{
background: #026dd8;
}

.header_nav ul li.language a{
display: block;
padding: 10px 10px 10px 30px;
background: url("../img/arrow_down.png") 10px center no-repeat;
}

.header_nav ul li.language a:hover{
background:#026dd8 url("../img/arrow_down.png") 10px center no-repeat;
}#026dd8

.header_nav ul li.language li li a{
padding: 10px 20px;
background:none;
}

.header_nav ul li.wishlist a{
display: block;
padding: 10px 30px 10px 15px;
background: url("../img/favo.png") 90% center no-repeat;
}

.header_nav ul li.wishlist a:hover{
display: block;
padding: 10px 30px 10px 15px;
background: url("../img/favo.png") 90% center no-repeat;
}

.header_nav ul li.login {
background:#a0d2f2;
}

.header_nav ul li.login a{
color: #000000;
}
	
.shop-container .row-small>.col {
    padding: 0 1% 19.6px;
    margin-bottom: 0;
}	
	
}

 
 
@media screen and (max-width: 768px) {

.sp{
display: block
}

.pc{
display: none;
}

/********************************
header
********************************/
header{
width: 100%;
background: #005ab4;
}

.header_nav{
display: none;
}


#gnav .logo{
width: 360px;
margin: 20px auto 10px;
padding: 0;
}

#gnav ul {
display: none;
}

#sp_header{
display: block;
height: 70px
}

#sp_header .sp_header_nav{
width:calc(100% - 58px);
}

#sp_header .sp_header_nav li{
width: 30%;
}

#sp_header .sp_header_nav li.language{
width: 40%;
position: relative;
cursor: pointer;
transition: all .5s ease;
}

.toggle {
display: none;
}

.open,
.subnav {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.open {
display: block;
border-right: 1px solid #FFFFFF;
padding: 25px 0;
text-align: center;
height: 100%;
text-decoration: none;
color: #FFFFFF;
font-size:20px;
line-height: 1
}
.open::after,
.open::before {
content: "";
position: absolute;
transition: all 0.3s;
}

.language .subnav {
max-height: 0;
overflow: hidden;
z-index: 1000;
position: absolute;
top:70px;
left: 0;
width: 50vw;
height: 200px;
}

.subnav ul {
background: #3492d1;
}

#sp_header .sp_header_nav li.language .subnav ul li{
border-right:none;
border-bottom: 1px solid #FFFFFF;
width: 100%;;
position: relative;
}

#sp_header .sp_header_nav li.language .subnav ul li a{
padding: 10px;
}

#sp_header .sp_header_nav li.language .subnav ul li a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

.toggle:checked + .open + .subnav {
max-height: 300px;
transition: all 1.5s;
}





#sp_header .sp_header_nav li a{
display: block;
border-right: 1px solid #FFFFFF;
padding: 25px 0;
text-align: center;
height: 100%;
text-decoration: none;
color: #FFFFFF;
font-size:20px;
line-height: 1
}

#sp_header .sp_header_nav li.login {
background:#a0d2f2;
}

#sp_header .sp_header_nav li.login a{
color: #000000;
}

nav.globalMenuSp {
	 position: fixed;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 text-align: center;
	 transform: translateY(-100%);
	 transition: all 0.6s;
	 width: 100%;
	 z-index: 5;
	}
	
	 nav.globalMenuSp ul {
	 background: #FFFFFF;
	 margin: 70px 0 0 0;
	 padding: 0;
	 width: 100%;
	 border-bottom: 2px solid #015127;
	}
	
	 nav.globalMenuSp ul li {
	 font-size: 18px;
	 list-style-type: none;
	 padding: 0;
	 width: 100%;
	 border-top: 2px solid #026dd8;
	 text-align: left;
	}
	
	nav.globalMenuSp ul.sub_nav {
	 background: #FFFFFF;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start
	}
	
	 nav.globalMenuSp ul.sub_nav li {
	 font-size: 14px;
	 list-style-type: none;
	 padding: 0;
	 width: 100%;
	 border-top: none;
	 border-bottom: 2px solid #026dd8;
	 text-align: center;
	 width:50%;
	}
	
	/* 最後はラインを描かない */
	nav.globalMenuSp ul li:last-child {
	 padding-bottom: 0;
	 border-bottom: none;
	}
	 nav.globalMenuSp ul li a {
	 display: block;
	 padding:15px 20px;
	 color: #026dd8;
	 text-decoration: none;
	}
	
nav.globalMenuSp ul.sub_nav li a{
color: #000000;
}
	
nav.globalMenuSp ul.sub_nav li:nth-child(1), nav.globalMenuSp ul.sub_nav li:nth-child(3){
border-right: 1px solid #e5e5e5;
}

nav.globalMenuSp ul.sub_nav li:nth-child(5){
width: 100%;
}
	 
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	 transform: translateY(0%);
	}
	 .navToggle {
	 display: block;
	 position: fixed;    /* bodyに対しての絶対位置指定 */
	 right: 3px;
	 top: 10px;
	 width: 50px;
	 height: 50px;
	 cursor: pointer;
	 z-index: 10;
	 text-align: center;
	 color: #FFFFFF;
	 font-size: 10.5px;
	 padding-top: 39px;
	 background: #005ab4;
	}
	 .navToggle span {
	 display: block;
	 position: absolute;    /* .navToggleに対して */
	 width: 35px;
	 border-bottom: solid 3px #FFFFFF;
	 -webkit-transition: .35s ease-in-out;
	 -moz-transition: .35s ease-in-out;
	 transition: .35s ease-in-out;
	 left: 7.5px;
	 
	}
	 .navToggle span:nth-child(1) {
	 top: 7px;
	}
	 .navToggle span:nth-child(2) {
	 top: 18px;
	}
	 .navToggle span:nth-child(3) {
	 top: 29px;
	}
	 
	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
	 top: 10px;
	 left: 7px;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	}
	 
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
	 top: 10px;
	 -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 transform: rotate(45deg);
	}


/********************************
index
********************************/
#mv {
height:75px;
}

.search{
position: relative;
width: 100%;
padding: 20px 0;
line-height: 1.5
}

.search .search_box{
width: 94%;
margin: 0 auto 20px;
}

.search p{
line-height: 1.5;
	width:100%;
	max-width:100%;
	text-align:center;
}


#product h2{
max-width:90%;
text-align: center;
margin:0 auto 30px;
}

.popular_models{
width:94%;
max-width:94%;
margin-bottom:50px;
}

.new_machine{
width:94%;
max-width:94%;
margin-bottom:50px;

}
	
.slick-prev
{
    display: none !important
}

.slick-next
{
   display: none !important
   }

#category{
padding: 50px 0
}

#category h2{
max-width:90%;
text-align: center;
margin:0 auto 30px;
}

#category ul{
width: 50%;
margin: 0 auto
}

.btn_area li{
width: 100%;
height: 50vw;
}

.btn_area li p{
position: absolute;
bottom:20%;
left: 0;
width: 100%;
}

#profile_policy{
padding: 50px 0 0;
}


#profile_policy ul li{
width: 100%;
margin-bottom: 40px;
}

#contact{
padding: 40px 0 20px;
}

#contact h2{
margin-bottom:0 10% 30px;
}

#contact p{
width: 100%;
max-width: 100%;
margin-bottom: 30px;
}
	
#contact .address{
width: 100%;
max-width: 100%
}
	
#contact .footer_map{
width: 100%;
max-width: 100%;
margin-bottom:20px;
}
	
#contact .social{
width: 100%;
max-width: 100%
}
#contact .social table td img{
	display:block;
}

#contact .mail_btn{
width: 100%;
}

#sitemap{
padding: 50px 0;
}

.copyright{
font-size:10px;
}

	
/********************************
contents
********************************/
#main h2{
	font-size:24px;
}	
	
.criteria_col2 div{
	width:100%;
}
	
.survey dd input{
	max-width:100%;
}

.woocommerce-product-attributes.shop_attributes{
	max-width:100%;
}

.survey dd span.wpcf7-list-item{
	width:100%;
}
	
.shop-container .row-small>.col {
    padding: 0 3% 19.6px;
    margin-bottom: 40px;
}
	
.shop-container .large-columns-2>.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	width:100%;
}
	
.dl_area div{
	width:100%;
	margin-bottom:15px;
}
	
.survey dt{
	font-size:1em;
	}
}