@charset "utf-8";
@import url("common.css");
/*************************************/
/* common tag styles                 */ 
/*************************************/


h2{
	padding:164px 40px 52px;
	margin: 0 auto;
	text-align:center;
    line-height: 243%;
    background-color:#FFF4E9;
    color:#FF9326;}

h2 strong{
    font-size:200%;
    font-weight: normal;
    color:#333;}

p{margin: 0 0 30px;}

#mainCont{
	padding:20px 20px 10px;
	background:#FFF url(../img/common/secMainBg.jpg) bottom no-repeat;}

#mainCont dl dt,
#mainCont dl dd,
#mainCont h3{
	margin: 0 0 30px;}

table,
table th,
table td{
	border: 1px #FF9326 dotted;
	vertical-align:middle;}

table th{
	font-weight:bold;
	background-color:#FFEFDF;
	width:200px;
	padding:20px;}

table td{
	padding:20px;}

.outLine{
	border:solid #f0f0f0 10px;
	padding:20px;}

table{width:620px;}

#pageTop{
	text-align:right;
	margin: 0 0 30px;}

#pageTop a{
	background:url(../img/common/pgeTopIcon.jpg) 0 50% no-repeat;
	padding: 0 0 0 17px;}

.sectionMain{
	margin:0;
	padding:40px;
	background-color:#fff;}

#copyright p{margin: 0 0 10px;}

/**********パンくずリスト**********/

#pathList{
	padding:10px 0;
    background-color:#f0f0f0;}

#pathList .inner{
	margin: 0 auto;
	text-align:left;
    width:960px;}

#pathList .inner span{
	padding: 10px 26px 8px 0;
	margin-right:20px;
	background:url(../img/common/pathJoin.jpg) no-repeat right center;}

#pathList .inner span:last-child{
    background: none;
    padding-right: 0;
    margin-right: 0;}

/****************************************/

#cont{padding: 80px 0;}

#cont ul.tab li img.c,
#cont ul.tab li img.hover{margin:-72px 0 0}

.btn a,
.btn input{
    display: block;
    padding: 20px 20px;
    background-color: #FF9326;
    font-size: 140%;
    text-align: center;
    color:#fff;
    transition: 0.3s;
    border: none;}

a img{transition: 0.3s}

a:hover img{opacity: 0.7;}

.btn a:hover,
.btn input:hover{
    text-decoration: none;
    opacity: 0.7;}

.sectionH3{margin-bottom: 80px;}


img.pc,
br.pc{display:inline}

br.smp,
img.pc + img{display:none}

/*********** productContact ***********/

#contact dl.prudoctName{
    width: 100%;
    display: flex;
    margin-bottom: 80px;
}
#contact dl.prudoctName dt,
#contact dl.prudoctName dd{
    padding: 40px;
    text-align: left;
    font-size: 161%;
    border: 1px dotted #FF9326;
}

#contact dl.prudoctName dt{
    width: 30%;
    font-weight: bold;
    background-color: #FFEFDF;
}
#contact dl.prudoctName dd{
    width: 70%;}


/*********** contactArea ***********/

.contactArea{
    border-top: 1px dotted #FF9326;
    width: 100%;
    padding: 80px 0}

.contactArea h3{
    font-size: 261%;
	text-align:center;
	margin-bottom:30px;}

.contactArea .contact{
    box-sizing: border-box;
    width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 10px solid #FFF4E9;
    padding: 20px;}

.contactArea .contact p{
    width: 280px;
    padding-right: 20px;
    border-right: 1px dotted #FF9326;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 0;
}

.contactArea .contact p:last-child{
    padding-right: 0;
    border-right: none;
    margin-right: 0;
}

.contactArea .contact p.telPic{
    padding-top: 10px;
}
.contactArea .contact p.telPic a strong{
    font-size: 180%;
}
.contactArea .contact p.lineCont a{
    background-color: #00B900;
}

/*************************************/
/* index tag styles                  */ 
/*************************************/

#index{background:none;}

#index #cont{
    width: 100%;
    padding: 106px 0 0;
    margin: 0 auto;}

#index #Carousel01,
#index #Carousel02{
	width:100%;
	overflow:hidden;}

#index .sectionH3 {margin-bottom: 0;}

#index .sectionH3 h3 {
    line-height: 243%;
    color: #FF9326;
    background: none;
    font-size: 100%;
    padding: 0;
    text-align: center;}

#index .sectionH3 h3 strong{
    font-size: 259%;
    font-weight: normal;
    color: #333;}

/*===================== flex01 =====================*/

#index #Carousel01{background-color: #FFF4E9;}

.flex01{
	width:960px;
	margin: 40px auto 70px;
	border:0;
	background:none;}
	
.flex01 .flex-viewport{overflow:visible !important;}

.flex01 ul.slides li h2{padding:0;}

.flex01 ul.slides li h2 a img{
    width: 960px;
    height: 593px;
    object-fit: cover;
}

.flex01 .flex-direction-nav .flex-prev,
.flex01 .flex-direction-nav .flex-next{
	top:0;
	height:593px;
	width:600px;
    background:url(../img/index/va/next_btn.png) left center no-repeat #fff;
	text-indent:-9999px;
	right:-600px !important}

.flex01 .flex-direction-nav .flex-prev{
    background:url(../img/index/va/return_btn.png) right center no-repeat #fff;
	left:-600px;}

.flex01 .flex-direction-nav a{margin:0 !important;}

.flex01 .flex-direction-nav .flex-prev:hover,
.flex01 .flex-direction-nav .flex-next:hover{opacity:0.7 !important;}

.flex-control-paging li a.flex-active{background-color:#FF9326 !important}

.flex-control-paging li a{background-color:#ccc !important;}

.flex-control-paging li a,
.flex-control-paging li a.flex-active{
    width: 16px;
    height: 16px;
    box-shadow: none;
}

/*===================== area00 =====================*/

#index .area00{
    background: url("../img/index/area00_bg.jpg") 50% 50% no-repeat;
    padding: 80px 0;
}

#index .area00 .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto;
}

#index .area00 .inner .movieArea{
    width: 480px;
}

#index .area00 .inner .detail{
    width: 440px;
    text-align: center;
}

#index .area00 .inner .detail figure{
    text-align: center;
    margin-bottom: 40px;}

#index .area00 .inner .detail h2{
    background: none;
    padding: 0;
    margin: 0 0 20px;
    color:#333;
}

#index .area00 .inner .detail h2 strong{
    font-weight: bold;
    color:#FF1432;
}

#index .area00 .inner .detail p{
    margin-bottom: 40px;
}

#index .area00 .inner .detail p.btn{
    margin: 0;
}

#index .area00 .inner .detail p.btn a{
    background-color: #FFE8B4;
    color:#333;}
    
/*===================== area01 =====================*/

#index .area01 .cont{
	width:960px;
	margin: 0 auto;
	padding:80px 0;}

#index .area01 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}

#index .area01 ul li.detailBn{
    margin-top: 20px;
    position: relative;
    margin-bottom:20px;
    border: 1px dotted #FF9326;
    box-sizing: border-box;
    width: 470px;
    transition: 0.3s;}

#index .area01 ul li.detailBn:hover{
    opacity: 0.6;}

#index .area01 ul li.detailBn dl{
    background-color: #f0f0f0;
    padding: 50px 40px 40px;}

#index .area01 ul li.detailBn dl dt{
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px dotted#FF9226;
    margin-bottom: 40px;
    line-height: 200%;
    }
#index .area01 ul li.detailBn dl dd{
    text-align: left;}

#index .area01 ul li.detailBn dl dt strong{
    font-size: 259%;
    font-weight: normal;
}
#index .area01 ul li.detailBn dl dt span{
    color:#FF9226;}

#index .area01 ul li.detailBn a{
    position:absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;}
    

/*===================== Carusel02 =====================*/

#index #Carousel02{
	padding:80px 0;
	background-color:#EDEAF1;}

#index #Carousel02 #itemList{
    margin-bottom: 80px;
}
#index #Carousel02 p.btn{
    box-sizing: border-box;
    width: 560px;
    margin: 0 auto;}

.flex02{
	width:960px;
	margin: 40px auto 40px;
	border:0;
	background:none;}

.flex02 .flex-viewport{overflow:visible !important;}

.flex02 .flex-direction-nav .flex-prev,
.flex02 .flex-direction-nav .flex-next{
	top:0;
	height:100%;
	width:600px;
    background:url(../img/index/va/next_btn.png) left center no-repeat #fff;
	text-indent:-9999px;
	right:-620px !important}

.flex02 .flex-direction-nav .flex-prev{
    background:url(../img/index/va/return_btn.png) right center no-repeat #fff;
	left:-620px;}

.flex02 .flex-direction-nav a{margin:0 !important;}

.flex02 .flex-direction-nav .flex-prev:hover,
.flex02 .flex-direction-nav .flex-next:hover{opacity:0.7 !important;}

ul.subCate{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

ul.subCate li{
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    padding: 10px 20px;
    background-color: #FFF4E9;
}


ul.list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.list li{
    position: relative;
	background:#FFF;
    width: 220px;
    overflow:hidden;
	vertical-align:middle;
    min-height: 362px;
    margin-bottom: 20px;}

#index ul.list li{
    margin-bottom: 0;
    transition: 0.3s;}

ul.list li a{
    position: absolute;
    display: block;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    }

ul.list li{
    border: 1px solid #f0f0f0;
    transition: 0.3s;}

ul.list li figcaption{
    padding: 20px;}

#index ul.list li figcaption{
    padding: 20px;}

ul.list li figcaption h4{
	padding-bottom:20px;
    text-align: left;
    min-height: 44px;}

ul.list li figcaption p{
    text-align: right;
    padding-bottom: 20px;
    border-bottom: 1px #f0f0f0 solid;
    margin-bottom: 0;}

ul.list li figcaption p.price{
    font-weight: bold;
    font-size:115%;}

ul.list li figcaption p.price span{
    font-weight: normal;
    font-size: 64%;
}
ul.list li img{
    object-fit: contain;
    width: 100%;
    height: 160px;
    transition: 0.3s;}

ul.list li:hover img{
    opacity: 0.7;}

ul.list li ul{
    padding: 0 20px 20px;
    margin: 0;
}
ul.list li ul li{
    margin-right: 5px;
}
ul.list li ul li,
ul.list li ul li img{
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin-bottom: 0;}

#index .area02 ul{margin: 0 0 40px;}
	
/*===================== area02 =====================*/

#index .area02{
	background:url(../img/index/area02_bg.jpg) bottom left no-repeat #fff;
	padding:80px 0;}

#index .area02 .cont{
	width:960px;
	margin: 0 auto;
	padding: 30px 0;}

#index .area02 .cont h3{margin: 0 0 50px;}

#index .area02 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 0 40px;}

#index .area02 ul li{margin-bottom:20px;}

/*===================== about =====================*/

#index .about{
	background:url(../img/index/aboutBg.jpg) 50% 50% no-repeat;
    padding:80px 0;}

#index .about .cont{
	width:960px;
	background:url(../img/index/aboutContBg.png) repeat;
	padding:60px;
    box-sizing: border-box;
	margin: 0 auto;}

#index .about .cont h3{margin-bottom:30px;}

#index .about .cont p strong{
	display:block;
	color:#FF9326;
	font-size:261%;
	line-height:161%;
	padding-bottom:30px;}

#index .about .cont p{
	margin:0;
	padding:0;}

/*===================== area03 =====================*/

#index .area03{
	background:url(../img/index/area03bg.jpg) repeat;
	padding: 80px 0;}

#index .area03 h3{margin-bottom: 40px;}

#index .area03 .cont{
	width:960px;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;}

#index .area03 .cont h3{
	margin: 0 0 50px;}

#index .area03 .moiveCont{text-align:left;}

#index .area03 .moiveCont h4{
    font-size: 261%;
	margin: 0 0 40px;}

/*===================== area04 =====================*/

#index .area04{
	background-color:#FF9326;
    display: flex;
    justify-content: space-between;}

#index .area04 .rightCont{
	width:50%;
	height:auto;}

#index .area04 .leftCont{
	width:50%;
	height:100%;
    display: flex;
    justify-content: flex-end;}

#index .area04 .leftCont .inner{
	width:480px;
	padding:80px 0;
    box-sizing: border-box;
    text-align: left;
    color: #fff;}

#index .area04 .leftCont .inner h3{
    font-size: 384%;
    margin:0 0 10px;
    background: none;
    padding: 0;}

#index .area04 .leftCont .inner h3,
#index .area04 .leftCont .inner dl dt,
#index .area04 .leftCont .inner dl dd,
#index .area04 .leftCont .inner dl dd a,
#index .area04 .leftCont .inner p a,
#index .area04 .leftCont .inner p{color: #fff;}

#index .area04 .leftCont .inner dl dd{font-size: 259%;}

#index .area04 .leftCont .inner p.btn{margin: 40px 0 0;}

#index .area04 .leftCont .inner p.btn a{
    width: 440px;
    box-sizing: border-box;
    border: 1px solid #fff;}

/*===================== area05 =====================*/

#index .area05 .cont{
	width:960px;
	padding:80px 0;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}

#index .area05 .cont h3{
    width: 100%;
    margin: 0 0 50px;}

#index .area05 .cont h4{
    font-size: 161%;
    color:#FF9326;
    padding-bottom: 10px;
    border-bottom: 2px solid #FF9326;}

#index .area05 .rightCont{
	width:460px;
	border-bottom: solid 1px #FF9326;
	padding: 0 0 20px;}

#index .area05 .leftCont{
	width:460px;
	border-bottom: solid 1px #FF9326;}

#index #feed .odd,
#index #feed .even{padding:20px;}

#index #feed .even{background-color:#EEEEEE;}

#index #feed a.photo{
	float:left;
	margin-right:20px;}

#index #feed dl{text-align:left;}

#index #feed dl dd{width:420px;}


#index #feed dl dd.date{color:#F2410C;}

#index #feed dl dt{font-weight:bold;}

#index .area05 .rightCont h4{margin: 0 0 15px;}

/*===================== area06 =====================*/

#index .area06{background:url(../img/index/area05_bg.gif) repeat;}

#index .area06 .cont{
	width:960px;
	padding:80px 0;
	margin: 0 auto;
	text-align:center;
	}

#index .area06 .cont h3{
	margin: 0 0 50px;
}

#index .area06 .cont ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin: 0 auto 50px;
	width:960px;
	text-align:center;
}

#index .area06 .cont ul li{
	width: 210px
}
#index .area06 .cont ul li dl dt a img{
    width: 210px;}

#index .area06 .cont dl dd.shopName{
	font-size:161%;
}

#index .area06 .cont dl dd.shopName,
#index .area06 .cont dl dt{
	margin: 0 0 15px;
	color:#FF9326;}

#index .area06 .cont ul li a:hover{text-decoration:none;}

#index .area06 .cont dl dd.address a{color:#333;}


/*************************************/
/* faq tag styles                  */ 
/*************************************/

#selTab ul{ 
    display: flex;
    justify-content: space-between;
    margin-bottom:50px;}

#selTab ul li{
    margin-right: 40px;
    width: 293px;
    border: 1px solid #FF9326;}

#selTab ul li:last-child{
    margin-right: 0;}

#selTab ul li.btn a{
    background-color: #fff;
    color:#FF9326;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;}

#selTab ul li.c a,
#selTab ul li.btn a:hover{
    background: #FF9326;
    color: #fff;}

#faq #cont dl{
	margin: 0 0 30px;
	border-bottom:dotted 1px #FF9326;
	text-align:left;
	cursor:pointer;
}

#faq #cont dl dt{
	background:url(../img/faq/qetionIcon.jpg) left center no-repeat #FFF4EA;
	padding: 15px 15px 15px 70px;
	font-size:120%;
	color:#FF9326;
	font-weight:bold;
	margin-bottom:30px;
}

#faq #cont dl dd{
	margin:30px 0 30px;;
	padding-left:70px;
	padding-bottom:30px;
	background:url(../img/faq/antherIcon.jpg) top left no-repeat;
}
	
/*************************************/
/* commodity tag styles              */ 
/*************************************/	

#commodity #cont p{
	padding:0 0 40px 0;
	margin:0 0 40px 0;
	border-bottom:dotted 1px #FF9326;
	text-align:left;
}

#commodity #selTab ul li{
	margin-right:20px;
	height:72px;
	overflow:hidden;
}

/****** Cleafix ******/
#commodity #selTab ul:before,
#commodity #selTab ul:after{content: " ";display: table;}
#commodity #selTab ul:after{clear: both;}
#commodity #selTab ul{*zoom: 1;}
/****** Cleafix ******/

#commodity #selTab ul li.lastChild{margin:0;}

#commodity #selTab{margin-bottom:40px;}

#commodity .tab ul li{
	float:left;
	margin: 0 20px 20px 0;
}

#commodity .tab ul li.lastChild{margin-right:0;}

/****** Cleafix ******/
#commodity .tab ul:before,
#commodity .tab ul:after{content: " ";display: table;}
#commodity .tab ul:after{clear: both;}
#commodity .tab ul{*zoom: 1;}
/****** Cleafix ******/

#commodity .tab ul li img {
	width:225px;
	height:225px;
}
#commodity ul#category{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

#commodity ul#category li{
	margin-bottom:20px;
}


/*************************************/
/* product tag styles              */ 
/*************************************/	


#product #cont ul li img{
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    width: 225px;
    height: auto;
}

#product #cont ul li.lastChild{
	margin-right:0;
}

/****** Cleafix ******/
#product #cont ul:before,
#product #cont ul:after{content: " ";display: table;}
#product #cont ul:after{clear: both;}
#product #cont ul{*zoom: 1;}
/****** Cleafix ******/
	


/*************************************/
/* detail tag styles              */ 
/*************************************/

#detail #detailArea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.status{
    display: flex;
    margin-bottom: 20px;}

ul.status li{
    margin-right: 10px;}

#detail #contRight{
	width:370px;
	text-align:left;
}

#detail #contLeft{
	width:550px;
	text-align:left;
}

#detail #contLeft #bigImg{
	margin-bottom:10px;
    width:540px;
    height:334px;
}

#detail #contLeft #bigImg img{
    margin: auto;
    width: 540px;
    height: 334px;
    object-fit:contain;
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

.youtube iframe{
  width: 100%;
}

#detail #selImg{
    margin-bottom: 40px;
}
#detail #selImg ul{
    display: flex;
    flex-wrap: wrap;
}
#detail #selImg ul li{
	margin: 0 10px 10px 0;
	margin-bottom:10px;
    width:100px;
    height:100px;
	cursor:pointer;
}
#detail #selImg ul li:nth-child(5n){
    margin-right: 0;}
	
#detail #selImg ul li img {
    width: 100px;
    height: 100px;
    object-fit: cover;
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

#detail #selImg ul li img:hover{
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

#detail #contRight h3{
	font-size:140%;
	margin-bottom:10px;
	font-weight:bold;
    padding: 0;
    background: none;
}

#detail #contLeft .howBuy{
    padding: 40px;
    background-color: #FFF4E9;
}
#detail #contLeft .howBuy h3{
    font-size: 161%;
    font-weight: bold;
    color: #FF9326;
    margin-bottom: 20px;
    text-align: center;
    background: none;
}

#detail #contLeft .howBuy .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
#detail #contLeft .howBuy .inner .item{
    width: 145px;
    text-align: center;
}
#detail #contLeft .howBuy .inner .item figure,
#detail #contLeft .howBuy .inner .item dl dt,
#detail #contLeft .howBuy .inner .item dl dd{
    margin-bottom: 20px;
}
#detail #contLeft .howBuy .inner .item dl dd.btn a{
    font-size: 100%;
    padding: 10px 0;
}
    

#detail #contRight p.price{
    line-height: 220%;}

#detail #contRight p strong.price{color:#FF9326;font-size:200%;}

#detail #contRight p strong.uchikeshi{
    text-decoration: line-through;}
#detail #contRight .social4i{margin-top:30px;}

#detail #contRight table{
	width:390px;
	border-width: 1px 0 1px;
	border-style:solid;
	margin-bottom:40px;
	border-color:#cccccc;
}

#detail #contRight table tr{
	border-bottom: 1px dotted #cccccc;
}

#detail #contRight table th{
	width:15%;
	border:none;
	background:none;
	padding: 20px 0;
}

#detail #contRight table td{
	border:none;
	padding:20px 0 20px 20px;
}
#detail #contRight table td.color ul li{
	margin:0 10px 10px 0;
}

#detail #contRight table td.color ul li.lastChild{
	margin-left:0;
}


#detail #comItem{
	clear:both;
}
#detail #comItem h3{
	margin:0 0 40px;
}

#detail #comItem ul li{
	margin-right:20px;
	margin-bottom:20px;
}

#detail #comItem ul li.lastChild{margin-right:0;}

#selImg a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

#selImg a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*************************************/
/* brand tag styles                 */ 
/*************************************/

#brand #cont p{
	text-align:left;
	padding-bottom:50px;
	border-bottom:dotted 1px #FF9326;
	margin-bottom:50px;
}

#brand #cont #brandList dl{
	width:290px;
	margin-right:45px;
	float:left;
}

/****** Cleafix ******/
#brand #cont #brandList:before,
#brand #cont #brandList:after{content: " ";display: table;}
#brand #cont #brandList:after{clear: both;}
#brand #cont #brandList{*zoom: 1;}
/****** Cleafix ******/


#brand #cont #brandList dl dt,
#brand #cont #brandList dl dd{
	margin-bottom:30px;
	text-align:left;
}

#brand #cont #brandList dl.lastChild{
	margin-right:0;
}

/*************************************/
/* 特定商取引法に基づく表記 tag styles*/ 
/*************************************/

#shotorihiki #cont table{
	width:960px;
	text-align:left;
}

/*************************************/
/* campany tag styles                 */ 
/*************************************/

#selTab ul{
	margin-bottom:50px;
	}
#cont h3{
    background: url("../img/common/h3Bg.jpg") left top no-repeat;
	margin-bottom:40px;
    text-align: left;
    padding: 15px 20px 15px 25px;
    font-size: 140%;
    background-color: #FFEFDF;
}


#company #cont .motto{
    box-sizing:border-box;
    background: url("../img/campany/motto_bg.jpg") 50% 50% no-repeat;
    padding: 160px 40px;
    width: 100%;
}

#company #cont .motto p{
    font-size: 140%;
    color: #fff;
    line-height: 259%;
    font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

#company #cont table{
	width:960px;
	text-align:left;
}

#company #cont #tab01 p{
	text-align:center;
	margin:40px 0 30px;
}

#company #cont #tab02 table th{
	text-align:center;
	width:100px;
}

#company #cont #tab02 table td.month{
	text-align:center;
	width:70px;
}


/*************************************/
/* access tag styles                 */ 
/*************************************/

#access #map,
#access h3{   margin-bottom: 40px;
}

#access #route{
	padding:40px;
	border: 10px solid #FFF7EF;
	margin-bottom:30px;
}

#access #route dl{
	margin-bottom:20px;
	text-align:left;
}

#access #route dl dt{
	font-weight:bold;
	margin-bottom:10px;
}

#access #cont table{
	float:left;
	width:470px;
	text-align:left;
}

#access #cont table th{
	width:30%;
}

#access #cont .shopImg{
	float:right;
}

/****** Cleafix ******/
#access #cont:before,
#access #cont:after{content: " ";display: table;}
#access #cont:after{clear: both;}
#access #cont{*zoom: 1;}
/****** Cleafix ******/

/*************************************/
/* movie tag styles                 */ 
/*************************************/

#movie #cont p{
	text-align:left;
	padding-bottom:50px;
	border-bottom:1px dotted #FF9326;
	margin-bottom:50px;
}
#movie #movieList ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#movie #movieList ul li{
	margin-bottom: 30px;
}

#movie #movieList ul li dl dt{margin-bottom:10px;}

/*************************************/
/* contact tag styles                */ 
/*************************************/

#contact h3{
	margin-bottom:40px;
}

#contact #cont .h301 p a{
    display: block;
    border: 10px solid #f0f0f0;
    padding: 40px 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;}

#contact #cont .h301 p a:hover{
    text-decoration: none;
}

#contact #cont .h301 p a strong{
    font-size: 261%;
    line-height: 140%;}

#contact table{
	width:900px;
}

#contact table td{
	text-align:left;
}

#contact .outLine{
	margin-bottom:60px;
}

#contact table tr td textarea{
	width:500px;
}
#contact #cont .btn {
    width: 560px;
    margin: 0 auto;
}
#contact .btn input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.screen-reader-response{
    display: none;
}
.wpcf7-not-valid-tip{
    margin-top: 10px;
    display: block;
    color:red;
}


.wpcf7-mail-sent-ok,
.wpcf7-validation-errors{
    margin-top: 40px;
    border: 10px solid red;
    padding: 40px;
    color:red;
}
.wpcf7-mail-sent-ok{
    border-color: skyblue;
    color: skyblue;}


#contact #cont .h303 .lineCont a{
    background-color: #00B900;
    line-height: 259%;
}
#contact #cont .h303 .lineCont a i{
    font-size: 259%;
}

/*************************************/
/* brand tag styles                */ 
/*************************************/

#brand #cont ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#brand #cont ul li{
	margin-bottom: 45px;
}

#brand #cont ul li:nth-child(3n){
    margin-right: 0;}

#brand ul li.lastChild{
	margin-left:0;
}


/*************************************/
/* gashach tag styles                */ 
/*************************************/

#gashach p{margin:0;}

#gashach .section{
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom: 1px #CCCCCC solid;
}

/* area01 */

#gashach .area01 h3{float:left;}

#gashach .area01 p{float:right;}

/****** Cleafix ******/
#gashach .area01:before,
#gashach .area01:after{content: " ";display: table;}
#gashach .area01:after{clear: both;}
#gashach .area01{*zoom: 1;}
/****** Cleafix ******/

/* area03 */ 

#gashach .area03 h3{margin-bottom:40px;}

#gashach .area03 p.pic02{
	float:right;
	margin-top:30px;
	}

#gashach .area03 p.chara{
	margin-top:50px;
	text-align:left;
	float:right;
	width:455px;
	}
#gashach .area03 p.pic01{float:left;}
#gashach .area03 p.pic02{}

/****** Cleafix ******/
#gashach .area03:before,
#gashach .area03:after{content: " ";display: table;}
#gashach .area03:after{clear: both;}
#gashach .area03{*zoom: 1;}
/****** Cleafix ******/

/* area05 */

#gashach .area05 .arealeft{
	float:left;
}

#gashach .area05 h3{
	text-align:left;
	margin-bottom:30px;
	padding-top:30px;
	}

#gashach .area05 p.chara{
	text-align:left;
	width:460px;
	}

#gashach .area05 p.pic01{
	float:right;
	}
	
/****** Cleafix ******/
#gashach .area05:before,
#gashach .area05:after{content: " ";display: table;}
#gashach .area05:after{clear: both;}
#gashach .area05{*zoom: 1;}
/****** Cleafix ******/

/*************************************/
/* geltron tag styles                */ 
/*************************************/

#geltron .section{
	padding-bottom:60px;
	border-bottom:1px dotted #093189;
	margin-bottom:60px;}

#geltron .section h3{
	font-size:251%;
	color:#093189;
	text-align:left;
	margin-bottom:25px;
    background: none;
    padding: 0;}

#geltron .section p{
	text-align:left;
	margin-bottom:25px;}

#geltron .section p.leed{font-size:140%;}

#geltron .section h3 strong{font-weight:bold;}

#geltron .area01{
	padding:0;
	border:none;}

#geltron .area02{
	min-height:258px;
	padding-left:380px;
	background:url(../img/brand/geltron/h302Pic01.jpg) left top no-repeat;}

#geltron .area03{
	min-height:208px;
	padding-right:380px;
	background:url(../img/brand/geltron/h303Pic01.jpg) right 50% no-repeat;}

#geltron .area03 p{margin-bottom:0;}
#geltron .area03 p.leed{margin-bottom:25px;}

#geltron .area04{
	min-height:252px;
	padding-left:380px;
	background:url(../img/brand/geltron/h304Pic01.jpg) left top no-repeat;}

#geltron .area05{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#geltron .area05 h3,
#geltron .area05 p{
    width: 100%;
    text-align:center;}

#geltron .area05 p{
	font-size:140%;
	margin-bottom:40px;}

#geltron .area05 dl{
	width:450px;
	padding-top:304px;}

#geltron .area05 dl dt{
	font-size:140%;
	font-weight:bold;
	margin-bottom:20px;}

#geltron .area05 dl dd{text-align:left;}

#geltron .area05 dl.leftArea{background:url(../img/brand/geltron/h305Pic01.jpg) 50% top no-repeat;}

#geltron .area05 dl.rightArea{background:url(../img/brand/geltron/h305Pic02.jpg) 50% top no-repeat;}


#geltron .area06{
	padding-bottom:345px;
	background:url(../img/brand/geltron/h306Pic01.jpg) 50% bottom no-repeat;}


#geltron .area06 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#geltron .area06 ul li{
	width:293px;}

#geltron .area06  ul li dl dt{
	font-size:140%;
	margin-bottom:20px;
	font-weight:bold;}

#geltron .area06  ul li dl{padding-top:140px;}

#geltron .area06  ul li dl.num01{background:url(../img/brand/geltron/h306Num01.jpg) 50% top no-repeat;}
#geltron .area06  ul li dl.num02{background:url(../img/brand/geltron/h306Num02.jpg) 50% top no-repeat;}
#geltron .area06  ul li dl.num03{background:url(../img/brand/geltron/h306Num03.jpg) 50% top no-repeat;}

#geltron .area07 .inner{
	padding:30px 30px 30px 30px;
	background:url(../img/brand/geltron/h307Pic01.jpg) right bottom no-repeat #F5F5F5;}

#geltron .area07 p{width:530px;}

/*************************************/
/* blavia tag styles                */ 
/*************************************/

#blavia #cont .section{
    padding: 40px;
}

#blavia #cont .section p{
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	text-height:200%
}

#blavia #cont .section h3{
    text-align: center;
    font-weight: bold;
    color:#A73534;
    background: none;
    margin-bottom:20px;}

#blavia #cont .section{
    text-align: left;
}

#blavia #cont .section img{
    margin-bottom: 20px;
}

/************* area01 *************/ 

#blavia #cont .area01{
    padding: 0;
    margin: 0;}
#blavia #cont .area01 h3{
    background: url("../img/brand/blavia/h301.jpg") 50% top no-repeat;
    display: block;
    width: 960px;
    height: 284px;
    text-indent: -9999px;
}
#blavia #cont .area01 h3,
#blavia #cont .area01 img{
    margin: 0;
    padding: 0;}

/************* area02 *************/ 

#blavia #cont .area02 {
	width:440px;
	padding: 40px 0 40px 520px;
    background:url(../img/brand/blavia/pic01.jpg) no-repeat left 50%;}

#blavia .area02 p{text-align:left;}

/************* area03 *************/ 

#blavia #cont .area03 {
	width:440px;
	padding: 40px 520px 40px 0;
	background:url(../img/brand/blavia/pic02.jpg) no-repeat right 50%;}

/************* area04 *************/ 

#blavia #cont .area04 {
	width:440px;
	padding: 40px 0 40px 520px;
	background:url(../img/brand/blavia/pic03.jpg) no-repeat left 50%;
}

/*************************************/
/* suemokko tag styles                */ 
/*************************************/

#suemokko #cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#suemokko #cont h3,
#suemokko #cont p{margin-bottom:40px;}

#suemokko .section p{
    text-align: left;
}

#suemokko #cont h3{
    padding: 0;
    background: none;
    text-align: center;
}

#suemokko #cont .section p.imgArea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}

#suemokko #cont .area01 p img{
    margin-bottom: 10px;}

#suemokko #cont .area02{
	text-align:left;
	border-right: 1px dotted #72BF44;
	padding: 0 40px 40px 0;
	width:439px;
	}
	
#suemokko #cont .area03{
	width:439px;
	padding: 0 0 40px 0;
}

#suemokko #cont .area04{
	text-align:left;
	width:960px;
	padding:40px 0;
	margin-bottom:40px;
	border-top: 1px dotted #72BF44;
	border-bottom: 1px dotted #72BF44;
}

/*************************************/
/* SHOP tag styles                */ 
/*************************************/

#shop #cont .shopInfo{
}
#shop #cont p.firstP{
	text-align:left;
	padding-bottom:40px;
	border-bottom: 1px dotted #FF9326;
	margin-bottom:40px;
}

#shop #cont .shopInfo{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 40px;
    border-bottom: 1px dotted #FF9326;
    margin-bottom: 40px;
}


#shop #cont .shopInfo h3{
	font-size:140%;
	color:#FF9326;
	margin-bottom:35px;
	padding-left:20px;
	background:url(../img/shop/h3Icon.jpg) no-repeat left top;
}

#shop #cont .shopInfo .shopDetail{text-align: left;}

#shop #cont .shopInfo h3 a:hover{text-decoration:none;}

#shop #cont .shopInfo p{margin-bottom:20px;}

#shop #cont .shopInfo dl dt{font-weight:bold;}

#shop #cont .shopInfo dl dd{margin-bottom:20px;}

#shop #cont .shopInfo .access{width: 650px}

/*************************************/
/* campaign tag styles                */ 
/*************************************/

#campaign .itemArea,
#campaign #cont h3{
	padding-bottom:40px;
	border-bottom:1px dotted #FF0000;
	margin-bottom:30px;}

#campaign .itemArea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#campaign h4{
	font-size:259%;
	font-weight:bold;
}

#campaign .itemArea .leftArea{
	padding-top:10px;
    text-align: left;
	width:327px;
}

#campaign .itemArea .leftArea h4{
	margin-bottom:20px;
}

#campaign .itemArea p.sendIcon{margin-bottom:30px;}

#campaign .itemArea .leftArea ul li{
	margin-bottom:5px;
}

#campaign .itemArea .leftArea ul{
	margin-bottom:20px;
}


#campaign .itemArea .leftArea ul li.tokubetsu,
#campaign .itemArea .leftArea ul li.price{
	color:#FF0000;
	font-size:200%;
	font-weight:bold;
	margin-bottom:-10px;
}

#campaign .itemArea .leftArea ul li.price span{
	font-size:62%;
}

#campaign .itemArea .leftArea ul li.listPrice{font-size:140%;}

#campaign .itemArea .rightArea{
    position: relative;
	width:593px;
	height:400px;
}

#campaign .itemArea .rightArea img.mainImg{
	width:593px;
	height:400px;
    object-fit: contain;
}

#campaign .itemArea .rightArea img.limit{
	position:absolute;
	top:0px;
	right:0;
}

/*************************************/
/* 納品までの流れ tag styles                */ 
/*************************************/

#flow #cont p{
    margin-bottom: 80px;
    text-align: left;
}
#flow .flow .item{
    display: flex;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
    padding-bottom: 80px;
    background: url("../img/flow/nextAlor.jpg") left 40px bottom 10px no-repeat;
}
#flow .flow .item:last-child{
    background: none;
}

#flow .flow .item figure{
    width: 100px;
    height: 100px;
}
#flow .flow .item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;}

#flow .flow .item dl{
    width: 820px;
}
#flow .flow .item dl dt{
    font-size: 161%;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;}


/*************************************/
/* hojin tag styles                 */ 
/*************************************/

#hojin .section{
	padding-bottom:60px;
	border-bottom:1px dotted #ccc;
	margin-bottom:60px;}

#hojin .section p,
#hojin .section h3,
#hojin .section dl{text-align:left;}

#hojin .area01 p{
	padding-top:223px;
	background:url(../img/hojin/h301Pic01.jpg) left top no-repeat;
	margin:0;}

#hojin .area02{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#hojin .area02 dl{
	width:300px;}

#hojin .area02 dl{padding-top:206px;}

#hojin .area02 dl.num01{background:url(../img/hojin/h302Pic01.jpg) left top no-repeat;background-size: 300px auto;}
#hojin .area02 dl.num02{background:url(../img/hojin/h302Pic02.jpg) left top no-repeat;background-size: 300px auto;}
#hojin .area02 dl.num03{background:url(../img/hojin/h302Pic03.jpg) left top no-repeat;background-size: 300px auto;}

#hojin .area02 dl dt{
	text-align:center;
	font-size:140%;
	font-weight:bold;
	margin-bottom:20px;}

#hojin .area03{padding-bottom:40px;}

#hojin .area03 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#hojin .area03 ul li{
    width:460px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding:20px 20px 20px 64px; 
    text-align: left;
    font-size: 120%;
    font-weight: bold;
    background: url("../img/hojin/h303Icon.jpg") left 20px top 50% no-repeat;
    margin-bottom: 40px;}

#hojin .area03 ul li:nth-child(even){margin-right:0;}

#hojin .area03 h3{margin-bottom:30px;}

#hojin .area04{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url("../img/hojin/h304Bgborder.jpg") 50% 29px no-repeat;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

#hojin .area04 dl{
	width:210px;
	padding:80px 0 0 0;}

#hojin .area04 dl:last-child{padding-right:0;}

#hojin .area04 dl dt{
	margin-bottom:20px;
	font-size:140%;
	font-weight:bold;
	text-align:center;}

#hojin .area04 dl.num01{background:url(../img/hojin/h304Num01.jpg) 50% top no-repeat;}
#hojin .area04 dl.num02{background:url(../img/hojin/h304Num02.jpg) 50% top no-repeat;}
#hojin .area04 dl.num03{background:url(../img/hojin/h304Num03.jpg) 50% top no-repeat;}
#hojin .area04 dl.num04{background:url(../img/hojin/h304Num04.jpg) 50% top no-repeat;}

/*************************************/
/* news tag styles                 */ 
/*************************************/

#news #cont{
    display: flex;
    flex-wrap: wrap;
}
#news #cont .content{
    width:291px;
    margin: 0 40px 40px 0;
	position:relative;
    transition: 0.3s;
    border: 1px solid #f0f0f0;
}
#news #cont .content:nth-child(3n){
    margin-right: 0;}

#news #cont .content:hover{background-color:#FFF4E9;}

#news #cont .content a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-indent:-9999px;
}

#news #cont .content p{font-size:128%;}

#news #cont .content figure{
    width:293px;
    height:177px;
    margin-bottom: 20px;
}

#news #cont .content figure img{
    width:293px;
    height:177px;
    object-fit:cover;
}

#news #cont .content dl{
	width:293px;
    padding: 20px;
    box-sizing: border-box;
}

#news #cont .content dl dd.date{
	color:#FF9326;
	margin-bottom:0;
}

#news #cont .content dl dt,
#news #cont .content dl dd{
	margin-bottom:10px;
    margin-bottom: 20px;
    text-align: left;
}

#news #cont .content dl dt{
	font-size:140%;
	font-weight:bold;

}
nav.pagination{
	position:static;
	height:100%;
    padding: 40px 0;
    background-color: #FFF4E9;
}

nav.pagination h2{display:none;}

nav.pagination .nav-links span{
	border:1px solid #FF9326;
	background-color:#FF9326;
	color:#fff;
	padding:5px 10px;
}

nav.pagination .nav-links a{
	border:1px solid #FF9326;
	display:inline;
	padding:5px 10px;
    background-color:#fff;
}


/*************************************/
/* newsDetail tag styles             */
/*************************************/

#newsDetail #cont .content{
	font-size:18px;
	line-height:180%;
	text-align:left;
	padding-bottom:40px;
	border-bottom:1px dotted #FF9326;
	margin-bottom:40px;}
	
#newsDetail #cont .content .social4i{
	border-top:1px dotted #FF9326;
	width:960px;
	text-align:center;
	padding-top:30px;
}

#newsDetail #cont .content .social4in{margin:0 auto;}

#newsDetail #cont .content img{
    max-width: 100%;
    margin:0 auto 40px;}

#newsDetail #cont .content p.date{
	font-weight:bold;
	color:#FF9326;
	margin-bottom:10px;
	text-align:center;
	font-size:128%;
}

#newsDetail #cont .content h3{
	font-size:261%;
	font-weight:bold;
	padding-bottom:30px;
	border-bottom:2px solid #FF9326;
	margin-bottom:30px;
	text-align:center;
}

#newsDetail #cont .content p{font-size:128%;}
#newsDetail #cont .content p img{text-align: center;}

#naviG{
	width:960px;
	position:relative;
	height:100px;}

#naviG h2{display:none;}

#naviG .navigation .nav-links{
	position:relative;
	width:960px;}

#naviG p.newsA a{
	border:1px solid #FF9326;
	font-size:128%;}

#naviG .navigation .nav-links .nav-previous a,
#naviG .navigation .nav-links .nav-next a{
	position:absolute;
	border:1px solid #FF9326;
	font-size:128%;
	padding:20px 40px;}

#naviG .navigation .nav-links .nav-previous a{left:0;}

#naviG .navigation .nav-links .nav-next a{right:0;}
	
#naviG p.newsA{
	position:absolute;
	width:200px;
	height:84px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 24px auto 0;
	text-align:center;
	display:inline-block;
	vertical-align:middle;}

#naviG p.newsA a{padding:16px 40px;}

#naviG p.newsA a:hover{background-color:#FFF4E9;}

#naviG .navigation .nav-links .nav-next a:hover{background:url(../img/news/nexBgHover.gif) right 50% no-repeat #FFF4E9;}
#naviG .navigation .nav-links .nav-previous a:hover{background:url(../img/news/preBgHover.gif) left 50% no-repeat #FFF4E9;}

#facebookComent{
	padding-bottom:40px;
	border-bottom:1px dotted  #FF9326;
	margin-bottom:40px;}

/*************************************/
/* sitemap tag styles                */ 
/*************************************/

#sitemap #cont ul{
	text-align:left;}
	
#sitemap #cont ul li:first-child{border-top:dotted 1px #FF9326;}
    
#sitemap #cont ul.link01 li{
	border-bottom:dotted 1px #FF9326;}

#sitemap #cont ul.link01 li ul{
    margin-top: 20px;}
    
#sitemap #cont ul.link01 li ul li a{
    margin-left:  40px;}

#sitemap #cont ul.link01 li:last-child{
    border: none;}

#sitemap #cont ul.link01 li a{
	padding:20px 0 20px 17px;
    display: block;
    width: 100%;
    height: 100%;
	padding-left:20px;
	background:url(../img/common/footer_list_icon.jpg) no-repeat left 50%;
    color:#333;}

#sitemap #cont ul.link01 li a:hover{
    background-color: #FFF4E9;
}