@charset "utf-8";
body {
	-webkit-print-color-adjust: exact;
	background-image: url(../img/common/bg_tex1.jpg);
	background-position: bottom 50px left;
}
/* ロードまち ////////// */
#loader-bg {
  position: fixed;
  background-color: #E5E5E5;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9998;
}
#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
  color: #fff;
  z-index: 9999;
}
/* /ロードまち ////////// */
h1.logo,h1.logo-sp{
	display:table-cell;
	margin:0;
	padding:7px 0;
	line-height: 0;
}
h1.logo a,h1.logo-sp a{
    display: inline-block;
}
object{
    pointer-events: none;
}
.global-nav-wrap{
	position:fixed;
	left:0;
	width:100%;
	z-index:9990;
	justify-content: space-between;
	padding: 0px;
}
.global-nav{
	position: relative;
	transition: background .5s;
}
.global-nav-inner{
	width:100%;
	display: table;
}
.nav-list li a{
	font-size:14px;
	height:100%;
	position: relative;
	color:#fff;
}
.nav-list li:last-child a{
	margin-right:0;
}
/* ////////////////////////////////////////
パンくず
//////////////////////////////////////// */
#pankuz li{
	display:inline-block;
	position: relative;
	margin-left:25px;
}
#pankuz li:first-child{
	margin-left:0;
}
#pankuz li:before {
	background-image:url(../img/common/pankuz-arrow-bk.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 6px;
	height:10.5px;
	position:absolute;
	top:50%;
	left:-15px;
	margin-top:-5.25px;
}
#pankuz li:first-child:before {
    content: none;
}
#pankuz a{
	text-decoration:none;
	color:#2a2a2a;
	position: relative;
	padding-bottom:2px;
}
/*左から現れるライン*/
#pankuz a:after{
	content: "";
	position: absolute;
	display: block;
	bottom:3px;
	width: 100%;
	height: 1px;
	background: #2a2a2a;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s;
}
#pankuz a:hover:after {
	transform: scale(1, 1);
}
#pankuz a:after{
	left:50%;
	margin-left:-50%;
}
/*/左から現れるライン*/
/* ////////////////////////////////////////
お問い合わせ
//////////////////////////////////////// */
#contact .title-bar{
	background-image: -webkit-linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: -o-linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	position: relative;
}
#contact .title-bar:before{
	position: absolute;
	background-image: url(../img/index/bg-dot.png);
	opacity: 0.4;
	content: "";
	width: 100%;
	height:100%;
}
#contact .title-bar span{
	padding-top:40px;	
	padding-bottom:40px;	
}
#contact address{
	position: relative;
	padding-left:100px;
	color:#297d6e;
	display: inline-block;
}
#contact address:before{
	background-image:url(../img/common/icon-tel.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 87px;
	height:63px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-31.5px;
}
#contact .contact-wrap-inner{
	text-align: center;
}
/*各種ボタン*/
#contact .mail-btn{
	background-image: -webkit-linear-gradient(316deg, rgba(230,70,112,1) 0%, rgba(228,0,81,1) 99%);
	background-image: -o-linear-gradient(316deg, rgba(230,70,112,1) 0%, rgba(228,0,81,1) 99%);
	background-image: linear-gradient(316deg, rgba(230,70,112,1) 0%, rgba(228,0,81,1) 99%);
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
	margin-top:78px;
}
#contact .catalog-btn{
	background-image: -webkit-linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: -o-linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: linear-gradient(46deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
}
#contact .mail-btn a,#contact .catalog-btn a{
	display: block;
	padding:25px 0 10px 0;
}
#contact .icon-mail,#contact .icon-catalog{
	position: relative;
	padding-left:65px;
	line-height: 0.8em;
	margin-left:25%;
	margin-right:auto;
	z-index:2;
}
#contact .icon-mail:before{
	background-image:url(../img/common/icon-mail.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 54px;
	height:36px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-18px;
}
#contact .icon-catalog:before{
	background-image:url(../img/common/icon-catalog.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 57px;
	height:43px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-22.5px;
}
#contact .icon-mail:after,#contact .icon-catalog:after{
	background-image:url(../img/common/arrow-icon-w.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 41px;
	height:9px;
	position:absolute;
	top:50%;
	right:80px;
	margin-top:-4.5px;
	z-index:2;
	transition: 0.5s;
}
#contact .icon-mail:hover:after,#contact .icon-catalog:hover:after{
	right:50px;
}
/*各種ボタン-エフェクト*/
#contact .mail-btn::before  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -160%;
  left: 0;
  z-index: 1;
  content: '';
  background-color: #ff5884;
  transform: skewY(-10deg) scale(1, 0);
}
#contact .catalog-btn::before  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -160%;
  left: 0;
  z-index: 1;
  content: '';
	background-color:  #297d6e;
  transform: skewY(-10deg) scale(1, 0);
}
#contact .mail-btn:hover,#contact .catalog-btn:hover {
  animation: hover 1s forwards;
}
#contact .mail-btn:hover::before,#contact .catalog-btn:hover::before {
  animation: hover-in .5s forwards alternate, hover-out .5s .5s forwards alternate;
}
@keyframes hover {
  0%, 100% {
    color: #2a2a2a;
  }
  50% {
    color: #fff;
  }
}
@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: skewY(-10deg) scale(1, 0);
  }
  100% {
    transform-origin: left top;
    transform: skewY(-10deg) scale(1, 1);
  }
}
@keyframes hover-out {
  0% {
    transform-origin: left bottom;
    transform: skewY(-10deg) scale(1, 1);
  }
  100% {
    transform-origin: left bottom;
    transform: skewY(-10deg) scale(1, 0);
  }
}
/* ////////////////////////////////////////
フッター
//////////////////////////////////////// */
footer{
  overflow: hidden;
  position: relative;
}
footer .footer_fixwrap{
	padding-top: 30px;
	padding-bottom: 60px;
}
footer .footer_wrap{
 	position: relative;
}
footer .footer-logo-risu{
	position: absolute;
	right:60px;
	bottom:-40px;
}
footer .footer_logo img{
    width:297px;
    height:auto;
}
footer .footer_logo a{
    display: inline-block;
}
footer a{
	display: block;
	color:#2a2a2a;
	position: relative;
}
footer a:hover{
	color:#2a2a2a;
}
/*左から現れるライン*/
footer .footer_menu a:after{
	content: "";
	position: absolute;
	display: block;
	bottom:3px;
	width: 100%;
	height: 1px;
	background: #3f8167;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s;
}
footer .footer_menu a:hover:after {
	transform: scale(1, 1);
}
footer .footer_menu a:after{
	left:50%;
	margin-left:-50%;
}
/*/左から現れるライン*/
footer .footer_menu{
    float:left;
    width:auto;
}
footer .footer_menu div{
    width:auto;
    float:left;
}
footer .products-list dd{
	margin:0;
	padding:0;
	position: relative;
	padding-left:15px;
}
footer .products-list dd:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #297d6e;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
footer .target-icon2{
	position: relative;
}
footer .target-icon2:before{
	content:"";
	position: absolute;
	display: block;
	top:50%;
	margin-top:-10px;
	right:-20px;
	width: 15px;
	height:11.5px;
	background: url(../img/common/icon-target.png) no-repeat;
	background-size:contain;
}
footer .copyright{
	background-image: -webkit-linear-gradient(45deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: -o-linear-gradient(45deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
	background-image: linear-gradient(45deg, rgba(7,159,114,1) 0%, rgba(24,84,130,1) 99%);
}
/* ////////////////////////////////////////
ページトップボタン
//////////////////////////////////////// */
.pagetop-btn{
	position: absolute;
	right: 35px;
	bottom: 0;
	z-index:100;
}
.fixed {
	position: fixed;
	right: 35px;
	bottom: 60px;
	z-index:100;
}
.fixed-1920 {
	position: fixed;
	right: 35px;
	bottom: 82px;
	z-index:100;
}
.pagetop-btn img{
	width: 88px;
	height: 88px;
	transition-duration: 0.5s; /*変化の時間*/
}
.pagetop-btn a:hover img{
	/*transform: scale(1.15,1.15); 画像の拡大*/
}
/* ▼著作権同意 ////////// */
#doui_catalog,#doui_zumen{
	display: none;
}
.doui_title{
	font-weight: bold;
	background-color:#3f8167;
	color:#fff;
	text-align: center;
	padding:15px 5px;
}
.doui_txt dt{
	padding-left: 1em;
  	text-indent: -1em;
}
.doui_txt ul{
	padding-left:1em;
}
.doui_txt ul li{
	padding-left: 1em;
  	text-indent: -1em;
}
.doui_button_wrap{
	display: table;
  	border-collapse: separate;
  	border-spacing: 30px 0;
	width:100%;
}
.doui_button{
	display: table-cell;
	text-align: center;
	width:50%;
}
.doui_button a{
	display: block;
	padding:10px 5px;
	color:#fff;
}
.doui_button a:hover{
	color:#fff;
}
.doui_button.no{
	background-color: #4f6ae0;
	transition: 0.8s;
}
.doui_button.yes{
	background-color:#f5253d;
}
.doui_button.no a:hover{
	background-color:#3347b7;
}
.doui_button.yes a:hover{
	background-color:#B71013;
}
/* ▲著作権同意 ////////// */
/* ////////////////////////////////////////
PC・印刷時のみ
//////////////////////////////////////// */
@media screen and (min-width:1240px) , print{
	h1.logo {
		background-image: url(../img/common/logo_base.png);
		background-repeat: no-repeat;
		background-size: contain;
		width:513px;
		height:116px;
		top:-1px;
		left:-180px;
		position: absolute;
		z-index:30;
	}
	h1.logo img{
		position: absolute;
		top:16px;
		left:220px;
		width:229px;
		height:38px;
	}
	.pc-none{
		display: none;
	}
	/* ////////////////////////////////////////
	ナビゲーション
	//////////////////////////////////////// */
	.global-nav-wrap-bg{
		background: rgba(42,42,42,0.4);
		transition: background 0.8s;
	}
	.global-nav-inner{
		hight:100px;
	}
  	.nav-wrap {
    	display: table-cell !important;
		vertical-align: middle;
		width:auto;
		position: relative;
  	}
  	.nav-button {
	  display: none !important;
  	}
	.nav-list{
		margin:20px;
		text-align: right;
	}
  	.nav-list > li:not(.contact){
	  	display: inline-block;
		padding:18px 15px;
		position: relative;
		z-index:100;
		text-shadow: 
			rgba(42,42,42,0.4) 1px 1px 3px, rgba(42,42,42,0.4) -1px -1px 3px,/*右下、左上*/
			rgba(42,42,42,0.4) -1px 1px 3px, rgba(42,42,42,0.4) 1px -1px 3px,/*右上、左下*/
			rgba(42,42,42,0.4) 0px 1px 3px, rgba(42,42,42,0.4)  0-1px 3px,/*右、左*/
			rgba(42,42,42,0.4) -1px 0 3px, rgba(42,42,42,0.4) 1px 0 3px;/*上、下*/
	}
  	.nav-list > li:not(.no-line):after {
		content:"";
		position: absolute;
		display: block;
		top:50%;
		right:-10px;
		margin-top:-6px;
		width: 10px;
		height:12px;
		background: url(../img/common/menu_line.png) no-repeat;
		background-size: contain;
	}
  	.nav-list > li.menu-open:not(.no-line):after {
		content:"";
		position: absolute;
		display: block;
		top:50%;
		right:-10px;
		margin-top:-6px;
		width: 10px;
		height:12px;
		background: url(../img/common/menu_line_black.png) no-repeat;
		background-size: contain;
	}
  	.nav-list > li > a{
	  display: block;
	 }
  	.nav-list > li.contact{
	  	display: inline-block;
		position: relative;
		z-index:100;
	}
  	.nav-list > li.contact a {
		padding:18px 30px;
		background-color: #268a6e;
		background-image: -webkit-linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		background-image: -o-linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		background-image: linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		transition: background .4s;
	}
	.nav-list > li.contact span{
		position: relative;
		z-index:3;
	}
	.nav-list > li.contact a:hover{
		background-color: #e52a63;
		background-image:none;
	}
	.nav-list > li:nth-of-type(4){
		padding-right:15px;
	}
	.nav-list > li:nth-of-type(4),.nav-list > li:nth-of-type(5){
		margin-right:10px;
	}
	/*別窓アイコン*/
	.nav-list li.target-icon,.target-icon-over{
		position: relative;
	}
	.nav-list li.target-icon:before{
		content:"";
		position: absolute;
		display: block;
		top:50%;
		margin-top:-15px;
		right:-5px;
		width: 15px;
		height:11px;
		background: url(../img/common/window-icon.png) no-repeat;
		background-size:contain;
	}
	.target-icon-over:before{
		content:"";
		position: absolute;
		display: block;
		top:50%;
		margin-top:-15px;
		right:-5px;
		width: 15px;
		height:11px;
		background: url(../img/common/window-icon_over.png) no-repeat;
		background-size:contain;
	}
	/* ////////////////////////////////////////
	サブメニュー
	//////////////////////////////////////// */
	.submenu-sp{
		display: none !important;
	}
	.submenu-pc{
		position: fixed;
		top:0;
        left: 0;
        margin: 0;
        width: 100%;
        transition: .5s;
		z-index:0;
		background-image: url(../img/common/bg_tex1.jpg);
		padding-top:80px;
		transform:translateY(-100%);
		opacity: 0;
	}
	.submenu-pc ul{
        width: 100%;
	}
	.submenu-pc li{
		width:33.333%;
	}
	.submenu-pc li a{
		display: block;
	}
	.submenu-pc li img{
		width:60%;
		display: block;
		margin-left:auto;
		margin-right:auto;
        transition: .5s;
	}
	.submenu-pc li a:hover img{
		transform: scale(1.15,1.15); /*画像の拡大*/
	}
	.submenu-pc li span.poduct-name{
		padding:10px 10px 5px 10px;
		border-bottom:1px solid #3f8167;	
	}
	.submenu-pc li a{
		color:#2a2a2a;	
        transition: .5s;
	}
	.submenu-pc li a:hover{
		color:#3f8167;	
	}
	/*中央から現れるライン///////////////////////////////////////*/
	.nav-list li:not(.contact):not(.product) a:after{
		content: "";
		position: absolute;
		display: block;
		bottom:3px;
		width: 100%;
		height: 1px;
		border-radius:100%;
		background: #fff;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .4s;
		box-shadow: rgba(42,42,42,0.4) 1px 1px 3px, rgba(42,42,42,0.4) -1px -1px 3px,/*右下、左上*/
        rgba(42,42,42,0.4) -1px 1px 3px, rgba(42,42,42,0.4) 1px -1px 3px,/*右上、左下*/
        rgba(42,42,42,0.4) 0px 1px 3px, rgba(42,42,42,0.4)  0-1px 3px,/*右、左*/
        rgba(42,42,42,0.4) -1px 0 3px, rgba(42,42,42,0.4) 1px 0 3px;/*上、下*/
	}
	/*黒いライン*/
	.nav-list li.black-line a:after{
		content: "";
		position: absolute;
		display: block;
		bottom:3px;
		width: 100%;
		height: 1px;
		border-radius:100%;
		background: #2a2a2a !important;
		transform: scale(0, 1);
		transform-origin: cnter top;
		transition: transform .4s;
		box-shadow: none !important;
	}
	.nav-list li:not(.active) a:hover:after,.nav-list li.black-line a:hover:after {
	  transform: scale(1, 1);
	}
	.nav-list li a:after,.nav-list li.active a:after{
		left:50%;
		margin-left:-50%;
	}
	/*中央から現れるライン(サブメニュー)///////////////////////////////////////*/
	.submenu-in li:not(.active) a:after{
		bottom:2px;
	}
	/*選択中ライン///////////////////////////////////////*/
	.nav-list li.active > a:after{
		content: "";
		position: absolute;
		display: block;
		bottom:3px;
		width: 100%;
		height: 1px;
		border-radius:100%;
		background: #fff;
		transform: scale(1, 1);
		transform-origin: cnter top;
		transition: transform .4s;
	}
	/* ////////////////////////////////////////
	お問い合わせ
	//////////////////////////////////////// */
	#contact .contact-wrap{
		padding-top:90px;
		padding-bottom:90px;
		padding-right:90px;
		padding-left:90px;	
	}
	/* ////////////////////////////////////////
	フッター
	//////////////////////////////////////// */
	footer .footer_wrap{
		position:relative;
	}
    footer .footer_logo{
        width:297px;
        float:left;
    }
	footer .footer-instagram{
		position: absolute;
		bottom:35px;
		right:50px;
	}
	footer .footer-pagetop{
		position: absolute;
		top:50px;
		right:50px;
		width:66px;
	}
	footer .footer-pagetop img{
		width:66px;
	}
    .footer_menu div:first-child{
        padding-left:50px;
    }
    .footer_menu div{
        padding-left:60px;
    }
    .footer_menu dt{
        margin-right:30px;
    }
}
/* ////////////////////////////////////////
タブレット以下
//////////////////////////////////////// */
@media screen and (max-width: 1240px) {
	body{
		background-size: 500px auto;
	}
	.no-scroll{
    	overflow-y: hidden;
	}
	/* /ロードまち ////////// */
	/* ////////////////////////////////////////
	ロゴ
	//////////////////////////////////////// */
	h1 .sp-logo-wrap {
		background-image: url(../img/common/logo_base-sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		width:240px;
		height:100px;
		top:0;
		left:0px;
		position: absolute;
	}
	h1.logo-sp{
		width:100%;
	}
	h1.logo-sp img{
		width:150px;
		height:auto;
		position: absolute;
		top:18px;
		left:35px;
	}
	h2.menu-logo{
		width:180px;
	}
	/* ////////////////////////////////////////
	ナビゲーション
	//////////////////////////////////////// */
	.nav-wrap {
  		display: none;
    	width: 100%;
		height:100vh;
		background-color: #E5E5E5;
		background-image: url(../img/common/bg_tex1.jpg);
		background-size: 500px auto;
		transition: .5s transform ease-in-out;
		padding-top:50px;
		position: fixed;
		right: 0;
  		top: 0;
    	z-index: 10;
		/*スクロールするようにする*/
  		overflow: scroll;
		 /*滑らかスクロール*/
  		-webkit-overflow-scrolling: touch;
		padding-right:5vw;
		padding-left:5vw;
   	}
	.nav-open {
	  display: block;
	  animation: showAni .5s ease 0s 1 normal;
	  opacity:1;
	}
	.nav-close {
	  display: none;
	}
   .nav-list li {
		display: block;
		padding: 1rem 0;
		text-shadow:none!important;
	}
	.nav-list > li{
		border-bottom:1px dotted #3f8167;
	}
	.nav-list > li:first-child{
		border-top:1px dotted #3f8167;
	}
   .nav-list li.lang {
		display: inline-block;
	}
	.nav-list li a{
		display: block;
		line-height:0.8em;
		color:#2a2a2a !important;
	}
	/*選択中ライン///////////////////////////////////////*/
	.nav-list .sp-active{
		position: relative;
		color:#eb6100;
	}
	.nav-list .sp-active::after{
			content: "";
			position: absolute;
			display: block;
			bottom:10px;
			width: 100%;
			height: 2px;
			background: #eb6100;
			transform: scale(1, 1);
			transform-origin: left top;
			transition: transform .4s;
	}
	/* ////////////////////////////////////////
	サブメニュー
	//////////////////////////////////////// */
	.nav-list > li.product span.sp-arrow{
		position:relative;
	}
	.nav-list > li.product span.sp-arrow:after{
		background-image:url(../img/common/submenu_arrow.png);
		background-repeat:no-repeat;
		background-size: contain;
		content: "";
		width: 10px;
		height: 6px;
		position:absolute;
		top:50%;
		right:-15px;
		margin-top:-2.5px;
		transition: background 0.5s;
	}
	.nav-list > li.product > .submenu-sp{
		display: none;
		padding-top:1em;
		padding-left:1em;
	}
	/*製品一覧*/
   .nav-list > li.product > .submenu-sp > .submenu-in > li{
		padding: 0.2rem 0;
	}
	.submenu-sp li img{
		margin-right:10px;
		transition: 0.2s;
	}
	.submenu-sp li:hover img{
		transform: scale(1.1,1.1); /*画像の拡大*/
	}
	/*商品写真*/
	.submenu-sp .product-img1{
		width:60px;
	}
	.submenu-sp .product-img2{
		width:70px;
	}
	.submenu-sp .product-img3{
		width:70px;
	}
	/* ////////////////////////////////////////
	ナビゲーションボタン
	//////////////////////////////////////// */
  	.nav-button {
		display:table-cell;
		vertical-align: middle;
		padding:15px;
  	}
  	.nav-button-wrap {
		background-image: -webkit-linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		background-image: -o-linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		background-image: linear-gradient(90deg, rgba(7,159,114,1) 0%, rgba(43,112,115,1) 99%);
		padding:10px;
  	}
 	.nav-button ul {
		position: relative;
    	z-index: 20;
    	width: 30px;
    	height: 20px;
    	cursor: pointer;
		margin:auto 0 auto;
 	}
  	.nav-button li {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		height: 2px;
		background-color: #fff;
		transition: all 0.4s;
	  }
	  .nav-button.active li {
			background-color: #3f8167;
		}
	  .nav-button li:nth-of-type(1) {
		top: 0;
	  }
	  .nav-button li:nth-of-type(2) {
		top: 10px;
	  }
	  .nav-button li:nth-of-type(3) {
		top: 20px;
	  }
	  .nav-button.active li:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-315deg);
		transform: translateY(10px) rotate(-315deg);
	  }
	  .nav-button.active li:nth-of-type(2) {
		opacity: 0;
	  }
	  .nav-button.active li:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(315deg);
		transform: translateY(-10px) rotate(315deg);
	  }
	  /*別窓アイコン*/
	  .nav-list li .target-icon-sp{
		position: relative;
	  }
	  .nav-list li .target-icon-sp:after{
			content:"";
			position: absolute;
			display: block;
			top:50%;
			margin-top:-15px;
			right:-20px;
			width: 15px;
			height:11px;
			background: url(../img/common/window-icon_over.png) no-repeat;
			background-size:contain;
	  }
	.target-icon-over:before{
			background: none;
	}
	/* ////////////////////////////////////////
	お問い合わせ
	//////////////////////////////////////// */	
	#contact .title-bar:before{
		background-image: url(../img/index/bg-dot-sp.png);
		background-size:24px 24px;
	}
	#contact .title-bar span{
		padding-top:20px;	
		padding-bottom:20px;	
	}
	#contact .contact-wrap{
		padding-top:50px;
		padding-bottom:50px;	
	}
	#contact .mail-btn,#contact .catalog-btn{
		width:90%;
	}
	#contact .icon-mail{
		margin-left:5%;
		line-height: 1.1em;
		position: relative;
		padding-left:50px;
	}
	#contact .icon-catalog{
		margin-left:5%;
		line-height: 1.1em;
		position: relative;
		padding-left:50px;
	}
	#contact .icon-mail:before{
		content: "";
		width: 40px;
		height:26px;
		margin-top:-13px;
	}
	#contact .icon-catalog:before{
		content: "";
		width: 45px;
		height:34px;
		margin-top:-18px;
	}
	#contact .icon-mail:after,#contact .icon-catalog:after{
		right:10px;
	}
	#contact .icon-mail:hover:after,#contact .icon-catalog:hover:after{
		right:10px;
	}
     /* ////////////////////////////////////////
     ページトップボタン
     //////////////////////////////////////// */
	.pagetop-btn{
		bottom: -100px;
	}
	.fixed ,.fixed-1920 {
		right: 35px;
		bottom: 10px;
	}
	/* ////////////////////////////////////////
	フッター
	//////////////////////////////////////// */	
    footer .footer_logo{
        margin-top:15px;
        margin-bottom:30px;
    }
	footer .footer_menu{
		float:none;
		display: inline-block;
	}
    footer .footer_menu div{
		padding-right:30px;
	}
    footer .footer_menu div:last-child{
		padding-right:0;
	}
	footer .footer-logo-risu img{
		width:278px;
		height:auto;
	}
	/* ▼著作権同意 ////////// */
	.doui_title{
		font-size:18px;
	}
	.doui_title2{
		font-size:17px;
	}
	.doui_button_wrap{
		border-spacing: 5px 0;
	}
	/* ▲著作権同意 ////////// */
}
/* ////////////////////////////////////////
タブレット大
//////////////////////////////////////// */
@media screen and (min-width:768px) and (max-width: 1024px){
	footer .footer_menu{
		margin-left:7vw;
	}
}
/* ////////////////////////////////////////
スマホ以下
//////////////////////////////////////// */
@media screen and (max-width: 767px) {
	/* ロードまち ////////// */
	#loader {
		padding:10px;
	}
	/* ////////////////////////////////////////
	ロゴ
	//////////////////////////////////////// */
	h1 .sp-logo-wrap {
		background-image: url(../img/common/logo_base-sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		width:150px;
		height:50px;
		top:0;
		left:0px;
		position: absolute;
	}
	h1.logo-sp{
		width:100%;
	}
	h1.logo-sp img{
		width:100px;
		height:auto;
		position: absolute;
		top:10px;
		left:15px;
	}
	/* ////////////////////////////////////////
	ナビゲーションボタン
	//////////////////////////////////////// */
  	.nav-button {
		padding:5px;
  	}
	/* ////////////////////////////////////////
	お問い合わせ
	//////////////////////////////////////// */
	#contact address{
		padding-left:60px;
	}
	#contact address:before{
		background-image:url(../img/common/icon-tel.png);
		background-repeat:no-repeat;
		background-size: contain;
		content: "";
		width: 50px;
		height:69px;
		position:absolute;
		top:50%;
		left:0;
		margin-top:-20px;
	}
	/*各種ボタン*/
	#contact .mail-btn{
		margin-top:50px;
	}
     /* ////////////////////////////////////////
     ページトップボタン
     //////////////////////////////////////// */
    .pagetop-btn{
		right: 10px;
		bottom: -400px;
	}
	.fixed,.fixed-1920 {
		right: 10px;
		bottom: 10px;
	}
    .pagetop-btn img{
	   width: 80px;
	   height: 80px;
    }
	/* ////////////////////////////////////////
	フッター
	//////////////////////////////////////// */
	footer .footer_logo{
		float:none;
		width:90%;
		margin:0 auto 30px auto;
		text-align: center;
	}
	footer .footer_logo img{
		width:80%;
		height:auto;
		margin:0 auto;
	}
    footer .footer_menu div{
		float:none;
	}
	footer .products-list dd{
		margin-left:1em;
	}
	footer .footer_fixwrap{
		position: relative;
		padding-top: 30px;
		padding-bottom: 80px;
	}
	footer .footer-logo-risu{
		position: absolute;
		right:20px;
		bottom:-60px;
	}
}
/*スマホ(小)縦*/
@media screen and (max-width: 320px){
	#contact .contact-wrap-inner{
		text-align: left;
	}
}