@charset "utf-8";


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


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

/** フォント **/
html {font-size:62.5%; color:#333;}
.mean-nav li {font-size:100% !important;}


/** /フォント **/

body{background-color:#ffffff; height:auto;   margin:0;  padding:0;  border:none;  text-align:left; 
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" color:#333333;}



/*==============================================*/
/*==============================================*/
/* Header Style */

.bg000{
	width:100%;
	height:300px;
	margin:0;
	padding:0;
	background-color:#000000;
  border-bottom:1px solid #ccc;
	clear:both;
}

#top_logo{
	width:1040px;
	height:200px;
	margin:0 auto;
	background-color:#000000;
	
}

#top_logo h1{
	text-align:center;
	

}
#headinfo{
	width:1040px;
	height:40px;
	margin:0 auto;
	background-color:#000000;
	
}

#left_title{
	height:40px;
	float:left;
}


#left_title h1{
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	height:40px;
	line-height:40px;

}

#right_shopinfo{
	height:40px;
	float:right;
}


#right_shopinfo p{
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	height:40px;
	line-height:40px;
	float:left

}





/***  mainmenu  ***/
#mainmenu{ width:100%; height:60px;  background-color:#111; z-index:3;
  /*border-top:1px solid #333;*/
  
 }

#mainmenubox{ width:1040px;height:60px; margin:0 auto; padding:0; z-index:3; }
#mainmenubox ul{  width:1040px; }
#mainmenubox li{ width:14.2857142857%; text-align:center; float:left; list-style:none; margin:0; padding:0; height:60px; line-height:60px;  background-repeat:no-repeat; background-position:right; border-left:1px solid #222; }
#mainmenubox li a{ color:#fff; padding:0;  height:60px; line-height:60px; font-size:13px; font-weight:bold; text-decoration:none; display:block; }
#mainmenubox li a:hover{ background-color:#eee;  color:#666;  }
#mainmenubox li:last-child{  background-image: none; border-right:1px solid #222; }

#mainmenubox li.infolink{ background-color:#e94609;/*f39801 オレンジ　0096ff青 f30156ピンク*/ }
#mainmenubox li.infolink a{ margin-top:10px; line-height:20px;color:#fff;/*f39801 オレンジ　0096ff青*/ }
#mainmenubox li.infolink a:hover{ margin-top:0px; padding-top:10px; color:#7c6e3f;/*f39801 オレンジ　0096ff青*/ }


/*** / mainmenu  ***/


/*.menu_title{ background-color:#222; color:#FFFFFF; text-align:center; width:100%; line-height:2.0; margin:10px 0;}
*/
li.s_menu{
	position: relative;
}
li.s_menu a{
	 text-decoration:none;
	color:#fff;
}
li.s_menu a:hover{
	color:#fff;
	display:block;
	text-decoration:none;
}

li.s_menu:hover{
	z-index: 10;
	color:#fff;
	background-color:#555;
}
li.s_menu:hover img{
	position: relative;
	z-index: 100;
}
.s_menu_sub_01,.s_menu_sub_02,.s_menu_sub_03,.s_menu_sub_04,.s_menu_sub_05,.s_menu_sub_06{
	position: absolute;
	top:60px;
	width: 1040px;
	height:0px; /*最初非表示　jsにて高さ指定でゆっくり表示*/
	background: #555;
	/*background-image: url(../img/back/servicemenubox.jpg);*/
	padding:9px 30px;
	display: none;
	/*opacity: 0.98;
	filter: alpha(opacity=98);*/
  	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

.s_menu_sub_01{	left:0px; height:200px;}
.s_menu_sub_02{	left:-130px;}
.s_menu_sub_03{	left:-346px; height:100px;}
.s_menu_sub_04{	left:-390px;}
.s_menu_sub_05{	left:-520px;}
.s_menu_sub_06{	left:-650px;}

	li.s_menu:hover .s_menu_sub_01,li.s_menu:hover .s_menu_sub_02,li.s_menu:hover .s_menu_sub_03,li.s_menu:hover .s_menu_sub_04,li.s_menu:hover .s_menu_sub_05,li.s_menu:hover .s_menu_sub_06{
		display: block;
		z-index: 50;
	}

#mainmenubox li.s_menu_01{ display:block; width:225px; height:82px; line-height:82px;  float:left; margin:0 10px 10px 10px; background-color:#FFFFFF; border:1px solid #ddd; overflow:hidden; }
#mainmenubox li.s_menu_01 a{  height:82px; line-height:82px; text-align:left; font-size:18px; color:#333333; }
#mainmenubox li.s_menu_01 a:hover{ background-color:#CCCCCC; }




/*** // servicemenu  ***/
/*********************************************/


/*==============================================*/
@media screen and (min-width : 768px) {
.bg-slider {
	width: 100%;
	height: auto;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	align-items: center;
	justify-content: center;
	padding:100px 0 ;
	/*display: flex;	*/
}

}

.bg-slider p{
    color: #fff;
	font-size: 24px;
	line-height: 3.0;
	font-weight: normal;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}

#fixedBox{
margin-bottom:100px;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/*==============================================*/


/*********************************************/
/*****  contents  ****************************/
/*********************************************/




/*******　bg_1920  ********************/
.bg_index_01{ background:url(../img/index/bg_01.jpg) no-repeat center top ; background-size: cover; }
.bg_index_02{ background:url(../img/index/bg_02.jpg) no-repeat center top ; background-size: cover; }
.bg_index_03{ background:url(../img/index/bg_03.jpg) no-repeat center top ; background-size: cover; }
.bg_index_04{ background:url(../img/index/bg_04.jpg) no-repeat center top ; background-size: cover; }
.bg_index_05{ background:url(../img/index/bg_05.jpg) no-repeat center top ; background-size: cover; }
.bg_index_06{ background:url(../img/index/bg_06.jpg) no-repeat center top ; background-size: cover; }


.bg_index_07{ background:url(../img/index/bg_07.jpg) no-repeat bottom ; background-size: cover; }
@media screen and (min-width : 1200px) and (max-width : 1500px) {
.bg_index_07{ background:url(../img/index/bg_07_1400.jpg) no-repeat bottom ; background-size: cover; }}
@media screen and (min-width : 781px) and (max-width : 1199px) {
.bg_index_07{ background:url(../img/index/bg_07_1140.jpg) no-repeat center bottom ; background-size: cover; }}
@media screen and (min-width : 240px) and (max-width : 780px) {
.bg_index_07{ background:none; }}



.bg_index_08{ background:url(../img/index/bg_08.jpg) no-repeat bottom ; background-size: cover; }
@media screen and (min-width : 1200px) and (max-width : 1500px) {
.bg_index_08{ background:url(../img/index/bg_08_1400.jpg) no-repeat bottom ; background-size: cover; }}

@media screen and (min-width : 240px) and (max-width : 780px) {
.bg_index_08{ background:none; }}


.bg_index_09{ background:url(../img/index/bg_09.jpg) no-repeat center top ; background-size: cover; }


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


/*======== コンテンツ　==========================*/
 
.contents{ 
  display:block;
  width:100%;
  padding-top:0;
  padding-bottom:0;
  border-bottom:1px solid #ccc;

}

.contentsInner{ 
  max-width:1040px;
  margin:0 auto;
  padding-top:20px;
  padding-bottom:20px;
  /*overflow: hidden;*/
  transition: .8s;
}
 
.contents h2{ 
  width:100%;
  color:#fff;
  font-size:40px;
  padding-top:86px;
  padding-bottom:86px;
  font-weight: normal;
  letter-spacing:0;
  text-align:center;
 font-family: "Sawarabi Mincho";
}
 

.contentsInner h2{ 
  line-height:1.4;
  font-size:40px;
  background: none;
  padding-top:20px;
  padding-bottom:20px;
  font-weight: normal;
  letter-spacing:0;
  text-align:center;
  color:#333;
 font-family: "Sawarabi Mincho";
}

.contentsInner h3{ 
  line-height:1.6;
  width:auto;
  font-size:30px; font-size:3.0rem;
  background: none;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:-15px;
  padding-left:15px;
  /*border-left:5px solid #333;*/
  font-weight: bold;
  color:#333;
  font-family: "Sawarabi Mincho";
}

.contents p,.contentsInner p{font-size:16px; font-size:1.6rem; line-height:2.0; color:#333;/*googlefonts.*/}

/*==============================================*/






/***** textbox ************************************************************************************************/

 
.textbox_000{  margin:0; padding:0; background-color:#000; color:#fff; clear:both; }
.textbox_000 a{ text-decoration:none ;}
.textbox_000 h2, .textbox_000 h3, .textbox_000 p{ border:none !important; color:#fff;  }
 
.textbox_000_02{  margin:0; padding:20px; background-color:#000; color:#fff; clear:both; }
.textbox_000_02 a{ text-decoration:none ;}
.textbox_000_02 h2, .textbox_000_02 h3, .textbox_000_02 p{ border:none !important; color:#fff; }



/*******************footer************************************************************************************/
.fbbox{ width:360px; float:left;}
.instabox{  width:280px; margin-left:60px; float:right;}
.twbox{  width:280px; float:right;}

/*******************footer************************************************************************************/