/* BEGIN max width 1200px */
@media (max-width: 1200px) {
.info-input p.btn.return {
    left: 0px;
}
	.info-input p.btn.next {
    right: 0px;
}
.content-form-page .control-label {
	padding-left: 30px;
	padding-bottom: 5px;
}
.content-form-page .col-md-offset-4 {
	margin-left: 15px;
}
.content-form-page .pull-right {
	float: left !important;
}
.quote-v1 span {
	font-size: 20px;
}
	#index div.intro {
    width: 100%;
    display: block;
   margin-bottom: 20px;
}
ul.bnr_list {
   -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.bnr_list li {
   
    margin: 10px;
}
}
/* END max width 1200px */

/* BEGIN min width 1025px */
@media (min-width: 1025px) {
.header .header-navigation {
	display: block !important;
}
}

/* END min width 1025px */

/* BEGIN min width 1025px max width 1205 */
@media (min-width: 1025px) and (max-width: 1205px) {
body.page-header-fixed {
	padding-top: 121px !important; /* height of the header */
}
.header .header-navigation {
	display: block !important;
	clear: both;
	margin-top: -10px;
	float: left !important;
}
.reduce-header .header-navigation {
	margin-top: -6px;
}
.header .header-navigation > ul > li {
	margin-right: 27px;
}
.header .header-navigation > ul > li > a {
	padding: 5px 0 18px;
}
.reduce-header .header-navigation > ul > li > a {
	padding-bottom: 13px;
}
.header .header-navigation > ul > li.active > a, .header .header-navigation > ul > li > a:hover, .header .header-navigation > ul > li > a:focus, .header .header-navigation > ul > li.open > a, .header .header-navigation > ul > li.open > a:hover, .header .header-navigation > ul > li.open > a:focus {
	background: none;
}
.header-navigation > ul > li.dropdown:hover > a:after {
	margin-left: 10px;
}
.dropdown-fix-right .dropdown-menu {
	left: 0;
	right: auto;
}
.header .header-navigation li.menu-search {
	top: 1px;
	margin-left: -20px;
}
.ecommerce .header .header-navigation li.menu-search {
	top: 2px;
}
.header .header-navigation li.menu-search span.sep {
	top: 2px;
	margin-right: 26px;
}
.header .header-navigation li.menu-search i {
	top: -4px;
}
}

/* END min width 1025px max width 1205 */

/* BEGIN max width 1024px */
@media (max-width: 1024px) {
body.page-header-fixed {
	padding-top: 107px !important; /* height of the header */
}
.header .mobi-toggler {
	display: block;
}
.header .header-navigation {
	float: none !important;
	display: none;
	clear: both;
	background: #F9F9F9;
	padding: 0 20px;
	margin: 0 -20px 25px;
	font-size: 16px;
}
.header .header-navigation li {
	float: none;
	padding: 0;
	clear: both;
}
.header .header-navigation li > a, .header .dropdown.open .dropdown-toggle, .header .header-navigation li.open > a {
	border-bottom: 1px solid #efefef !important;
	padding: 8px 10px 9px;
	margin: 0 -10px;
	position: relative;
	color: #666 !important;
	background: none !important;
}
.ecommerce .header .header-navigation li > a, .ecommerce .header .dropdown.open .dropdown-toggle, .ecommerce .header .header-navigation li.open > a {
	padding: 12px 10px 9px;
}
.header .header-navigation li > a:hover, .header .header-navigation li.active > a, .header .header-navigation li.open > a:hover {
	border-bottom: 1px solid #efefef !important;
	background: none !important;
	color: #dd4632 !important;
	text-decoration: none;
}
.header-navigation > ul > li.dropdown:hover > a:after {
	border: none;
}
.header-navigation > ul > li > a > i.fa-angle-down {
	display: block;
	float: right;
	margin: 3px 0 0;
}
/* dropdown menu */
.header-navigation .dropdown-menu, .header-navigation > ul > li > .dropdown-menu {
	position: static;
	width: 100%;
	margin: 0;
	border: none;
	box-shadow: none;
	background: none;
	margin-top: 0;
	border-top: none;
	z-index: 22;
}
.header-navigation .dropdown-menu li {
	border: none !important;
	margin-left: 20px;
}
.header-navigation .dropdown-menu li > a {
	padding: 10px 10px 9px;
	z-index: 999;
	position: relative;
}
.header-navigation .dropdown-menu li > a > i {
	display: none;
}
.header-navigation .dropdown-menu .dropdown-menu {
	display: block;
}
.header-navigation .header-navigation-content {
	border: none;
}
.dropdown-megamenu .header-navigation-content {
	padding: 5px 0 0;
	margin-left: -20px;
}
.dropdown-megamenu .header-navigation-content .row {
	margin: 0;
}
.dropdown-megamenu .header-navigation-content .header-navigation-col {
	padding: 0;
	float: none;
	width: 100%;
}
.dropdown-megamenu .header-navigation-content h4 {
	font-size: 13px;
	padding: 10px 10px 9px;
	margin: 0 -10px 0 10px;
}
.header-navigation .dropdown-megamenu .header-navigation-content li > a {
	padding: 10px 10px 9px;
}
.header-navigation-content-ext {
	background: none;
}
.header-navigation-description {
	height: auto !important;
	background: none;
	box-shadow: none;
	padding: 0;
	margin: 0 10px;
}
.header-navigation-content-ext .col-md-6, .header-navigation-content-ext .col-md-3 {
	float: none;
	width: 100%;
}
.dropdown-megamenu .header-navigation-content-ext .col-md-3 h4 {
	border-bottom: 1px solid #EFEFEF;
}
.header-navigation .dropdown-menu .header-navigation-content-ext li > a {
	display: block;
}
.header-navigation-content-ext .col-md-3, .header-navigation-content-ext .col-md-6 {
	padding: 0;
}
.header-navigation-content-ext .col-md-6 {
	margin-left: 10px;
}
.header-navigation-content-ext .col-md-6 h4 {
	margin-left: 0;
	padding-left: 0;
}
.header .nav-brands {
	margin: 15px 10px;
	padding: 0;
	width: 100%;
	background: #fff;
}
.header .nav-brands ul {
	border: 1px solid #F0F0F0;
	padding: 10px;
}
.header .nav-brands li {
	max-width: 50%;
	display: inline-block;
	border: none;
	margin-left: 0
}
.header .nav-brands li a, .header .nav-brands li a:hover {
	border: none !important;
	margin: 0 !important;
}
.nav-catalogue .dropdown-menu > li {
	margin-left: 0;
}
.nav-catalogue .header-navigation-content {
	padding: 20px 0 0;
}
.nav-catalogue .product-item {
	margin-bottom: 20px;
}
.header-navigation li.menu-search, .ecommerce .header-navigation li.menu-search {
	top: 0;
	padding: 20px 0 10px;
	position: relative;
}
.header-navigation li.menu-search span.sep {
	display: none;
}
.header-navigation .search-box {
	position: relative;
	right: auto;
	left: 0;
}
.header-navigation .search-box:after {
	right: auto;
	left: 0;
}
.top-cart-block {
	margin-top: 3px;
}
.page-header-fixed .header-navigation {
	height: 300px;
	overflow: auto;
}
}

/* END max width 1024px */

/* BEGIN max width 992px */	
@media (max-width: 992px) {
.product-item {
	padding: 0px;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 1em 2%;
}
ul.drawer-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
#shopping .cont .btn {
	border: 0px;
	width: auto;
	height: auto;
}
#shopping .cont .btn a {
	font-size: 0.8em;width: auto;
}
.intro-area {
	width: 100%;
	padding: 10px;
}
input.image_btn {
	position: static;
}
.intro-area .l-box {
	float: none;
	padding-right: 0px;
}
.intro-area .l-box img {
	width: 100%;
}
.intro-area .r-box {
	float: none;
	width: 100%;
	margin-top: 30px;
}
.details_cont li {
	margin-bottom: 10px;
}
.drawer--top .drawer-nav {
	height: auto;
}
.steps-block-col:nth-child(2) a {
	line-height: 1.7em;
}
#shopping div#day p {
	display: flex;
	display: -webkit-flex; /* Safari */
	margin-bottom: 5px;
}
#news .topics_entry {
	float: none;
	text-align: center;
	padding: 5px 0px;
}
#news .topics_time {
	float: none;
	text-align: center;
	padding: 0px;
}
#news .topics_img {
	float: none;
	width: 100%;
}
#news .topics_text {
	padding: 10px;
}
#news .topics_img img {
	padding: 10px;
}
#news .topics_text_right {
	float: none;
	padding: 10px;
	width: 100%;
}
.forsp {
	display: none;
}
.orangebox {
	width: 90%;
}
ul#sab li {
	border-bottom: 1px solid #e02222;
	margin-top: 15px;
}
ul#sab li:last-child {
	margin-bottom: 10px;
}
.drawer-menu li {
	border-bottom: 1px solid #fff;
	float: none;
	font-size: 16px;
	border-right: none;
	padding: 0px 15px;
	list-style: none;
	color: #fff;
	margin-top: 35px;
	width: 100%;
}
#privacy .cont dd, #service .cont dd {
	padding-left: 0px;
}
#shopping p.tel:before {
	content: url(../../images/ico_tel_sp.png);
}
#shopping p.tel {
	font-size: 30px;
}
#shopping .line {
	padding: 20px 0px;
}
#shopping p.time {
	font-size: 14px;
}
#shopping .bg p.txt {
	font-size: 15px;
}
#shopping .bigfont {
	font-size: 20px;
}
#shopping .mfont {
	line-height: 1.5em;
	font-size: 18px;
}
#shopping .tbox {
	font-size: 15px;
	width: 90%;
}
#shopping input[type="text"], #shopping textarea {
	width: 100%;
}
#shopping form, #shopping .bg {
	padding: 5% 1%;
}
#shopping .inner {
	padding: 10px 10px;
}
#shopping .cont h3 {
	font-size: 120%;
	margin-top: 30px;
}
.step li:after {
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #aaa;
	position: absolute;
	right: 30%;
	bottom: -24px;
}
.step li:before {
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	position: absolute;
	right: 30%;
	bottom: -23px;
	z-index: 2;
}
#shopping .btn {
	margin-bottom: 10px;
}
#index .img-wrapper {
	float: none;
}
#shop .box_l, #shop .box_r, #shop .box_r dt {
	float: none;
	width: 100%;
	height: auto;
}
#shop .box_r dd {
	margin-bottom: 5px;
}
#product .sale-product .cont {
	padding-bottom: 0px;
}
#index .img-wrapper {
	padding: 10px;
}
#shopping dl.form dt {
	width: 100%;
	float: none;
	padding-bottom: 0px;
}
#shopping dl.form dd {
	padding-bottom: 0px;
}
input[type="text"], textarea {
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.details_cont {
	display: block;
}
.step li {
	font-size: 12px;
	border: 0px;
	color: #777;
}
.header .container {
	padding-bottom: 15px;
}
#details .inner, #shopping .inner {
	padding: 10px;
}
.sale-product img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.shop-index-carousel {
	margin-left: 0;
	margin-right: 10px;
}
.brands .container {
	padding-right: 25px;
}
.sidebar-menu a:focus {
	color: #333 !important;
	text-decoration: none;
}
.sale-product___removed {
	margin-bottom: 40px;
}
.new-arrivals___removed {
	margin-left: 15px;
	padding-left: 0;
}
.two-items-bottom-items {
	margin-bottom: 40px;
}
.carousel img {
	width: 100%;
}
.steps-block {
	padding-bottom: 10px;
}
.steps-block-col:last-child {
	margin-right: 0;
}
.steps-block .steps-block-col div {
	margin-left: 0;
	margin-right: 0;
}
.steps-block h2 {
	font-size: 25px;
}
.steps-block em {
	text-transform: inherit;
}
.steps-block-col span, .steps-block-col .fa {
	display: none;
}
.steps-block-col:first-child em {
	margin-left: 0;
}
.steps-block-col:last-child {
	margin-right: 25px;
	margin-bottom: 0;
}
.steps-block .steps-block-col div {
	margin-left: 0;
	margin-right: 0;
}
.steps-block h2 {
	font-size: 43px;
}
.steps-block em {
	text-transform: uppercase;
}
.steps-block-col span {
	display: none;
}
.steps-block-col .fa {
	display: block;
}
.pre-footer-subscribe-box form {
	width: 100%;
}
.sidebar-products img {
	float: none;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}
.sidebar-products h3, .sidebar-products .price {
	margin-left: 0;
}
.product-page-options .pull-left {
	margin-bottom: 10px;
}
.product-quantity {
	margin-bottom: 10px;
}
/*
	if you want to hide buttons on mobile view, uncomment this block
	.pi-img-wrapper div {
		display: none !important;
	}*/
.review .rateit {
	width: 100%;
	margin-bottom: 10px;
}
.list-view-sorting .pull-right {
	margin-bottom: 10px;
}
.service-box p, .service-box .service-box-heading em, .service-box .service-box-heading span {
	display: block;
	text-align: center;
}
.service-box .service-box-heading em {
	margin-bottom: 10px;
}
.quote-v1 {
	text-align: center;
}
.quote-v1 .text-right {
	text-align: center;
}
.recent-work .owl-carousel {
	margin-left: -10px;
}
.our-clients .owl-carousel {
	margin-left: -2px;
}
.recent-work .owl-carousel, .our-clients .owl-carousel {
	padding-top: 30px;
}
.recent-work .owl-buttons, .our-clients .owl-buttons {
	top: 0;
	left: -3px;
}
.our-clients .owl-buttons {
	left: -10px;
}
.testimonials-v1 {
	padding-top: 40px;
}
.recent-work .recent-work-item .fa {
	width: 36px;
	height: 36px;
	margin-top: -18px;
	font-size: 14px;
	padding: 12px;
}
.recent-news-inner {
	padding: 10px 15px 0;
}
.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
	padding-top: 0;
}
.pre-footer .pre-footer-subscribe-box {
	padding-bottom: 25px;
}
.ecommerce .pre-footer-subscribe-box form {
	width: 100%;
}
.ecommerce .content-search h1 {
	padding-top: 0;
	margin-bottom: 3px;
}
.content-search form {
	margin: 0 0 6px;
}
.table dl dt {
	line-height: 2em;
	float: none;
	width: 100%;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}
.table dl dd {
	width: 100%;
	padding: 15px;
	float: none;
	font-weight: bold;
	line-height: 2em;
	background-color: rgba(238, 238, 238, 0.53);
}
#company .table {
	padding: 0px 15px;
	padding-bottom: 50px;
}
}

/* END max width 992px */
@media screen and (min-width: 992px) {
.sponly {
	display: none;
}
}

@media screen and (max-width: 992px) {
.pconly {
	display: none;
}
	#index .area {
  	width: 90%;
    margin: 0 auto;padding: 10px;
    
}
#index .top_area {
    width: 90%;
    margin: 0 auto;
}
	#index .area .area_r {
   padding: 20px 0px;
   vertical-align: top;
   border: none;
}
	#index .area h4 {
 border: none;
    float: none;
   margin: 0;
    padding-right: 10px;
}
	#index .area h4:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
 width: 48px;
    height: 48px;
		background-image:url(../../images/top/ico_truck_sp.png);
  background-size: contain;
  vertical-align: middle;
}
	#index .area dl {
    margin: 0 auto;
}
	#index .area dt {
    font-size: 1em;
}
#index .area dd {
 font-size: 1em;
}
#index .area span {
 font-size: 1em;display: block;
}
}

@media (max-width: 860px) {
.top-cart-block {
	clear: both;
	float: left;
	padding-top: 0;
	margin: 0 0 29px;
	width: 100%;
}
.top-cart-info {
	float: none;
}
.top-cart-block .fa-shopping-cart {
	top: 0;
}
.top-cart-content-wrapper {
	left: 0;
	right: auto;
}
	#topcontrol img{opacity: 0.8;}
}

/* BEGIN max width 767px */
@media (max-width: 767px) {
.top-cart-block {
	clear: both;
	float: left;
	padding-top: 0;
	margin: 0 0 29px;
	width: 100%;
}
.top-cart-info {
	float: none;
}
.top-cart-block .fa-shopping-cart {
	top: 0;
}
.top-cart-content-wrapper {
	left: 0;
	right: auto;
}
ul.step {
	margin-bottom: 0px;
}
.step li {
	padding: 3px;
}
h2.cart {
	font-size: 1.8rem;
	padding: 5px;
}
#details dl {
	margin-top: 30px;
}
#topix div.col-md-6:first-child {
	padding-left: 15px;
}
#topix div.col-md-6:last-child {
	padding-right: 15px;
	float: none;
}
.sale-product h2 {
	font-size: 2rem;
}
h2 .fa-jpy {
	border-radius: 25px !important;
	width: 25px;
	height: 25px;
}
.inner_contents {
	padding: 20px 10px;
}
.pre-header .pull-right {
	float: left !important;
}
.pre-header .pull-right li:first-child {
	padding-left: 0;
}
.ecommerce .pre-footer-subscribe-box form {
	float: none;
	width: auto;
}
.header .header-navigation {
	margin: 0 -10px 0;
	padding: 0 10px;
}
.header-navigation-content {
	min-width: 100px;
}
.sidebar {
	margin-bottom: 40px;
}
.sidebar___removed {
	margin-bottom: 40px;
}
.sidebar-menu .fa-angle-right {
	display: inline-block;
}
.pre-footer .pull-right, .footer .pull-right {
	float: none !important;
}
.pre-footer .pull-right, .footer .pull-right {
	padding-top: 15px;
}
.footer .list-inline > li {
	padding-left: 0;
	margin-right: 5px;
}
.form-info {
	border-left: none;
	padding-left: 0;
	padding-top: 30px;
	border-top: 1px solid #E4E6E8;
	margin-bottom: 0;
}
.sidebar-products .item {
	float: left;
	width: 48%;
	margin-bottom: 20px;
	padding: 0 10px 10px;
}
.sidebar-products img {
	width: 100%;
	height: auto;
}
.list-view-sorting {
	/*background: #fff;*/
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
.list-view-sorting .col-md-10 {
	padding-right: 0;
}
.product-other-images {
	margin-bottom: 40px;
}
.product-page-options .pull-left {
	margin-bottom: 0;
}
.product-item .img-responsive {
	width: 100%;
}
.pagination {
	float: left !important;
	padding-top: 10px;
}
.pagination > li {
	margin-left: 0;
	margin-right: 5px;
}
.pre-footer .margin-bottom-40 {
	margin-bottom: 0;
}
.ls-layer3 .ls-price strong {
	top: -15px;
}
.glyphicons-demo ul li {
	width: 12.5%;
}
.tab-style-1 .tab-content img {
	margin: 5px 0 10px;
}
.testimonials-v1 {
	padding-top: 20px;
}
.front-steps-wrapper {
	margin-left: -10px;
	margin-right: -10px;
}
.front-steps-wrapper .front-step-col {
	padding-left: 15px;
	padding-right: 15px;
}
.front-steps-wrapper .front-step:after {
	display: none;
}
.blog-posts h2, .ecommerce .blog-posts h2 {
	padding-top: 15px;
}
.ecommerce .footer {
	padding: 10px 0 10px;
}
.ecommerce .footer .pull-right {
	padding-top: 10px;
}
.ecommerce .pre-footer address {
	margin-bottom: 15px !important;
}
.footer img {
	margin-bottom: 10px;
}
.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
	padding-top: 7px;
}
}

/* END max width 767px */

/* BEGIN max width 600px */
@media (max-width: 600px) {
.ecommerce .header .txt {
	padding: 0px;
}
.ls-layer3 .ls-price strong {
	top: -5px;
}
}

/* END max width 600px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
.pre-header .list-inline li {
	display: block;
	border: none;
	margin-bottom: 10px;
	padding: 0;
}
.pre-header .col-md-6 {
	float: left;
}
.pre-header .additional-nav {
	float: right;
	text-align: right;
}
.nav-catalogue .pi-price {
	margin-bottom: 10px;
}
.nav-catalogue .pi-price, .nav-catalogue .product-item .add2cart {
	float: none;
}
.top-cart-block {
	clear: both;
	float: left;
	padding-top: 0;
	margin: 0 0 29px;
	width: 100%;
}
.top-cart-info {
	float: none;
}
.top-cart-block .fa-shopping-cart {
	top: 0;
}
.top-cart-content-wrapper {
	left: 0;
	right: auto;
}
.top-cart-content:after {
	left: 15px;
}
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
	display: none;
}
.checkout-content {
	padding: 0 0 40px;
}
.checkout-page h2 a {
	padding: 9px 10px 8px;
}
.table-wrapper-responsive {
	overflow-x: scroll;
}
.shopping-cart-page .btn-default {
	float: right;
}
.shopping-cart-page .btn-primary {
	clear: both;
	margin-top: 10px;
}
.checkout-page .btn-default {
	clear: both;
	margin-top: 10px;
	margin-right: 0 !important;
}
.product-item:hover > .pi-img-wrapper>div {
	display: none;
}
.steps-block-simple h2 {
	font-size: 21px;
}
.steps-block-simple em {
	font-size: 14px;
	text-transform: inherit;
}
.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
	float: none;
}
.list-view-sorting .pull-right {
	float: left !important;
	margin: 0 30px 10px 0;
}
.header .top-cart-block {
	margin-top: 0;
}
.reduce-header .top-cart-block {
	margin-top: 0;
	margin-bottom: 19px;
}
.insta p.list {
    position: relative;
    display: block;
    width: 300px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
}

/* END max width 480px */

/* BEGIN max width 450px */
@media (max-width: 450px) {
.ecommerce .steps-block h2 {
	font-size: 33px;
}
}

/* END max width 450px */

/* BEGIN max width 405px */
@media (max-width: 405px) {
.top-cart-content {
	width: 100%;
}
.top-cart-block img, .top-cart-block .cart-content-count {
	display: none;
}
}

/* END max width 405px */

/* BEGIN max width 390px */
@media (max-width: 390px) {
.ecommerce .steps-block h2 {
	font-size: 25px;
	padding-top: 2px;
}
.ecommerce .steps-block em {
	text-transform: inherit;
}
.mix-block .tab-content .col-md-3 {
	padding-right: 15px;
}
}

/* END max width 390px */

/* BEGIN max width 330px */
@media (max-width: 330px) {
.top-cart-content {
	width: 280px;
}
}

/* END max width 330px */

/* BEGIN max width 320px */
@media (max-width: 320px) {
.site-logo {
	margin-right: 0;
}
.content-form-page .btn-default {
	margin-top: 10px;
}
.price-availability-block .availability {
	clear: left;
	float: left;
}
.product-page-options .pull-left {
	margin-bottom: 10px;
}
}

/* END max width 320px */

/* ------------------------------------------------ drawer menu */

@media screen and (max-width: 1000px) {
.drawer-menu dt i {
	display: inline-block;
}
ul.drawer-menu-sub {
	display: block;
}
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	xpadding: 120px 0;
	padding: 20px 0;
	background: #f06e14;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
}
.drawer-menu dl {
	text-align: left;
	color: #fff;
}
.drawer-menu dt {
	color: #fff;
	cursor: pointer;
	text-align: left;
	padding: 15px 0;
	float: none;
	margin-top: 0px;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #fff;
	font-weight: normal;
}
.drawer-menu dt:last-child {
	border-width: 1px 0;
}
.drawer-menu dd {
	display: none;
}
.drawer-menu li {
	text-align: left;
}
.drawer-menu li a {
	xdisplay: block;
	xheight: 50px;
	xline-height: 50px;
	xfont-size: 14px;
	xcolor: #fff;
	x-webkit-xtransition: all .8s;
	xtransition: all .8s;
}
.drawer-menu li a:hover {
	xcolor: #1a1e24;
	xbackground: #fff;
}
.mob-menu {
	font-size: 80%;
	padding: 60px 25px 0 25px;
}
.drawer-menu > .mob-menu li {
	text-align: left;
	padding: 10px 0;
	color: #fff;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #666;
}
.drawer-menu > .mob-menu li:last-child {
	border-width: 1px 0 0 0;
}
.drawer-menu > .mob-menu i {
	color: #ff9933;
}
.drawer-menu ul.drawer-menu-sub {
	padding: 10px 0;
	margin: 0 0 0 1.5em;
}
.drawer-menu .mob-menu a:link {
	width: 100%;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	display: block;
}
.drawer-menu .mob-menu a:visited {
	color: #fff;
}
.drawer-menu .mob-menu a:hover {
	color: #fff;
}
	.drawer-menu-sub li {
    margin-top: 0px;
    padding: 10px 0px;
    border-style: dotted;
    border-width: 1px 0 0 0;
}
}
/* ------------------------------------------------ checked */

@media screen and (max-width: 900px) {
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 9990;
	overflow-y: auto;
}
.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn {
	background: transparent;
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.top {
	width: 35px;
	margin: 0px 6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.bottom {
	width: 35px;
	xtop: 40px;
	xtop: 24px;
	margin: 13px 6px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 9990;
}
.menu .fa-dot-circle-o {
	color: #00a6e7;
}
dt.js_toggle_item.forsp {
	display: block;
}
dt.js_toggle_item.forpc {
	display: none;
}
}

/* ------------------------------------------------ menu button */

@media screen and (max-width: 900px) {
	
.menu-btn {
	position: fixed;
	top: 15px;
	right: 15px;
	display: block;
	width: 35px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
	background: #e84d1c;
	padding: 8px 5px;
	border-radius: 4px;
	/* box-sizingリセット */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.bar {
	display: block;
	width: 35px;
	height: 3px;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.bar.middle {
	opacity: 1;
	margin: 5px 0;
}
.bar.bottom {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu-btn__text {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0px;
	left: 0;
	right: 0;
	bottom: -2px;
	margin: auto;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-btn:hover .bar {
	background: #FFFF96;
	xbackground: #999;
}
.menu-btn:hover .menu-btn__text {
	color: #FFFF96;
	xcolor: #999;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 300px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(/images/cross.svg), auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}
}

/* -- loader -- */

@media screen and (max-width: 900px) {
#loader-inner > img{
	display: inline;
	vertical-align: baseline;
}
	
}