@charset "UTF-8";

/* =================================================================
  top
================================================================= */

#container{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	min-width:980px;
}

#container{
	width:100%;
}

.inner{
	width:960px;
	margin:0 auto;
}

body .sp{
	display:none !important;
}

body header#pagetop .sp{
	display:inline !important;
}

#top_visual{
	position:relative;
	background:#f06324;
	height:540px;
	overflow:hidden;
}

#top_visual span{
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
}

#top_visual ul{
	min-width:960px;
	width:75%;
	margin:0 auto;
}

#top_visual li{
	width:33.333%;
	widht:-webkit-calc(100% / 3);
	width:-moz-calc(100% / 3);
	width:calc(100% / 3);
	height:540px;
	float:left;
	position:relative;
	overflow:hidden;
}

#top_visual li p{
	position:absolute;
	top:91px;
	left:50%;
	opacity:0;
}

#top_visual li .bg01{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-330px;
	opacity:0;
}

#top_visual li:first-child p{
	top:-55px;
	margin-left:-234px;
}

#top_visual li:nth-child(2) p{
	top:-55px;
	margin-left:-227px;
}

#top_visual li:last-child p{
	margin-left:-73px;
}

#top_visual a{
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left:-28px;
	opacity:0;
}

#top_visual.cmp li:first-child p{
	top:-105px !important;
	opacity:1;
}

#top_visual.cmp li:nth-child(2) p{
	top:-105px !important;
	opacity:1;
}

#top_visual.cmp li:last-child p{
	top:41px !important;
	opacity:1;
}

#top_visual.cmp li .bg01{
	top:0;
	opacity:1;
}

#top_visual.cmp a{
	bottom:15px;
	opacity:1;
}

#product_o .bg01{
	position:relative;
	background:url(../img/index/bg01.jpg) center no-repeat;
	background-size:cover;
	height:auto;
    min-height: 620px;
	min-width:980px;
	width:100%;
}

#product_o .bg01::before {
	display:block;
	content:"";
	padding-top:48.4375%;
}

#product_o .bg01 h1{
	position:absolute;
	top:48px;
	left:50%;
	margin-left:-259px;
}

#product_o .bg01 p{
	position:absolute;
	top:176px;
	left:50%;
	margin-left:-365px;
}


/* cart_btn */
@media print, screen and (min-width: 1400px) {
  /*カート画像サイズ*/
  #product_o .bg01 .cart_btn img {
    width: 8.5vw;
    height: 8.5vw;
  }
  /*カートボタン位置*/
  #product_o .bg01 .cart_btn {
    position: absolute;
    transform: none;
    right: 4vw;
    top: calc(76% - 28vw);
    z-index: 2;
  }
  /*PC版　ロールオーバー*/
  #product_o .bg01 .cart_btn:hover {
    opacity: .85;
  }
}
@media screen and (max-width: 1399px) {
  /*カート画像サイズ*/
  #product_o .bg01 .cart_btn img {
    width: 120px;
    height: 120px;
  }
  /*カートボタン位置*/
  #product_o .bg01 .cart_btn {
    position: absolute;
    transform: none;
    right: 50px;
    top: 125px;
    z-index: 2;
  }
  /*PC版　ロールオーバー*/
  #product_o .bg01 .cart_btn:hover {
    opacity: .85;
  }
}
@media screen and (max-width: 768px) {
  #product_o .bg01 .cart_btn img {
    width: 22vw;
    height: 22vw;
  }
  /*カートボタン位置*/
  #product_o .bg01 .cart_btn {
    /* transform: translateX(50%); */
    right: 4vw;
    top: 71vw;
    z-index: 2;
  }
}


.link:hover{
	opacity:0.85;
}


#product_o .bg02{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:url(../img/index/bg02.jpg) no-repeat center;
	background-size:cover;
}

#product_o .bg02 p{
	position:absolute;
	top:36px;
	right:42px;
}

#product_o .bg03{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:#f06324;
}

#product_o .bg03 h2{
	position:absolute;
	top:123px;
	left:62px;
	padding:0;
}

#product_o .bg03 p{
	position:absolute;
	top:226px;
	left:59px;
	color:#fff;
	line-height:1.8;
}

#product_o .bg03 .btn01{
	position:absolute;
	top:391px;
	left:53px;
}

#product_o .bg04{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:#3f210e;
}

#product_o .bg04 h2{
	position:absolute;
	top:160px;
	right:120px;
	padding:0;
}

#product_o .bg04 p{
	position:absolute;
	top:263px;
	right:0;
	width:429px;
	color:#fff;
	line-height:1.8;
}

#product_o .bg04 .btn02{
	position:absolute;
	top:387px;
	right:217px;
}

#product_o .bg05{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:url(../img/index/bg03.jpg) no-repeat center;
	background-size:cover;
}

#product_o .bg05 p{
	position:absolute;
	top:36px;
	left:42px;
}

#product_o .bg06{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:url(../img/index/bg04.jpg) no-repeat center;
	background-size:cover;
}

#product_o .bg06 p{
	position:absolute;
	top:36px;
	right:42px;
}

#product_o .bg07{
	position:relative;
	height:600px;
	width:50%;
	min-width:490px;
	float:left;
	background:#f06324;
}

#product_o .bg07 h2{
	position:absolute;
	top:123px;
	left:62px;
	padding:0;
}

#product_o .bg07 p{
	position:absolute;
	top:226px;
	left:59px;
	color:#fff;
	line-height:1.8;
}

#product_o .bg07 .btn03{
	position:absolute;
	top:391px;
	left:53px;
}

#product_howto{
	background:#fcfac4 url(../img/index/bg05.jpg) no-repeat center top;
	height:1986px;
	position:relative;
}

#product_howto h1{
	position:absolute;
	top:61px;
	left:50%;
	margin-left:-330px;
}

#product_howto .txt01{
	position:absolute;
	top:208px;
	left:50%;
	margin-left:-321px;
}

#product_howto .txt02{
	position:absolute;
	top:315px;
	left:50%;
	margin-left:-402px;
}

#product_howto .txt03{
	position:absolute;
	top:412px;
	left:50%;
	margin-left:193px;
}

#product_howto .txt04{
	position:absolute;
	top:577px;
	left:50%;
	margin-left:-446px;
}

#product_howto .txt05{
	position:absolute;
	top:663px;
	left:50%;
	margin-left:-192px;
}

#product_howto .txt06{
	position:absolute;
	top:682px;
	left:50%;
	margin-left:79px;
}

#product_howto .txt07{
	position:absolute;
	top:610px;
	left:50%;
	margin-left:208px;
}

#product_howto h2{
	position:absolute;
	top:1056px;
	left:50%;
	margin-left:-201px;
	padding:0;
}

#product_howto .ttl01{
	position:absolute;
	top:1225px;
	left:50%;
	margin-left:-487px;
}

#product_howto .txt08{
	position:absolute;
	top:1309px;
	left:50%;
	margin-left:-262px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_howto .ttl02{
	position:absolute;
	top:1222px;
	left:50%;
	margin-left:93px;
}

#product_howto .txt09{
	position:absolute;
	top:1309px;
	left:50%;
	margin-left:243px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_howto .ttl03{
	position:absolute;
	top:1426px;
	left:50%;
	margin-left:-487px;
}

#product_howto .txt10{
	position:absolute;
	top:1557px;
	left:50%;
	margin-left:-262px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_howto .ttl04{
	position:absolute;
	top:1440px;
	left:50%;
	margin-left:36px;
}

#product_howto .txt11{
	position:absolute;
	top:1557px;
	left:50%;
	margin-left:243px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_howto .ttl05{
	position:absolute;
	top:1669px;
	left:50%;
	margin-left:-467px;
}

#product_howto .txt12{
	position:absolute;
	top:1823px;
	left:50%;
	margin-left:-262px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_howto .ttl06{
	position:absolute;
	top:1703px;
	left:50%;
	margin-left:67px;
}

#product_howto .txt13{
	position:absolute;
	top:1807px;
	left:50%;
	margin-left:243px;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
}

#product_spec{
	background:#efebe1;
}

#product_spec h1 img{
	margin:0 auto 38px;
	display:block;
	padding-top:58px;
}

#product_spec .img01{
	margin:0 auto;
	display:block;
}

#product_spec .left{
	margin:28px 40px 38px 88px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	display:block;
	float:left;
}

#product_spec .right{
	margin:28px 0 38px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	display:block;
	float:left;
}

#product_spec h2{
	font-size:14px;
	color:#3f210e;
	padding:0;
	margin-bottom:9px;
}

#product_spec table{
	width:370px;
	height:144px;
	border-bottom:1px #40220f solid;
	font-size:12px;
	color:#000;
	text-align:left;
}

#product_spec table th{
	border-top:1px #40220f solid;
	border-right:1px #40220f solid;
	background:#d6cdb5;
	padding:5px 0 5px 20px;
	vertical-align:top;
}

#product_spec table td{
	border-top:1px #40220f solid;
	background:#fff;
	padding:5px 0 5px 20px;
}

#product_spec .table02{
	width:780px;
	height:164px;
	border-bottom:1px #40220f solid;
	color:#000;
	text-align:left;
	margin:0 0 43px 88px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#product_spec .table02 th{
	font-size:14px;
	border-top:1px #40220f solid;
	border-bottom:1px #40220f solid;
	border-right:none;
	background:#d6cdb5;
	padding:5px 0 5px 20px;
	vertical-align:middle;
	text-align:center;
}

#product_spec .table02 td{
	font-size:12px;
	border-top:none;
	background:#fff;
	padding:20px 0 20px 20px;
}

#product_spec .table02 .txt14{
	background:url(../img/index/sg.jpg) center left no-repeat;
	height:73px;
	box-sizing:border-box;
    padding:11px 0 0 88px;
    width:348px;
	margin-bottom:12px;
	float:left;
}

#product_spec .table02 .txt15{
	background:url(../img/index/psc.jpg) center left no-repeat;
	height:73px;
	box-sizing:border-box;
    padding:11px 0 0 83px;
    width:348px;
	margin:0 0 12px 30px;
	float:left;
}

#product_spec a{
	padding-bottom:55px;
	display:block;
}

#product_spec a img{
	margin:0 auto;
	display:block;
}

#under_menu{
	background:#f06324;
}

#under_menu .bg07{
	position:relative;
	background:url(../img/index/bg06.jpg) center no-repeat;
	background-size:cover;
	height:550px;
	min-width:980px;
	width:100%;
}

#under_menu .bg07 p{
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-11px;
}

#under_menu ul{
	width:960px;
	margin:0 auto;
}

#under_menu ul li{
	float:left;
}

.pagetop{
	float:right;
	margin:35px 0;
}

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


	#sp_contents {
		width: 100%;
		overflow: hidden;
	}

header .headbox{
    margin-bottom:0;
	z-index:10;
}

#global_navi{
    z-index:9999;
}

#container{
	position:relative;
	margin:0;
	z-index:5;
	min-width:inherit;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.inner{
	width:100%;
}

body .sp{
	display:block !important;
}

body .pc{
	display:none !important;
}

#top_visual{
	height:75vw;
}

#top_visual ul{
	min-width:inherit;
	width:100%;
}

#top_visual li{
	height:75vw;
}

#top_visual li:first-child p{
	top:7.8125vw;
	left:0;
	opacity:0;
}

#top_visual li:nth-child(2) p{
	top:11.25vw;
	opacity:0;
}

#top_visual li:last-child p{
	top:11.25vw;
	opacity:0;
}

#top_visual.cmp li:first-child p{
	top:0 !important;
	left:0;
	opacity:1;
}

#top_visual.cmp li:nth-child(2) p{
	top:3.4375vw !important;
	opacity:1;
}

#top_visual.cmp li:last-child p{
	top:3.4375vw !important;
	opacity:1;
}

#top_visual li .bg01{
	top:7.8125vw;
	left:0;
	margin-left:0;
	opacity:0;
	height:75vw;
}

#top_visual.cmp li .bg01{
	top:0;
	left:0;
	margin-left:0;
	opacity:1;
	height:75vw;
}

#top_visual li:first-child p{
	margin-left:0;
}

#top_visual li:nth-child(2) p{
	margin-left:-11vw;
}

#top_visual li:last-child p{
	margin-left:-9.6875vw;
}

#top_visual li:first-child p img{
	width:100%;
}

#top_visual li:nth-child(2) p img{
	width:24.0625vw;
}

#top_visual li:last-child p img{
	width:20.78125vw;
}

#top_visual a{
	display:none;
}

.link:hover{
	opacity:1;
}

#product_o .bg01{
	background-position: calc(50% - 5%) 50%;
	height:96.875vw;
	min-width:inherit;
    min-height: auto;
}

#product_o .bg01::before {
	padding-top:0;
}

#product_o .bg01 h1{
	top:5.15625vw;
	margin-left:-38.28125vw;
}

#product_o .bg01 h1 img{
	width:76.5625vw;
}

#product_o .bg01 p{
	top:23.75vw;
	margin-left:-41.71875vw;
}

#product_o .bg01 p img{
	width:14.21875vw;
}

#product_o .bg02{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg02 p{
	top:3.125vw;
	right:3.125vw;
}

#product_o .bg02 p img{
	width:14.375vw;
}

#product_o .bg03{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg03 h2{
	top:4vw;
	left:4.53125vw;
}

#product_o .bg03 h2 img{
	width:24.84375vw;
}

#product_o .bg03 p{
	top:14vw;
	left:4.53125vw;
	line-height:1.5;
	font-size:3.125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#product_o .btn01{
	position:absolute;
	top:auto !important;
	bottom:3.125vw;
	left:auto !important;
	right:3.125vw;
	width:31.40625vw;
}

#product_o .bg04{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg04 h2{
	top:6vw;
	right:19.0625vw;
}

#product_o .bg04 h2 img{
	width:23.28125vw;
}

#product_o .bg04 p{
	top:16vw;
	width:42.1875vw;
	line-height:1.5;
	font-size:3.125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#product_o .bg05{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg05 p{
	top:3.125vw;
	left:3.125vw;
}

#product_o .bg05 p img{
	width:14.375vw;
}

#product_o .bg06{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg06 p{
	top:3.125vw;
	right:3.125vw;
}

#product_o .bg06 p img{
	width:14.375vw;
}

#product_o .bg07{
	height:46.875vw;
	min-width:inherit;
}

#product_o .bg07 h2{
	top:7vw;
	left:4.53125vw;
}

#product_o .bg07 h2 img{
	width:24.84375vw;
}

#product_o .bg07 p{
	top:16.875vw;
	left:4.53125vw;
	line-height:1.5;
	font-size:3.125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#product_howto{
	background:#fcfac4 url(../img/index/sp/bg05.jpg) no-repeat center top;
	background-size:contain;
	padding:137.96875vw 0 10.78125vw;
	height:auto;
}

#product_howto h1{
	position:absolute;
	top:4.53125vw;
	margin-left:-40.39vw;
}

#product_howto h1 img{
	width:80.78125vw;
}

#product_howto h2{
	position:static;
	top:auto;
	left:auto;
	margin:0 auto 4vw;
	padding:0;
	display:block;
}

#product_howto h2 img{
	width:62.96875vw;
	margin:0 auto;
}

#product_howto div div{
	float:left;
	width:50%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#product_howto .ttl01{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl01 img{
	width:100%;
}

#product_howto .txt08{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 7.8125vw;
	font-size:2.5vw;
}

#product_howto .ttl02{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl02 img{
	width:100%;
}

#product_howto .txt09{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 5.78125vw;
	font-size:2.5vw;
}

#product_howto .ttl03{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl03 img{
	width:100%;
}

#product_howto .txt10{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 7.8125vw;
	font-size:2.5vw;
}

#product_howto .ttl04{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl04 img{
	width:100%;
}

#product_howto .txt11{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 5.78125vw;
	font-size:2.5vw;
}

#product_howto .ttl05{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl05 img{
	width:100%;
}

#product_howto .txt12{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 7.8125vw;
	font-size:2.5vw;
}

#product_howto .ttl06{
	position:static;
	top:auto;
	left:auto;
	margin-left:0;
}

#product_howto .ttl06 img{
	width:100%;
}

#product_howto .txt13{
	position:static;
	top:auto;
	left:auto;
	margin:1vw 0 0 5.78125vw;
	font-size:2.5vw;
}

#product_spec h1 img{
	margin:0 auto 7.03125vw;
	padding-top:5.9375vw;
	width:37.03125vw;
}

#product_spec .img01{
	width:100%;
}

#product_spec .left{
	width:84.375vw;
	margin:8.59375vw auto 0;
	float:none;
}

#product_spec .right{
	width:84.375vw;
	margin:6.25vw auto 0;
	float:none;
}

#product_spec h2{
	font-size:3.4375vw;
	margin-bottom:1.5625vw;
}

#product_spec table{
	width:100%;
	height:auto;
	font-size:2.8125vw;
}

#product_spec table th{
	padding:1.5625vw 0 1.5625vw 3.125vw;
}

#product_spec table td{
	padding:1.5625vw 0 1.5625vw 4.6875vw;
}

#product_spec .table02{
	width:84.375vw;
	margin:8.75vw auto 7.1875vw;
	height:auto;
}

#product_spec .table02 th{
	font-size:3.4375vw;
	padding:0.9375vw 0 1.25vw;
}

#product_spec .table02 td{
	font-size:2.8125vw;
	padding:4.6875vw 2.5vw;
}

#product_spec .table02 .txt14{
	background:url(../img/index/sp/sg.jpg) center left no-repeat;
	background-size:14.84375vw 14.21875vw;
	height:14.21875vw;
    padding:2.65625vw 0 0 19.6875vw;
    width:100%;
	margin-bottom:3.59375vw;
	float:none;
}

#product_spec .table02 .txt15{
	background:url(../img/index/sp/psc.jpg) center left no-repeat;
	background-size:14.84375vw 14.21875vw;
	height:14.21875vw;
    padding:2.65625vw 0 0 19.6875vw;
	width:100%;
	margin:0 0 5.3125vw;
	float:none;
}

#product_spec a{
	padding-bottom:10.9375vw;
	display:block;
}

#product_spec a img{
	width:67.5vw;
	margin:0 auto;
	display:block;
}

#under_menu .bg07{
	position:relative;
	background:url(../img/index/bg06.jpg) center no-repeat;
	background-size:cover;
	height:44.53125vw;
	min-width:inherit;
}

#under_menu .bg07 p{
	top:18.28125vw;
	margin-left:1.71875vw;
}

#under_menu .bg07 p img{
	width:22.1875vw;
}

#under_menu .sp img{
	width:100%;
}

#under_menu ul{
	width:100%;
	display:none;
}


	body header#pagetop .sp{
		display:none !important;
	}


}