@charset "UTF-8";

.flex {

	display: flex;
	justify-content: center;
}
.sawarabi { font-family: "Sawarabi Mincho" !important; }

.floatBtn {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 3;
background: rgb(2 134 0 / 90%);
color: #fff;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
transition: 0.4s;
border: 3px solid rgba(255, 255, 255, 0.75);
}

.floatBtn a span {
	font-size: 300%;
}

.floatBtn a {
	color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    justify-content: center;
    font-size: 90%;


}

.floatBtn a {
color: #fff;
}


.floatBtn a:hover,
.floatBtn a:active,
.floatBtn a:hover
{
	color: #fff;
}

.floatBtn span {
color: #fff;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

* {
	color:#333;
	font-size:16px;
}
a {
	text-decoration:none;
}

#header a:hover{
	opacity:0.8;
}


body {
}
.f_l {
	float:left;
}
.f_r {
	float:right;
}

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

img{
max-width:100%;
vertical-align:bottom;
}

.comm_mb40{
margin:0 0 40px 0 !important;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb15 a{
text-decoration:underline;
}

#header #logo {
    padding: 15px 0;
}



@media screen and (max-width: 767px) {
	.floatBtn {

		width: 120px;
		height: 100px;

		}
.header_top{
position:relative;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.cv_back{
border-radius:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeda7b+0,ce9f1d+41,fdf9cc+79,feeea0+99 */
background: #eeda7b; /* Old browsers */
background: -moz-linear-gradient(top, #eeda7b 0%, #ce9f1d 41%, #fdf9cc 79%, #feeea0 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeda7b 0%,#ce9f1d 41%,#fdf9cc 79%,#feeea0 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeda7b 0%,#ce9f1d 41%,#fdf9cc 79%,#feeea0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeda7b', endColorstr='#feeea0',GradientType=0 ); /* IE6-9 */
padding:6px;
box-sizing:border-box;
width:100% !important;
margin:0 auto 30px auto !important;
float:none !important;
}

.cv_contens{
background:#000;
border-radius:10px;
box-sizing:border-box;
padding:10px 0 10px 0;
text-align:center;
}

.cv_title{
background:#5c1919;
color:#fed100;
font-size:1.4rem;
text-shadow: 1px 1px 4px rgba(216, 214, 171, 0.5);
text-align:center;
padding:12px 5px 12px 5px;
box-sizing:border-box;
position:relative;
}


.cv_text_wrap{
background:#282222;
padding:10px 5px 10px 5px;
box-sizing:border-box;
}

.cv_text{
margin:0 auto 0 auto;
border-bottom:1px solid #201919;
padding:0 5px 10px 5px;
color:#fff !important;
font-size:85%;
text-align:left;
box-sizing:border-box;
}

.cv_text_bottom{
border-top:1px solid #383232;
margin-bottom:15px;
}

.cv_btn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdf9cc+1,eeda7b+34,ce9f1d+60,eeda7b+100 */
background: #fdf9cc; /* Old browsers */
background: -moz-linear-gradient(top, #fdf9cc 1%, #eeda7b 34%, #ce9f1d 60%, #eeda7b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdf9cc 1%,#eeda7b 34%,#ce9f1d 60%,#eeda7b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdf9cc 1%,#eeda7b 34%,#ce9f1d 60%,#eeda7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9cc', endColorstr='#eeda7b',GradientType=0 ); /* IE6-9 */
width:95%;
margin:0 auto 0 auto;
text-align:center;
color:#000;
font-size:105%;
font-weight:800;
border-radius:18px;
border:2px solid #c8b173;
}

.cv_btn a{
display:block;
width:100%;
padding:10px;
text-align:center;
box-sizing:broder-box;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.37);
color:#000;
border-radius:18px;
}


.technology_contents{
background:#f9f9f9;
box-sizing:border-box;
padding:10px;
margin:0 auto 30px auto;
}

.technology_contents table{
border:0;
margin:0;
}

.technology_contents td{
border:0;
margin:0;
}

.technology_contents img{
border:1px solid #ddd;
}


.technorogy_gunma_left{
width:44%;
float:left;
margin-right:2%;
}

.technorogy_gunma_right{
width:54%;
float:right;
}

.technorogy_gunma_right_contents{
width:47%;
margin:0 1.5% 0 1.5%;
float:left;
}

#footer_wrapper{
background:#000;
}

.u_copyright {
    text-align: center;
    padding: 20px 0 20px 0;
}

.technology_td20{
width:100%;
display:block;
text-align:center;
padding-bottom:2%;
}

.technology_td70{
width:100%;
display:block;
}

.factory_bottom_left{
width:100% !important;
margin:0 auto 30px auto;
text-align:center;
}

.factory_bottom_right{
width:100% !important;
margin:0 auto 2% auto;
text-align:center;
}

.factory_bottom_left img{
margin-bottom:10px;
}

.factory_bottom_right img{
margin-bottom:10px;
}

.technology_contents{
background:#f9f9f9;
box-sizing:border-box;
padding:10px;
margin:0 auto 30px auto;
}

.technology_contents table{
border:0;
margin:0;
}

.technology_contents td{
border:0;
margin:0;
}

.technology_contents img{
border:1px solid #ddd;
}


.technology_left{
width:50%;
text-align:center;
margin:0 auto 2% auto;
background:#fff;
border:1px solid #ddd;
box-sizing:border-box;
text-align:center;
}

.technology_right{
width:100%;
}

.br-sp { display:none; }

.hairline_guard{
float:left;
width:35%;
}

.hairline_guard_right{
float:right;
width:58%;
}

.top_bottom_topics_blog_wrapper{
width:100%;
margin:0 auto 25px auto;
}

.top_bottom_facebook_wrapper{
width:100%;
margin:0 auto 25px auto;
}


	#footer_banner_area table{
		/*display:none !important;*/
	}

	.body.color03 #header{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+0,1b1b1b+100 */
	background: #454545; /* Old browsers */
	background: -moz-linear-gradient(top,  #454545 0%, #1b1b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #454545 0%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #454545 0%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

	}
	#header-right{
	display:none;
	}

#fv {
    height: 100% !important;

    background: url(../images/bg_fv.gif) repeat-x;
}

#fv_inner {
    height: 0px !important;
    width:100%;
    margin: 0 auto;
padding-top:40.1%;
    background: url(../images/fv_sp.jpg) no-repeat;
    position: relative;
}



	ul.sub-menu{display:block !important;
	padding:0 !important;
	}

	#header-nav-btn {
		display: block;
		width: auto;
		margin: 0;
		line-height: 92px;
		float: none;
	}
	.sub-menu li{
	border-bottom:2px dotted #333;
	}
	#sp_menu{display:block !important;} 
	#header-nav-btn{display:none;}

	.top_concept_left {
		width: 60% !important;
		margin:0 auto 15px auto;
		float:none !important;
	text-align:center;
	}

	.top_concept_right {
		width:100% !important;
		float:none !important;
	}

	.top_about_tab_left {
		width:100% !important;
		float:none !important;
		margin-bottom: 2%;
		display:none;
	}

	.top_about_tab_right {
    width:100% !important;
    float:none !important;
    margin-bottom: 2%;
	display:none;
	}

	.top_about_tab_bottom {
    width:100% !important;
    float:none !important;
    margin-bottom: 2% !important;
	display:none;
	}

	.top_about_sp_left {
    width:100% !important;
    float:none !important;
    margin-bottom: 2%;
	display:block !important;
	}

	.top_about_sp_right {
    width:100% !important;
    float:none !important;
    margin-bottom: 2%;
	display:block !important;
	}

	.top_about_sp_bottom {
		width:100% !important;
		float:none !important;
		margin-bottom: 2% !important;
		display:block !important;
	}

	.top_about_sp_left img{width:100%;}
	.top_about_sp_right img{width:100%;}
	.top_about_sp_bottom img{width:100%;}

	#top_bottom_contents_left {
    width:100% !important;
    float:none !important;
		margin:0 0 4% 0;
	}

	#top_bottom_contents_right {
    width:100% !important;
    float:none !important;
	}

	.top_bottom_comm_banner {
    width:100% !important;
    float:none !important;
	margin:0 0 4% 0;
	}

	.top_bottom_comm_banner_right {
    width:100% !important;
    float:none !important;
	margin:0 0 6% 0;
	}

	#top_bottom_info {
    margin:35px  auto 0 auto !important;
	}

	#top_bottom_contents img{
	width:100%;
	}

#top_bottom_youtube {
    margin:0  auto 35px auto !important;
	}


	.fv_bottom_button {
    float:none !important;
    width: 100% !important;
background: url(../images/fv_bottom_navi_back.jpg);
-moz-background-size:contain;
background-size:contain;
	}

	.fv_bottom_button_right {
    float:none !important;
    width: 100% !important;
background: url(../images/fv_bottom_navi_back.jpg);
-moz-background-size:contain;
background-size:contain;
	}

	#header_top {
    background: #000;
    padding: 5px 12px 5px 12px !important;
    color: #cccccc;
    box-sizing: border-box;
	}

	#header_top_contents_right a{
    float:none !important;
    font-size:110% !important;
	margin-top:10px !important;
	width:100%;
	display:block;
	text-align:center;
	}

	#header_top_contents_right{
	padding:3% 0 3% 0!important;
	width:100%;
	display:block;
	}

	.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px !important;
		color: #fff;
	}

.pagetop a:link{
color:#fff !important;
}

.pagetop a:visited{
color:#fff !important;
}

	.sp_top_bannerimage_box{
	display:block;
	}

	.topicks_wrapper{
	width:100% !important;
	box-sizing:border-box;
	padding:5px 10px 5px 0;
	overflow-x:hidden;
	overflow-y:auto;
		font-size:90%;
		border:none;
	}

	.topicks_wrapper th{
	width:100% !important;
	padding:5px 0 5px 0;
	box-sizing:border-box;
	vertical-align:top;
	line-height:120%;
	
	}

	.topicks_wrapper td{
	width:100% !important;
	padding:5px 0 10px 0;
	box-sizing:border-box;
	vertical-align:top;
	line-height:120%;
	}

	.topicks_wrapper a{
	color:#333;
	}

	.topicks_wrapper a:hover{
	text-decoration:underline;
	color:#666;
	}

	#content {
	    /*padding:0;*/
	}

	.menu-footer-01-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}

	.menu-footer-02-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}

	.menu-footer-03-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}

	.menu-footer-04-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}

	.menu-footer-05-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}

	.menu-footer-06-container{
	width:100% !important;
	float:none !important;
	margin:0 !important;
	}
	

	
	div#footer-content-area .sub-menu a {
    border-left: none !important;
    padding:10px !important;
    margin:0 !important;
    display: block;
    font-size:100%;
    line-height: 150%;
	width:100%;
	background:none !important;

	}

	.sub-menu li{
	border-bottom: 1px dotted #333;
	margin:0;
	}

	.footer-01 a{
	border-left:5px solid #e20000;
	padding:10px !important;
	margin:15px 0 0 0 !important;
	display:block;
	box-sizing:border-box;
	background:#222;
	}

	.footer-menu-01 a:after,
	.footer-menu-02 a:after,
	.footer-menu-03 a:after,
	.footer-menu-04 a:after,
	.footer-menu-05 a:after,
	.footer-menu-06 a:after
	{
	font-family: FontAwesome;
	padding-left:5px;
	content:"\f054";
	float:right;
	}

	.footer-menu-01 .sub-menu li a:after,
	.footer-menu-02 .sub-menu li a:after,
	.footer-menu-03 .sub-menu li a:after,
	.footer-menu-04 .sub-menu li a:after,
	.footer-menu-05 .sub-menu li a:after,
	.footer-menu-06 .sub-menu li a:after
	{
	font-family: FontAwesome;
	padding-left:5px;
	content:"\f105";
	float:right;
	padding:0 3px 0 0;
	}



	.footer-list-area .sub-menu li a:after {
	font-family: FontAwesome;
	padding-left:5px;
	content:"\f105";
	float:right;
	color:#ff0000;
	}



	.footer_sp_copy{
	width:50%;
	margin:0 auto 20px auto;
	text-align:center;
	display:block !important;
	}

	.sub-menu a:before{
	    content:" ";
	}

	.footer_banner_left{
		width:49%;
		margin:0 0 2% 0;
		float:left;
		display:block !important;
	padding:0 !important;
		}

	.footer_banner_right{
		width:49%;
		margin:0 0 2% 0;
		float:right;
		display:block !important;
	padding:0 !important;
		}

	.footer_banner_center{
		width:49%;
		margin:0 auto 6% auto;
		display:block !important;
	padding:0 !important;
	}

	.footer_banner_left img{width:100%;}

	.footer_banner_right img{width:100%;}

	.footer_banner_center img{width:100%;}

	.footer_banner_left a{
	display:block !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	}

	.footer_banner_right a{
	display:block !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	}

	.footer_banner_center a{
	display:block !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	}

.top_middle_banner_area{
display:none;
}

}


@media screen and (min-width: 981px) {
 .cv_title_ab{
position:absolute;
top:25%;
margin:auto;
left:5%;
right:5%;
color: #fed100;
}
}


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

.cv_back {
    padding: 6px;
    box-sizing: border-box;
    width: 32.33%;
    margin: 0 0.5% 2% 0.5%;
    float: left;

}

.cv_title{
background:#5c1919;
color:#fed100;
font-size:110% !important;
text-shadow: 1px 1px 4px rgba(216, 214, 171, 0.5);
text-align:center;
padding:5px;
box-sizing:border-box;
line-height:1.2 !important;
min-height: 65px !important;
position:relative;
}

.cv_title_ab{
position:absolute;
top:25%;
margin:auto;
left:5%;
right:5%;
color: #fed100;
}


.cv_text_wrap{
background:#282222;
padding:10px 5px 10px 5px;
box-sizing:border-box;
}

.cv_text{
margin:0 auto 0 auto;
border-bottom:1px solid #201919;
padding-bottom:10px;
color:#fff !important;
font-size:75% !important;
text-align:center;
line-height:130% !important;
}


	.cv2 {
	display:none;
	width:100%;
	position:fixed;
	top:0;
	background:#222;
	z-index:9999;
	border-top:2px solid #e4e4e4;
box-shadow: 0 3px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	}

.cv_inner {
width:97%;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
/*
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
*/
}

.cv_inner_top {
width:1000px;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}


.cv_inner_txt {
width:100%;
margin:0 auto 5px auto;
text-align:center;
font-weight:bold;
}
.cv_inner_btn {
width:88%;
margin:0 auto 0 auto;
}

.cv_fl_b{
float:left;
width:49%;
padding-top:10px;
}

.cv_fl_frame{
float:right;
width:49%;
text-align:right;
}


#comm_wrapper{
max-width:1000px;
margin:0 auto 60px auto;
}

.comm_contents_wrap{
box-sizing:border-box;
padding:0 15px 0 15px;
}

#movie_wrap_left{
 width:32%;
 float:left;
 margin-right:2%;
}

#movie_wrap_right{
 width:32%;
 float:right;
}

iframe {
    width: 100%;
    height: auto;
    border: #333 solid 10px;
/*
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
*/
}

.factory_top_left{
width:28%;
float:left;
margin:0 4% 2% 0;
text-align:center;
}

.factory_top_right{
width:68%;
float:left;
margin:0 0 2% 0;
}

.factory_top_right p{
padding-top:5%;
margin:0 0 20px 0;
}

.factory_bottom_left{
width:48%;
float:left;
}

.factory_bottom_right{
width:48%;
float:right;
}


.technology_contents{
background:#f9f9f9;
box-sizing:border-box;
padding:10px;
margin:0 auto 30px auto;
}

.technology_contents table{
border:0;
margin:0;
}

.technology_contents td{
border:0;
margin:0;
}

.technology_contents img{
border:1px solid #ddd;
}


#fv_catch h1{
    font-size: 95%;
margin:0 !important;
    clear: both;
color:#fff !important;
line-height:1.2;
}

.fv_text_bottom{
position:absolute;
top:85%;
left:0;
right:0;
line-height:130%;
width:100%;
max-width:1000px;
margin:0 auto 0 auto;
padding: 5px 0 0 0;
}

.fv_text_bottom_left{
width:27%;
float:left;
text-align:left;
color:#fff;
font-size:115%;
margin-left:7%;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);
line-height:1.2;
}

.fv_text_bottom_left_w{
width:30%;
float:left;
text-align:left;
color:#fff;
font-size:115%;
margin-left:0.5%;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);
line-height:1.2;
}


	 body.home .wrap{
	 width:100%;
    margin: 0;
	 }
	 
 body{
	background:none;
	}

#fv {
height:100% !important;
background:url(../images/bg_fv.gif) repeat-x;
}
#fv_inner {
height:0px !important;
width:100%;
padding-top:40%;
margin:0 auto;
background:url(../images/fv.jpg) no-repeat;
position:relative;
-moz-background-size:contain;
background-size:contain;
}

#fv_catch {
position:absolute;
top:10%;
left:51%;
font-size:22px;
color:#d7d8dc;
letter-spacing:0.5px;
}

#fv_catch span {
color:#f1c93a;
}


  
#header-nav-btn {
    display: block;
    width: 100%;
    line-height: 92px;
    float: right;
}  

#gnav-sp #header-cont-content h4, #gnav-sp #header-cont-about h4, #gnav-sp #header-cont-sns h4 {
    font-weight: bold;
    margin-bottom: 16px;
	padding-bottom:5px;
}

#header-cont-content{
	margin-bottom:10px;
	border-bottom:1px solid #999;
	}

  
#header_top{
	background:#000;
	padding:5px 24px 5px 24px;
	color:#cccccc;
	box-sizing:border-box;
	}

#header_top h1{padding:2px 0 0 0;font-size:75%;}

#header_top_contents{max-width:1000px;
margin:0 auto 0 auto;}

#header_top_contents_left{
float:left;
	font-size:80%;
color:#ccc;
line-height:1.2;
	}

#header_top_contents_right{
	float:right;
	font-size:90%;
	}  
  
  
  #aboutmsmh_wrapper{
	  width:97%;
	  
	  }
#header #logo{
	float:none;
    font-size: 24px;
    padding:0 0 10px 0;
	margin:0 auto 0 auto;
	}	  
	  
	  
 #header_contents_wrapper {
    width: 100%;
    margin: 0 auto 0 auto;
    background: url(../images/logo_header_back.png);
	box-sizing:border-box;
	padding:0 12px 0 12px;
	text-align:center;

}

#header_contents{
	width:100%;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	}

#fv_bottom_navi_wrapper {
    width: 100%;
}

#fv_bottom_navi_contents {
    width:100%;
    margin: 0 auto 0 auto;
padding:0;
box-sizing:border-box;
background:#000;
}

#top_concept_wrapper {
    background: #e8e8e8;
    padding: 24px 0 24px 0;
    width: 100%;
    margin:0 auto 40px auto;
}
.fv_bottom_button{
	float:left;
	width:33.3%;
	}

.fv_bottom_button_right{
	float:right;
	width:33.4%;
	}
	
.top_smh_button_center{
text-align:center;
}

#top_concept_contents{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 12px 0 12px;
	box-sizing:border-box;
	}

.top_concept_left{
	width:25%;
	float:left;
		}

.top_concept_right{
	width:75%;
	float:right;
		}
		
.top_concept_title{
	font-size:120%;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	font-weight:bold;
	color:#333;
	}
 
.top_about_title{
	font-size:130%;
	padding:0 0 5px 0;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
	margin-top:20px;
	color:#333;
	text-align:center;
	}

.top_about_left{
	width:49%;
float:left;
margin-right:0.5%;
margin-left:0.5%;
margin-bottom:2%;
	}

.top_about_right{
	width:49%;
margin:0 auto 2% auto;
	}

.top_about_smh th {
    font-size: 50px;
    color: #bbb;
    padding: 0 1.5% 0 2.5% !important;
    box-sizing: border-box;
    width:12% !important;
    font-weight: normal;
line-height:100%;

}

.top_about_smh td{
font-size:115%;
line-height:130%;
padding:2% 0 2% 0 !important;
height:60px;
width: 88.5% !important;
}

#header_top_contents_right a:before {
    font-family: FontAwesome;
    content: "\f0ac";
    padding: 0 3px 0 0;
}

.top_about_smh table{
width:100%;
background:#fff;
padding:2% 0 2% 0;
}

.top_about_bottom{
background:#888;
color:#fff !important;

font-size:80%;
text-align:center;
}

.top_about_bottom a{
color:#fff !important;
display:block;
width:100%;
padding:4px;
}

.top_about_bottom a:hover{
color:#999;
background:#000;
}

.top_about_tab_left{
	width:49%;
	float:left;
	margin-bottom:2%;
	} 

.top_about_tab_right{
	width:49%;
	float:right;
	margin-bottom:2%;
	} 

.top_about_tab_bottom{
	width:49%;
	margin:0 auto 0 auto;

	} 

.top_about_sp_left {
   display:none;
}

.top_about_sp_right {
   display:none;
}

.top_about_sp_bottom {
   display:none;
}

#top_bottom_wrapper{
	background:#fff;
	padding:24px 0 24px 0;
	}

#top_bottom_contents{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 12px 0 12px;
	}

#top_bottom_contents_left{
	width:60%;
	float:left;
	}

#top_bottom_contents_right{
	width:34%;
	float:right;
	}

.top_bottom_title{
	border-left:5px solid #e20000;
	padding:0 0 0 10px;
	color:#000;
	font-size:105%;
	margin-bottom:5px;
	line-height:110%;
	}

.top_bottom_commcontents{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:20px;
	}

.top_bottom_comm_banner{
	width:49%;
	float:left;
	}

.top_bottom_comm_banner_right{
	width:49%;
	float:right;
	}
#top_bottom_info{
	margin:30px auto 0 auto;
	}

#top_bottom_youtube{
	margin:0 auto 30px auto;
	}

.top_info_text{
	text-align:left;
	margin:5px 0 0 0;
	font-size:80%;
	}

.topicks_wrapper{
	width:100% !important;
	box-sizing:border-box;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
		font-size:90%;
		border:none;
		padding:0 10px 0 0;

	}

.topicks_wrapper table{width:100%;}

.topicks_wrapper th{
	width:30%;
	padding:0;
	box-sizing:border-box;
	vertical-align:top;
	line-height:120%;
	
	}

.topicks_wrapper td{
	width:70%;
	padding:0 0 20px 5px;
	box-sizing:border-box;
	vertical-align:top;
	line-height:120%;
	}

.topicks_wrapper a{
	color:#333;
	}

.topicks_wrapper a:hover{
	text-decoration:underline;
	color:#666;
	}

#top_sns_banner_wrapper{
	border-top:1px solid #4e4e4e;
	padding:25px 0 25px 0;
	background:#fff;
	}
	
#top_security_banner{
	width:60%;
	margin:0 auto 0 auto;
	}

#top_security_banner_left{
	max-width:1000px;
	text-align:center;
	}


body.color03 #footer-brand-area{
	display:none;}
 
 #footer-content-area h4{
	border-left:5px solid #e20000;
	padding:0 0 0 10px;
	}

#footer {width:100%;
padding:0 12px 0 12px;
margin:0 auto 0 auto;
box-sizing:border-box;
}

#footer .row{
margin:0 auto 0 auto;
padding:10px 0 0 0;
margin:0;
	}

.gr6{width:100%;}

.gr4{width:16.6%;}

#footer .row .gr1, #footer .row .gr2, #footer .row .gr3, #footer .row .gr4, #footer .row .gr5, #footer .row .gr6, #footer .row .gr7, #footer .row .gr8, #footer .row .gr9, #footer .row .gr10, #footer .row .gr11, #footer .row .gr12{ padding-left: 0px;
padding-right: 0px;}

#footer-content-area #footer-cont-content li a{
	padding: 8px 12px 5px 14px;
	}

#footer_banner_area{
	width:100%;
	margin:3% auto 3% auto;
	}

#footer_banner_area table{
	 margin-right : auto;
 margin-left : auto;
 margin-bottom:15px;
	}

#footer_banner_area td{
	padding:0px;
	}

#footer_banner_area a{
	border-left:none !important;
text-align:center;
background:none;
	}



body.color03 #footer{
	background:#000;
	}

body.color03 .footer-02{
	background:#000;
	}

body.color03 .footer-01{
	background:#000;
	}

body.color03 #footer-brand-area{
	display:none;}
.footer-01{
	padding:0;
	background:#000;
	}

.pt35{
	padding-top:35px;}
	
body.color03 .footer-02{
	display:none;}


body.color03 #footer{border-top: 8px solid #000;}

#footer .wrap{
	    padding:0;
		margin:0;
	}

 #header .wrap{
	width:100%;
    margin: 0 auto 0 auto;
	 }
#sp_menu{display:none;} 

.footer-logo{display:none;}

#footer-brand-area{border-bottom:none;}

#footer{background: #031731;} 

#footer-content-area #footer-cont-about li, #footer-content-area #footer-cont-content li{
	float:left;
	} 
#gnav{display:block;

    background:none;
    margin: 0 auto 0 auto;
    float:none;
    text-align:left;

}

.gnav-container{
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+17,1b1b1b+100 */
background: #454545; /* Old browsers */
background: -moz-linear-gradient(top,  #454545 17%, #1b1b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #454545 17%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #454545 17%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	}

#header-fnav-area, #header-gnav-area{
    float:none;
	}

#header-right{
	float:none;
	width:100%;
	}

#gnav-container{
	width:100%;
	}
 
 #gnav ul li {
    display: inline-block;
    position: relative;

}

#header-right #gnav-ul li {
    font-size:90%;
	box-sizing:border-box;

}

#gnav ul li a {
   background:none;
}
 
 #header-nav-btn{display:none;}
 
 .sp_top_bannerimage_box{
	display:block;
	}

.top_bannerimage_box{
   display:none;
	}

.top_moviebox_sp{
	display:block !important;
	}



#footer {
    color: #fff;
    border-top:none;
	background: #000;
}

.footer-02 {
    display:none;
}
 
 #footer_banner_area table{
	 }
	
.topicks_wrapper{
	padding:0 10px 0 0;
	margin-bottom:10px;
	display:block;
	}

.sub-menu{
	}

#gnav .sub-menu a{
line-height:130%;
font-size:92%;
	}


.menu-footer-01-container{
	width:15%;
	float:left;
	margin-right:2%;
	}

.menu-footer-02-container{
	width:23.5%;
	float:left;
	margin-right:2%;
	}

.menu-footer-03-container{
	width:23.5%;
	float:left;
	margin-right:2%;
	}

.menu-footer-04-container{
	width:15%;
	float:left;
	margin-right:2%;
	}

.menu-footer-05-container{
	width:15%;
	float:left;
	}

.menu-footer-06-container{
	width:15%;
	float:right;
	}


#footer_banner_area a{
	border-left:none !important;
	}

#top_archive_wrapper{
	margin:10px 0 0 0;
	text-align:right;
	padding:0 15px 0 0;
	}

#top_archive_wrapper a{
	color:#333;
	}

#top_archive_wrapper a:hover{
	color:#666;
	text-decoration:underline;
	}

.top_bottom_topics{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:25px;
	}

.top_bottom_topics_blog{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:25px;
width:100%;
float:left;
	}


#gnav .sub-menu{}

div#footer-content-area .sub-menu{
	display:block !important;
	margin-bottom:20px;
	}

div#footer-content-area .sub-menu a{
	border-left:none !important;
	padding:0 0 0 15px;
	margin-bottom:10px;
	display:block;
	font-size:100%;
	line-height:150%;
	}
	
div#footer-content-area .sub-menu a:before{
    content:"-";
    top: 7px;
    left: 0;
	padding-right:5px;
}	
	
#content {
    /*padding:0;*/
}

.footer_sp_copy{display:none;}

#gnav ul li.current-menu-item a{
	background:#333;
	}

#gnav ul li.current-menu-item a:hover{
	background:#555;
	}

#gnav ul li a:hover{
	background:#555;
	}

.footer_banner_left{
	width:49%;
	margin:0 0 2% 0;
	float:left;
	display:none;
	}

.footer_banner_right{
	width:49%;
	margin:0 0 2% 0;
	float:right;
	display:none;
	}

.footer_banner_center{
	width:49%;
	margin:0 auto 6% auto;
	display:none;
	}
 
 .footer-01 a{
	border-left:5px solid #e20000;
	padding:0 0 0 10px;
	margin:8px 0 10px 0;
	display:block;
	box-sizing:border-box;
	border-right:none;
	border-bottom:none;
	border-top:none;
	line-height:100%;
	}
 
 .top_moviebox {
  position: relative;
  width: 100%;
    margin-bottom:15px;
	padding-bottom:15px
}

.top_moviebox iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

 #gnav ul li a:hover{
background:#666;
}

#gnav ul li:hover a{background:#666;}

#gnav ul li .sub-menu li a:hover{
background:#fdfdfd;
}

#gnav ul li .sub-menu{
	width:250px;

	}



 }


/*
  PC

*/

@media screen and (max-width: 1200px)
 {
	 body.home .wrap{
	 width: auto;
    margin: 0;
	 }
 
 
 }

@media screen and (min-width: 981px) {

.cv_fl_b{
float:left;
width:49%;
padding-top:10px;
}

.cv_fl_frame{
float:right;
width:49%;
text-align:right;
}

	.cv2 {
	display:none;
	width:100%;
	position:fixed;
	top:0;
	background:#2c2c2c;
	z-index:9999;
	border-top:2px solid #e4e4e4;
box-shadow: 0 3px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	}

.cv_inner {
max-width:1000px;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
/*
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
*/
}

.cv_inner_top {
width:1000px;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}


.cv_inner_txt {
width:100%;
margin:0 auto 5px auto;
text-align:center;
font-weight:bold;
}
.cv_inner_btn {
width:88%;
margin:0 auto 0 auto;
}


#fv {
height:498px !important;
background:url(../images/bg_fv.gif) repeat-x;
}
#fv_inner {
height:498px !important;
max-width:1240px;
margin:0 auto;
background:url(../images/fv.jpg) no-repeat;
position:relative;
}

#fv_catch {
position:absolute;
top:74px;
left:710px;
font-size:22px;
color:#d7d8dc;
letter-spacing:0.5px;
}

#fv_catch h1{
font-size:22px !important;
color: #f3f3f3 !important;
}

#fv_catch span {
color:#f1c93a;
}

	body{
	/*background:none;*/
	}

	body.home .wrap{
	width:100%;
	}

	#header_top{
	background:#000;
	padding:5px 0 5px 0;
	color:#cccccc;
	}

	#header_top_contents{max-width:1000px;
	margin:0 auto 0 auto;}

	#header_top_contents_left{
	float:left;
	font-size:80%;
color:#ccc;
	}

	#header_top_contents_right {
	float:right;
	font-size:90%;
	}


	#header_top_contents_right a:before {
	font-family:FontAwesome;
	content:"\f0ac";
	padding:0 3px 0 0;
	}
	#header_top_contents_right a {
	color:#ccc !important;
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;

	}
	#header_top_contents_right a:hover {
	text-shadow:0 0 20px #fff,0 0 20px #fff,0 0 1px #fff;
	color:#fff !important;

	}


	#header_top_contents_right a:link{color:#fff;}

	#header_top_contents_right a:visited{color:#fff;}

	#header_top_contents_right a:hover{color:#666;}

	#header_top h1{
	padding:2px 0 0 0;
	font-size:75%;}

	#header_contents_wrapper{
	width:100%;
	margin:0 auto 0 auto;
	background:url(../images/logo_header_back.png);
	}

	#header_contents{
	max-width:1000px;
	margin:0 auto 0 auto;
	}

	#header_navi_contents_wrapper{
	width:100%;
	margin:0 auto 0 auto;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+17,1b1b1b+100 */
	background: #454545; /* Old browsers */
	background: -moz-linear-gradient(top,  #454545 17%, #1b1b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #454545 17%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #454545 17%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	}

	#header_navi_contents{
	max-width:1000px;
	margin:0 auto 0 auto;
	}

	.body.color03 #header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+0,1b1b1b+100 */
	background: #454545; /* Old browsers */
	background: -moz-linear-gradient(top,  #454545 0%, #1b1b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #454545 0%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #454545 0%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

	}

	body.color03 #gnav{
	background:none;

	}	

	#header-right{
	float:none;
	width:100%;
	height:100%;
	}

	#header #logo{
	float:left;
	width:50%;
	padding: 15px 0 15px 0;
	}

	#header #banner{
	float:right;
	width:40.6%;
	padding-top:10px;
	}

#header_banner_left{
width:30%;
float:left;
}

#header_banner_right{
width:68%;
float:right;
}

#header_banner_left_img{
}

#header_banner_right_img{
}

#header_banner_left_img_sp{
display:none !important;
}

#header_banner_right_img_sp{
display:none !important;
}

	#header-fnav-area, #header-gnav-area{
	float:none;
	}
	#gnav{
	float:none;
    text-align:left;
	    background:none;
	}

	#gnav ul li a{
	padding:6px 15px;
	background:none;
	min-width:80px;
line-height:28px;
	}



	body.color03 #gnav ul li a{
	background:none;
	}
	#header-right #gnav-ul li{
	font-size: 90%;
	}

#fv_inner {
    height: 498px !important;
    max-width: 1240px;
    margin: 0 auto;
    background: url(../images/fv.jpg) no-repeat;
    position: relative;
}

	#fv_bottom_navi_wrapper{
	width:100%;
	background:url(../images/fv_bottom_navi_back.jpg);
-moz-background-size:contain;
background-size:contain;
	}
	#fv_bottom_navi_contents{
	max-width:1000px;
	margin:0 auto 0 auto;
	}

#fv_bottom_text_contents {
    max-width: 1000px;
    margin: 0 auto 0 auto;
}

.fv_bottom_text_button{
	float:left;
width:30%;
text-align:center;
	}

	.fv_bottom_button{
	float:left;
width:30%;
text-align:center;
	}

	.fv_bottom_button_right{
	float:right;
	padding-right:60px;
width:40%;
text-align:right;
	}

	#top_concept_wrapper{
	background:#e8e8e8;
	padding:45px 0 25px 0;
	width:100%;
margin:0 auto 60px auto;
	}

	#top_concept_contents{
	max-width:1000px;
	margin:0 auto 0 auto;
	}

	.top_concept_left{
	width:25%;
	float:left;
		}

	.top_concept_right{
	width:75%;
	float:right;
		}
	
	.top_concept_title{
	font-size:170%;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	color:#333;
	}

	.top_about_title{
	font-size:200%;
	padding:0 0 5px 0;
	border-bottom:1px solid #cccccc;
	margin-bottom:30px;
	margin-top:30px;
	color:#333;
letter-spacing:1px;
text-align:center;
	}

	.top_about_left{
	width:19.5%;
	float:left;
margin-right:0.624%;
	}

	.top_about_right{
	width:19.5%;
	float:right;
	}

	#top_bottom_wrapper{
		background:#fff;
		padding:25px 0 25px 0;
	}

	#top_bottom_contents{
	max-width:1000px;
	margin:0 auto 0 auto;
	}

	#top_bottom_contents_left{
	width:60%;
	float:left;
	}

	#top_bottom_contents_right{
	width:34%;
	float:right;
	}

	.top_bottom_title{
	border-left:5px solid #e20000;
	padding:0 0 0 10px;
	color:#000;
	font-size:110%;
	margin-bottom:5px;
	line-height:110%;
	}

	.top_bottom_commcontents{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:25px;
	}
	
	.top_bottom_topics{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:20px;
	}
	.top_bottom_topics_blog{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:20px;
	}


	.top_bottom_comm_banner{
	width:49%;
	float:left;
	}

	.top_bottom_comm_banner_right{
	width:49%;
	float:right;
	}
	#top_bottom_info{
	margin:35px auto 0 auto;
	}
#top_bottom_youtube{
	margin:0 auto 35px auto;
	}
	.top_info_text{
	text-align:left;
	margin:5px 0 0 0;
	font-size:80%;
	}

.top_info_text th{
width:25%;
vertical-align:top;
}


	#top_sns_banner_wrapper{
	border-top:1px solid #4e4e4e;
	padding:25px 0 25px 0;
	background:#fff;
	}

	.top_about_smh{
	width:100%;
	float:left;
	}

	.top_about_smh table{
	border:none;
	border-bottom:3px solid #000;
	padding:0 2px 0 10px;
	width:98%;
	background:#fff;
	}

	.top_about_smh a{
	display:block;
	width:100%;
	color:#333;
	}

	.top_about_smh a:hover{
	background:#fafafa;
	}


	.top_about_smh_min{
	font-size:90%;
	font-weight:normal;
color:#000;
	}
	
	.top_about_smh th{
	font-size:42px;
	color:#bbb;
	padding:0 0 0 5%;
	box-sizing:border-box;
	width:15%;
font-weight:normal;
	}	
	.top_about_smh td{
	width:75%;
	box-sizing:border-box;
	font-size:110%;
line-height:120%;
color:#000;
padding:0 0 0 4%;
	}

	.top_about_smh_small{
	width:4% !important;
color:#e90009 !important;
text-align:right;
	}

.fa-caret-right:before{
color:#e90009 !important;
}

	.top_about_bottom{
		background:#888;
	color:#fff !important;
	text-align:center;
	width:100%;
	margin:10px auto 0 auto;
letter-spacing:1px;
	}

	.top_about_bottom a{
	display:block;
	color:#fff !important;
	padding:0;
	width:100%;font-size:100%;}

	.text_red{color:#e80000;font-size:70%;}


.top_about_bottom a:hover{
color:#333;
}


	.top_bottom_banner01{
	border:2px solid #1b134d;
	width:100%;
	box-sizing:border-box;
	}

	.top_bottom_banner01 a{
	display:block;width:100%;
	color:#333;
	padding:5% 0 0 0;
	}

	.top_bottom_banner01_contents01{
	width:37%;
	float:left;
	padding:0 0 0 2%;
	box-sizing:boder-box;
	}
	.top_bottom_banner01_contents02{
	width:62%;
	float:right;
	padding:3% 2% 0 0;
	box-sizing:boder-box;
	text-align:right;
	font-weight:600;
	font-size:95%;
	}
	.top_bottom_banner01_bottom{
	background:#1b134d;
	padding:0.5% 1% 0.5% 0;
	box-sizing:border-box;
	color:#fff;
	text-align:right;
	font-weight:bold;
	margin-top:-25px;
	}


	.top_bottom_banner02{
	border:2px solid #410c16;
	width:100%;
	box-sizing:border-box;
	}

	.top_bottom_banner02 a{
	display:block;width:100%;
	color:#333;
	padding:5% 0 0 0;
	}

	.top_bottom_banner02_contents01{
	width:37%;
	float:left;
	padding:0 0 0 2%;
	box-sizing:boder-box;
	}
	.top_bottom_banner02_contents02{
	width:62%;
	float:right;
	padding:3% 2% 0 0;
	box-sizing:boder-box;
	text-align:right;
	font-weight:600;
	font-size:95%;
	}
	.top_bottom_banner02_bottom{
	background:#410c16;
	padding:0.5% 1% 0.5% 0;
	box-sizing:border-box;
	color:#fff;
	text-align:right;
	font-weight:bold;
	margin-top:-25px;
	}



	.top_bottom_banner03{
	border:2px solid #443907;
	width:100%;
	box-sizing:border-box;
	}

	.top_bottom_banner03 a{
	display:block;width:100%;
	color:#333;
	padding:2.8% 0 0 0;
	}

	.top_bottom_banner03_contents01{
	width:35%;
	float:left;
	padding:0 0 0 0;
	box-sizing:border-box;
	}
	.top_bottom_banner03_contents02{
	width:65%;
	float:right;
	padding:3% 1% 0 0;
	box-sizing:border-box;
	text-align:right;
	font-weight:600;
	font-size:95%;
	}
	.top_bottom_banner03_bottom{
	background:#443907;
	padding:0.5% 1% 0.5% 0;
	box-sizing:border-box;
	color:#fff;
	text-align:right;
	font-weight:bold;
	margin-top:-25px;
	}


	.top_bottom_banner04{
	border:2px solid #0b270a;
	width:100%;
	box-sizing:border-box;
	}

	.top_bottom_banner04 a{
	display:block;width:100%;
	color:#333;
	padding:2.8% 0 0 0;
	}

	.top_bottom_banner04_contents01{
	width:37%;
	float:left;
	padding:0 0 0 2%;
	box-sizing:boder-box;
	}
	.top_bottom_banner04_contents02{
	width:62%;
	float:right;
	padding:3% 2% 0 0;
	box-sizing:boder-box;
	text-align:right;
	font-weight:600;
	font-size:95%;
	}
	.top_bottom_banner04_bottom{
	background:#0b270a;
	padding:0.5% 1% 0.5% 0;
	box-sizing:border-box;
	color:#fff;
	text-align:right;
	font-weight:bold;
	margin-top:-25px;
	}

	#top_security_banner{
	width:40%;
	margin:0 auto 0 auto;
	}

	#top_security_banner_left{
	width:49%;
	float:left;
	text-align:right;
	}

	#top_security_banner_right{
		width:49%;
	float:right;
	
	}

	#top_security_banner_right img{
	width:50%;
	}

	#footer-content-area h4{
	border-left:5px solid #e20000;
	padding:0 0 0 10px;
	}

	#footer .row{width:100%;
	max-width:1000px;
	margin:0 auto 0 auto;

	}

	.gr6{width:100%;}

	.gr4{width:16.6%;}

	#footer .row .gr1, #footer .row .gr2, #footer .row .gr3, #footer .row .gr4, #footer .row .gr5, #footer .row .gr6, #footer .row .gr7, #footer .row .gr8, #footer .row .gr9, #footer .row .gr10, #footer .row .gr11, #footer .row .gr12{ padding-left: 0px;
	padding-right: 0px;}

	#footer-content-area #footer-cont-content li a{
	padding: 8px 12px 5px 14px;
	}

	#footer_banner_area{
	width:100%;
	margin:2% auto 0% auto;
	}

	#footer_banner_area table{
	 margin-right : auto;
 margin-left : auto;
	}

	#footer_banner_area td{
	padding:5px;
	}

.footer_banner_area_pl_none{
padding:5px 10px 5px 0 !important;
}

.footer_banner_area_pr_none{
padding:5px 0 5px 0 !important;
}

	body.color03 #footer{
	background:#000;
	}

	body.color03 .footer-02{
	background:#000;
	}

	body.color03 .footer-01{
	background:#000;
	}

	body.color03 #footer-brand-area{
	display:none;}
	.footer-01{
	padding:0;
	background:#000;
	}

	.footer-02 {
    display:none;
	}

	.pt35{
	padding-top:35px;}
	
	body.color03 .footer-02{
	display:none;}


	body.color03 #footer{border-top: 8px solid #000;}

	#footer .wrap{
	    padding:0;
	}

	.topicks_wrapper{
	width:100%;
	box-sizing:border-box;
	height:90px;
	font-size:95%;
	padding:0 10px 0 0;
	border-bottom:1px solid #eee;
	}


	#top_archive_wrapper{
	margin:5px 0 0 0;
	text-align:right;
	padding:0 0 0 0;
	font-size:80%;
	}

	#top_archive_wrapper a{
	color:#333;
	}

	#top_archive_wrapper a:hover{
	color:#666;
	text-decoration:underline;
	}

	.topicks_wrapper th{
	font-size:80%;
	width:20%;
	padding:5px 0 10px 0;
	box-sizing:border-box;
	vertical-align:middle;
	line-height:120%;
	
	}
	.topicks_wrapper table {
	width:100%;
	}
	.topicks_wrapper td{
	width:76%;
	padding:5px 0 10px 0;
	box-sizing:border-box;
	vertical-align:top;
	line-height:120%;
	}

	.topicks_wrapper a{
	color:#333;
	}

	.topicks_wrapper a:hover{
	text-decoration:underline;
	color:#666;
	}

	#content{
	max-width:1000px;margin:0 auto 0 auto;}

	.wrap {
    width:100%;
    box-sizing: border-box;
    margin: 0 auto;
	}

	.breadcrumb-area .wrap{
	max-width:1000px;
	}

	.left-content #side{
	width: 290px;
    float: left;
    margin-left: -290px;
	}

	.left-content .main-inner{
	
	margin-right: 328px;
    margin-left: 0;
	}

	.top_about_tab_left{
	display:none;
	} 

	.top_about_tab_right{
	display:none;
	}

	.top_about_tab_bottom{
	display:none;
	}

	#sp_menu{display:none;}

	.footer-logo{display:none;}

	#footer-brand-area{border-bottom:none;}

	.top_about_sp_left {
   display:none;
	}

	.top_about_sp_right {
   display:none;
	}

	.top_about_sp_bottom {
   display:none;
	}

	.sp_top_bannerimage_box{
   display:none;
	}

	.top_bannerimage_box{
   display:block;
	}

	.top_moviebox_sp{
	display:none;
	}

	.top_moviebox {
margin-top:4%;
	}

	.top_moviebox iframe{
	}

	#footer {
	    color: #fff;
	    border-top:none;
	}

	#footer-content-area #footer-cont-content li {
	    float:left;
		width:14.2%;
	}

	.children li{
	width:100% !important;
	clear:both;
	}

	.gr4{
	width:100%;
	}

	#footer-gnav-ul a{
	border-left:#e20000 solid 5px;
	padding:0;
	}

	.children li{
	border-left:none !important;
	padding:0 0 0 0px;
	box-sizing:border-box;
	}

	.children a{
	/*border-left:none !important;*/
	}

	.gr6 a{
	padding:0;
	}

	#footer-content-area #footer-cont-about li:before, #footer-content-area #footer-cont-content li:before {
    font-family: FontAwesome;
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
	}


	div#footer-content-area .sub-menu{
	display:block !important;
	padding:0 0 0 8px;
	}

	div#footer-content-area .sub-menu a{
	border-left:none !important;
	display:block;
	font-size:90%;
	line-height:150%;
	}
	
	div#footer-content-area .sub-menu a:after{
    content:"|";
		padding-left:18px;
		color:#666;
	}
	div#footer-content-area .sub-menu li:last-child a:after {
    content:none;
		padding-left:15px;
	}


	div#header-right .sub-menu{
	line-height:120%;
	}

	.menu-footer-01-container,
	.menu-footer-02-container,
	.menu-footer-03-container,
	.menu-footer-04-container,
	.menu-footer-05-container,
	.menu-footer-06-container
	{
	border-left:1px dotted #444;
	padding:0 0 0 0px;
	margin:0 0 20px 0;
	}

	.menu-footer-01-container li,
	.menu-footer-02-container li,
	.menu-footer-03-container li,
	.menu-footer-04-container li,
	.menu-footer-05-container li,
	.menu-footer-06-container li
	{
	float:left;
	}


	.menu-footer-01-container > ul > li > a,
	.menu-footer-02-container > ul > li > a,
	.menu-footer-03-container > ul > li > a,
	.menu-footer-04-container > ul > li > a,
	.menu-footer-05-container > ul > li > a,
	.menu-footer-06-container > ul > li > a
	{
	border-left:5px solid #e20000;
	padding:0 0 0 10px !important;
	display:block;
	line-height:110%;
	}


	.menu-footer-01-container .sub-menu a,
	.menu-footer-02-container .sub-menu a,
	.menu-footer-03-container .sub-menu a,
	.menu-footer-04-container .sub-menu a,
	.menu-footer-05-container .sub-menu a,
	.menu-footer-06-container .sub-menu a
	{
	padding:7px;
	color:red;
	}



	.menu-footer-01-container{
	width:100%;
	float:left;
	}

	.menu-footer-02-container{
	width:100%;
	float:left;
	}

	.menu-footer-03-container{
	width:100%;
	float:left;
	}

	.menu-footer-04-container{
		clear:both;
	width:100%;
	float:left;
	}

	.menu-footer-05-container{
	width:100%;
	float:left;
	}

	.menu-footer-06-container{
	float:left;
	width:100%;
	}


	#footer_banner_area a{
	border-left:none !important;
	}

	#footer-brand-area {
    padding-bottom: 35px;
	}

	.footer_sp_copy{display:none;}

	#gnav ul li.current-menu-item a{
	background:#333;
	}
	
	#gnav-ul > li > a{
color:#e9e9e9;
	}

	.footer_banner_left{
	width:49%;
	margin:0 0 2% 0;
	float:left;
	display:none;
	}

	.footer_banner_right{
	width:49%;
	margin:0 0 2% 0;
	float:right;
	display:none;
	}

	.footer_banner_center{
	width:49%;
	margin:0 auto 2% auto;
	display:none;
	}
	#gnav ul li a:hover{
	background:#666;
color:#888;
	}

	#gnav ul li:hover a{background:#666;color:#888;}

	#gnav ul li .sub-menu li a:hover{
	background:#fdfdfd;
	}

	#gnav ul li .sub-menu{
		width:250px;
	}

}





#header {
    background: #000;
    padding: 0;
    overflow: visible;
}

a {
    outline: none;
}

.text_min{
	font-size:90%;
	vertical-align: bottom;
	}

a {
    color: #12458a;
}

a:hover {
    color: #486d00;
}





#gnav-ul > li > a:before {
    font-family: FontAwesome;
    content:"\f0da";
    padding:0 5px 0 0;
}






.u_right_menu_title {
width:100%;
background: #222 ;
margin:0 0 15px 0;
font-size:120%;

}
.u_right_menu_title a {
display:block;
padding:15px;
width:100%;
background: #222 url(../images/bg_sidemenu_title.png) no-repeat -50% 50%;
margin:0 0 10px 0;
color:#fff;
}
.u_right_menu_title a:before {
/*
font-family: FontAwesome;
content:"";*/
padding:0 5px 0 0;
}
.u_right_menu {
width:100%;
font-size:90%;
/*border-bottom:5px solid #222222;*/

}
.u_right_menu li {
width:100%;
background:#000;
}
.u_right_menu > li:nth-of-type(1) > a {
border-top:1px solid #ddd;
}
.u_right_menu li a {
display:block;
padding:20px 15px ;
color:#333;
width:100%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background: #222;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


}
.u_right_menu li a:hover {
background:#192734;
color:#fff;
}
.u_right_menu .children li a {
display:block;
padding:10px 18px 10px 20px;
/*color:#fff;*/
width:100%;
font-size:80%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background: #F0F0F0;

}

.page-item-2798 a{
display: block;
    padding: 15px !important;
    width: 100%;
    background: #222 url(../images/bg_sidemenu_title.png) no-repeat -50% 50% !important;
    margin: 0 0 0 0 !important;
    color: #fff !important;
    font-size: 134% !important;
pointer-events:none;
}

.page-item-2798 a:after {
    font-family: FontAwesome;
    content: "" !important;
    float: right;
    color: #aaa;
}

.page-item-2798{
    margin:15px 0 0 0 !important;

}

.u_right_menu .children li a:hover {
background:#1f3141;
}
.u_right_menu .children li a:before {
content:"-";
padding:0 10px 0 0;
color:#ccc;
}

.u_right_menu li a:after {
	font-family: FontAwesome;
	content:"\f054";
	float:right;
	color:#aaa;
}
.u_right_menu .children li a:after {
	font-family: FontAwesome;
	content:"\f105";
	float:right;
	color:#aaa;
}




.u_main-inner {

}

.u_main-inner .post-loop-wrap article {
float:left;
width:46%;
margin:2%;
}
.u_main-inner .post-loop-wrap article:nth-of-type(odd) {
clear:both;
float:left;
}

.u_main-inner .post-header {
padding: 50px 60px 40px 60px;
}
.u_main-inner .post-header .post-title {
line-height:1.4;
font-size:160%;
}
.u_main-inner .post-header .post-title a:hover {
color:#444;
}
.u_main-inner .post-content {
padding: 10px 34px 10px 34px;
}
.u_main-inner .post-footer a.morelink {
background:#333;
}
.u_main-inner .post-footer a.morelink:hover {
background:#444;
}

.top_bottom_topics_blog{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:25px;
	}



}


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




.sub_title{
font-size:120%;
font-weight:bold;
text-align:center;
}

.technology_contents{
background:#f9f9f9;
box-sizing:border-box;
padding:10px;
margin:0 auto 30px auto;
}

.technology_contents table{
border:0;
margin:0;
}

.technology_contents td{
border:0;
margin:0;
}

.technology_contents img{
border:1px solid #ddd;
}



.top_bottom_topics_blog_wrapper{
width:100%;

}

.top_bottom_facebook_wrapper{
width:100%;

}

.top_bottom_topics_blog{
	border-top:1px dotted #333;
	padding:10px 0 0 0;
	margin-bottom:20px;

	}

.color_table {
    border: none;
    width: 100% !important;
    margin: 1% 1% 4% 1%;
font-size:85%;
}
.color_table_title {
    border-bottom: 1px solid #eee !important;
font-size:85%;
border-right:10px solid #fff !important;
}

.color_table_title_l {
    border-bottom: 1px solid #eee !important;
font-size:85%;
}

.u_product_list_detail{
width:60%;
margin:20px auto 0 auto;
}

.pro_image{
margin:0 auto 10px auto;
float:left;
width:29%;
text-align:center;
}

.pro_text{
float:left;
margin:0 0 0 2%;
width:68%;
padding-top:1%;
}


.color_table th, .color_table td {
    border: none;
    background: #fff;
    padding: 0 5px;
}



.color_table th {
    width:12%;
padding:7px 10px;
}

.color_table_fitst{
width:36%;
}

.color_table th i {
    font-size: 300%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}



.color_table td{
padding:5px 0 5px 0;
}

.color_table_top{
padding-top:10px;
}

.color_table_middle{
padding-top:5px;
}

.detail_cart_detail {
    line-height: 1.5;
    padding: 5px 0 2px 5px;
    margin: 15px 0 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
font-size:90%;
background:#fafafa;
}



.detail_name{
font-size:23px !important;
margin: 48px 0 15px;
    padding: 10px 0;
    clear: both;
    font-weight: normal;
    border-bottom: 2px solid #3B4552;
}

.text_detail_min{
font-size:80%;
}

.exdetail_point {
    font-size: 100%;
    background: #fff;
padding: 2px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#colorsample_text{
    float: left;
padding: 0 10px 0 0;
}

#colorsample {
    float: left;
    font-size: 14px;
    padding: 0;
}

#colorsample a, #cartback a {
    display: block;
    padding: 0px 10px;
    color: #fff;
    background: #374C62;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#colorsample a:hover{
background:#007eff;
}


}

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

h2{
font-size:1.5rem;
background:#000;
box-sizing:border-box;
padding:15px;
color:#fff;
margin:0 auto 20px auto;
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
margin:0 auto 30px auto;
}

h3{
color:#000;
font-size:1.4rem;
font-weight:bold;
margin:0 auto 1px auto;
border-bottom:4px solid #bbb;
padding:0 0 5px 15px;
}

.h3_bottom_border{
border-bottom:1px solid #bbb;
margin:0 auto 30px auto;
}



.fv_bottom_button {
background: url(../images/fv_bottom_navi_back.jpg);
-moz-background-size:contain;
background-size:contain;
	}

.fv_bottom_button_right {
background: url(../images/fv_bottom_navi_back.jpg);
-moz-background-size:contain;
background-size:contain;
	}

.before_title{
font-size:120%;
text-align:center;
font-weight:bold;
}


}


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

.header_top{
position:relative;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


.sub_title{
font-size:1.4rem;
font-weight:bold;
text-align:center;
margin-bottom:30px;
}

.top_smh_min{
font-size:80%;
color:#fff;
margin-right:7px;
letter-spacing:-0.5px;
}

h2{
font-size:1.5rem;
background:#000;
box-sizing:border-box;
padding:15px;
color:#fff;
margin:0 auto 30px auto;
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
}

h3{
color:#000;
font-size:1.4rem;
font-weight:bold;
margin:0 auto 1px auto;
border-bottom:4px solid #bbb;
padding:0 0 5px 15px;
}

.h3_bottom_border{
border-bottom:1px solid #bbb;
margin:0 auto 30px auto;
}

.before_title{
font-size:120%;
text-align:center;
font-family: "Georgia" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:500;
margin-bottom:10px;
}

.top_smh_button{
    font-size:35px;
color:#fff !important;
letter-spacing:1px;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);

}

.top_smh_button a {
    display: block;
    width: 100%;
    padding: 2%;
    color: #fff;
}

.top_smh_button a:hover{
background:#000;
}

.fv_bottom_button_right a{
width:85% !important;
float:right;
text-align:center;
}

.fv_bottom_button_right a:hover{
background:#000;
}

.exdetail_point td {
    background: none;
    border: none;
    padding: 0;
    vertical-align: top;
    line-height: 140%;
width:95%;
box-sizing:border-box;
font-size:90%;
}

.for-men_howtostep_img {
    width: 30%;
    text-align: center;
}

.u_product_list p{
margin-bottom:22px !important;
}

.fv_text_bottom_sp{display:none;}

.dealer_button{
width:47%;
float:left;
border:1px solid #333;
}

.dealer_button_right{
width:47%;
float:right;
border:1px solid #333;
}

.dealer_button{
width:47%;
float:left;
border:1px solid #333;
}

.dealer_button_right{
width:47%;
float:right;
border:1px solid #333;
}

.dealer_button a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.shop_button{
width:47%;
float:left;
border:1px solid #333;
}

.shop_button_right{
width:47%;
float:right;
border:1px solid #333;
}

.shop_dealer_button a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

.shop_dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width:600px;
 }

#div788{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width:600px;
 }

.modal_close{ 
  position: absolute;
  top: 2px;
  right: 2px;
  display: block; 
  width: 25px;
  height: 25px; 
  z-index: 2;
background:url(../images/modal_close.png) no-repeat;
-moz-background-size:contain;
background-size:contain;
cursor: pointer
}

#colorsample_wrapper{
}

#colorsample_wrapper_sp {
display:none;
}

#step_wrap{
width:100%;
margin:0 auto 0 auto;
}

#step_wrap table{
margin:0;
padding:0;
width:100%;
}

#step_wrap td{
border:0;
text-align:center;
}

.td30{
width:30%;
vertical-align:top;
}

.td5{
width:5%;
vertical-align:middle;
text-align:center;
font-size:40px;
}

.arrow_pc{
}

.arrow_sp{
display:none !important;
}

.step_wrap_text{
text-align:left !important;
box-sizing:border-box;
padding:5px 15px 0 15px;
font-size:90%;
}


#before_wrap{
width:100%;
margin:0 auto 0 auto;
}

#before_wrap table{
margin:0;
padding:0;
width:100%;
}

#before_wrap td{
border:0;
text-align:center;
}

.td45{
width:45%;
vertical-align:top;
}

.td5{
width:5%;
vertical-align:middle;
text-align:center;
font-size:40px;
}

#before_wrap img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.technorogy_gunma_left{
width:44%;
float:left;
margin-right:2%;
}

.technorogy_gunma_right{
width:54%;
float:right;
}

.technorogy_gunma_right_contents{
width:47%;
margin:0 1.5% 0 1.5%;
float:left;
}

}

@media screen and (min-width:981px) {

#colorsample_sp_wrapper{
display:none;
}

#colorsample_wrapper{
}

.fv_text_bottom{
position:absolute;
top:87%;
left:0;
right:0;
line-height:170%;
width:100%;
max-width:1000px;
margin:0 auto 0 auto;
padding: 3px 0 0 0;

}

.fv_text_bottom_left{
width:27%;
float:left;
text-align:left;
color:#fff;
font-size:150%;
margin-left:5%;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);
line-height:1.2;
}

.fv_text_bottom_left_w{
width:30%;
float:left;
text-align:left;
color:#fff;
font-size:150%;
margin-left:0.%;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);
line-height:1.2;
}

.fv_text_bottom_sp{display:none;}

.anntenna_shop_left{
width:35%;
float:left;
}

.anntenna_shop_right{
width:61%;
float:right;
}

.shop_button{
width:47%;
float:left;
border:1px solid #333;
}

.shop_button_right{
width:47%;
float:right;
border:1px solid #333;
}

.shop_dealer_button a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

.shop_dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

#comm_wrapper{
max-width:1000px;
margin:0 auto 60px auto;
}

.comm_contents_wrap{
box-sizing:border-box;
padding:0 50px 0 50px;
}

#movie_wrap_left{
 width:32%;
 float:left;
 margin-right:2%;
}

#movie_wrap_right{
 width:32%;
 float:right;
}

iframe {
    width: 100%;
    height: auto;
    border: #333 solid 10px;
/*
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
*/
}

.factory_top_left{
width:28%;
float:left;
margin:0 4% 2% 0;
text-align:center;
}

.factory_top_right{
width:68%;
float:left;
margin:0 0 2% 0;
}

.factory_top_right p{
padding-top:5%;
margin:0 0 20px 0;
}

.factory_bottom_left{
width:48%;
float:left;
}

.factory_bottom_right{
width:48%;
float:right;
}

.factory_bottom_left img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.factory_bottom_right img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.technology_contents table{
border:0;
margin:0;
}

.technology_contents td{
border:0;
margin:0;
}



.technology_contents{
background:#f9f9f9;
box-sizing:border-box;
padding:15px;
margin:0 auto 40px auto;
}

.technology_contents img{
border:1px solid #ddd;
}

.technology_left{
float:left;
width:20%;
margin-right:2%;
background:#fff;
border:1px solid #ddd;
box-sizing:border-box;
text-align:center;
}

.technology_right{
float:left;
width:78%;
}

.pagetop {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 50px;
    color: #fff !important;
}

.pagetop span {
    display: block;
    border-radius: 25px;
    background: #333;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
    opacity: 1.0;
    color: #fff !important;
}

}


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

.pagetop {
    display: none;
    position:absolute;
    bottom: 50px;
    right: 10px !important;
    color: #fff;
}

.sub_title{
font-size:120%;
font-weight:bold;
text-align:left;
margin-bottom:30px;
}

#comm_wrapper{
width:100%;
margin:0 auto 40px auto;

}

.comm_contents_wrap{
box-sizing:border-box;
padding:0 15px 0 15px;
}

#step_wrap{
width:100%;
margin:0 auto 0 auto;
}

#step_wrap table{
margin:0;
padding:0;
width:100%;
}

#step_wrap td{
border:0;
display:block;
}

#before_wrap{
width:100%;
margin:0 auto 0 auto;
}

#before_wrap table{
margin:0;
padding:0;
width:100%;
}

#before_wrap td{
border:0;
display:block;
}

#before_wrap img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.step_wrap_text{
text-align:center !important;
box-sizing:border-box;
padding:5px 10px 0 10px;
font-size:90%;
}

.td30{
width:100%;
display:block;
text-align:center;
vertical-align:top;
}

.td5{
width:100%;
vertical-align:middle;
text-align:center;
font-size:26px;
padding:10px 0 10px 0;
display:block;
}

.td45{
width:100%;
display:block;
text-align:center;
vertical-align:top;
}


.arrow_pc{
display:none !important;
}

.arrow_sp{
}

#movie_wrap_left{
 width:90%;
 margin:0 auto 30px auto;
	float:none;
}

#movie_wrap_right{
 width:90%;
 margin:0 auto 30px  auto;
float:none;
}

iframe {
    width: 100%;
    height: auto;
    border: #333 solid 10px;
/*
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
*/
}

.factory_top_left{
width:100%;
text-align:center;
margin:0 auto 2% auto;
}

.factory_top_right{
width:100%;
text-align:left;
margin:0 auto 2% auto;
float:none;
}

.factory_bottom_left img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.factory_bottom_right img{
box-shadow:0px 0px 6px 3px #f0f0f0;
-moz-box-shadow:0px 0px 6px 3px #f0f0f0;
-webkit-box-shadow:0px 0px 6px 3px #f0f0f0;
}

.modal_close{ 
  position: absolute;
  top: 2px;
  right: 2px;
  display: block; 
  width: 25px;
  height: 25px; 
  z-index: 2;
background:url(../images/modal_close.png) no-repeat;
-moz-background-size:contain;
background-size:contain;
cursor: pointer
}

.shop_dealer_button{
width:47%;
float:left;
border:1px solid #e3e3e3;
background:#f1f2f3;
}

.shop_dealer_button a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.shop_dealer_button_right{
width:47%;
float:right;
border:1px solid #e3e3e3;
background:#f1f2f3;
}

.shop_dealer_button_right a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.shop_dealer_button a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

.shop_dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

.anntenna_shop_left{
width:60%;
margin:0 auto 20px auto;
text-align:center;
}

.anntenna_shop_right{
width:100%;
margin:0 auto 0px auto;
}

.anntenna_shop_right{
width:100%;
float:left;
}

.fv_text_bottom{
position:absolute;
top:73%;
left:0;
right:0;
line-height:120%;
width:100%;
margin:0 auto 0 auto;
display:none;
}

.fv_text_bottom_left{
width:27%;
float:left;
text-align:left;
color:#fff;
font-size:90%;
margin-left:5%;
line-height:1.2;
}

.fv_text_bottom_sp{
font-size:45% !important;
float:right;
margin-right:0.5%;
color:#fff;
font-weight:normal !important;
width:40%;
line-height:130%;
padding-top:1%;
}

.fv_text_bottom_left_w{
width:27%;
float:left;
text-align:left;
color:#fff;
font-size:90%;
margin-left:2%;
line-height:1.2;
}


.text_detail_min{
font-size:80%;
}

.top_smh_button_center{
text-align:left;
}

#fv {
background:url(../images/bg_fv.gif) repeat-x;
height:100% !important;
}
#fv_inner {
height:0 !important;
padding-top:56.25%;
width:100%;
margin:0 auto;
background:url(../images/fv_sp.jpg) no-repeat;
position:relative;
-moz-background-size:contain;
background-size:contain;
}

#fv_catch {
    position: absolute !important;
    top: 78% !important;
    left: 2% !important;
    font-size:95%;
    color: #d7d8dc;
    letter-spacing:-0.5px;
line-height:1.2 !important;
}

#fv_bottom_navi{
background:#000;
padding-top:25px;
}

.top_smh_button{
    font-size:25px;
color:#fff !important;
letter-spacing:1px;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 1.0);
}

.top_smh_button a{
display:block;
width:100%;
padding:2%;
color:#fff;
}

.top_smh_min{
font-size:70%;
color:#fff;
margin-right:7px;
}

.product_color{
margin-bottom:10px;
}

.pro_image{
margin:0 auto 10px auto;
width:60%;
text-align:center;
}

.pro_text{
margin:0 0 0 0;
width:100%;
}

#fv_catch span {
color:#f1c93a;
}


	.u_main-inner .post-loop-wrap article {
	width:96%;
	margin:2%;
	}

.top_about_left{
	width:100%;
margin-bottom:3%;
    float:none;
    margin-right:0;
    margin-left:0;

	}

.top_about_right{
	width:100%;
margin-bottom:3%;
    float:none;
    margin-right:0;
    margin-left:0;
	}

.top_about_smh td{
font-size:110%;
width:88.5%;
line-height:120%;
padding:0;
box-sizing: border-box;
height:100% !important;
}

.top_about_smh th {
    font-size: 40px;
    color: #bbb;
    padding: 0 2% 0 2%;
    box-sizing: border-box;
    width: 10%;
    font-weight: normal;
text-align:center;

}

.top_about_smh table{
width:100%;
background:#fff;

}

.top_about_smh th, td {


}

.top_about_smh_small{
width:2% !important;
color:#e90009 !important;
}

.fa-caret-right:before{
color:#e90009 !important;
}

.top_about_smh table{
display:block;
padding:2% 0 2% 0;
box-sizing:border-box;
}

.top_about_smh tbody{
width:100%;
}

.top_about_smh th{
display:table-cell !important;


}
.top_about_smh td{
display:table-cell !important;

}

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 5px;
  width:95%;
 }

#div788{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 5px;
  width:95%;
 }
.modal_close{ 
  position: absolute;
  top:0px;
  right: 2px;
  display: block; 
  width: 18px;
  height: 18px; 
  z-index: 2;
background:url(../images/modal_close.png) no-repeat;
-moz-background-size:contain;
background-size:contain;
cursor: pointer
}

#colorsample_text{
    float: left;
padding: 0 10px 0 0;
}


#colorsample_wrapper{
display:none;
}

#colorsample_sp_wrapper{

}


#colorsample {
    float: left;
    font-size: 14px;
    padding: 0;
}

#colorsample a, #cartback a {
    display: block;
    padding: 0px 10px;
    color: #fff;
    background: #374C62;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#colorsample a:hover{
background:#007eff;
}

.color_table th {
    width:33% !important;
padding:7px 10px;
}

.color_table_fitst{
width:36% !important;
}

.color_table_title{
width:100% !important;
height:65px;
}

#colorsample_wrapper_sp th{
display:table-cell !important;
}

#colorsample_wrapper_sp td{
display:table-cell !important;
font-size:75%;
}

}

.fa-caret-right:before{
color:#e90009 !important;
}

#content {
padding:0;
margin-top:30px;
}

.u_product_list {
    width: 100% !important;
    border: none;
    margin: 20px 0 40px 0;
}

.u_product_image {
    position: relative;
    padding: 0 0 10px 0;
    text-align: center;
}

.u_product_image img{
width:70%;
}

.u_product_list > tbody > tr > td {
    border: none;
}

.u_product_list_status {
    position: absolute;
    bottom: 10px;
    right: 12%;
bottom:0%;
}


.u_product_list_status li:nth-of-type(1) {
    background: #c90000;
}

.u_product_list_status li {
    margin: 0 0 5px 0;
    padding: 2px 10px;
    color: #fff;
}

.u_product_list_comment {
    text-align: center;
}

.u_product_list_comment i {
    font-size: 12px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-circle:before {
    content: "\f111";
}



.u_product_list_price {
    border: none;
    text-align:center;
    margin: 0 0 20px 0;
}



.u_product_list_detail a {
    display: block;
    color: #fff;
    padding: 2px 20px;
    background:#374C62;
text-align:center;
}

.u_product_list_detail a:hover{
background:#0054ff;
color:#fff;
}



/* select color */

.classlist .u_classcat_20 {background:#000000;color:#fff;}	/* ?u???b?N NO.1 */
.classlist .u_classcat_19 {background:#3a0000;color:#fff;}	/* ?_?[?N?u???E?? NO.2 */
.classlist .u_classcat_18 {background:#523c32;color:#fff;}	/* ?~?f?B?A?€?u???E?? NO.23 */
.classlist .u_classcat_17 {background:#643f31;color:#fff;}	/* ???C?g?u???E?? NO.3 */

.classlist .u_classcat_16 {background:#7e422c;color:#fff;}	/* ?_?[?N?u?????h NO.4 */
.classlist .u_classcat_15 {background:#5c3d1e;color:#fff;}	/* ?~?f?B?A?€?u?????h NO.45 */
.classlist .u_classcat_14 {background:#7e6b2e;color:#fff;}	/* ?A?b?V???u?????h NO.5 */
.classlist .u_classcat_13 {background:#ebc883;color:#fff;}	/* ???C?g?u?????h NO.6 */
.classlist .u_classcat_12 {background:#7b5c32;color:#fff;}	/* ?i?`???????u?????h NO.67 */
.classlist .u_classcat_11 {background:#a68044;color:#fff;}	/* ?E?B?[?g?u?????h NO.7 */
.classlist .u_classcat_10 {background:#a25741;color:#fff;}	/* ?A?[?o?? NO.8 */
.classlist .u_classcat_9 {background:#9f9fa0;color:#fff;}	/* ?O???[ NO.11 */
.classlist .u_classcat_8 {background:#bdbdbd;color:#333;}	/* ???C?g?O???[ NO.13 */
.classlist .u_classcat_7 {background:#ffffff;color:#333;}	/* ?z???C?g NO.15 */


.detail_cart_bg .u_classcat_20 {background:#000000;color:#fff;}	/* ?u???b?N NO.1 */
.detail_cart_bg .u_classcat_19 {background:#3a0000;color:#fff;}	/* ?_?[?N?u???E?? NO.2 */
.detail_cart_bg .u_classcat_18 {background:#523c32;color:#fff;}	/* ?~?f?B?A?€?u???E?? NO.23 */
.detail_cart_bg .u_classcat_17 {background:#643f31;color:#fff;}	/* ???C?g?u???E?? NO.3 */

.detail_cart_bg .u_classcat_16 {background:#7e422c;color:#fff;}	/* ?_?[?N?u?????h NO.4 */
.detail_cart_bg .u_classcat_15 {background:#5c3d1e;color:#fff;}	/* ?~?f?B?A?€?u?????h NO.45 */
.detail_cart_bg .u_classcat_14 {background:#7e6b2e;color:#fff;}	/* ?A?b?V???u?????h NO.5 */
.detail_cart_bg .u_classcat_13 {background:#ebc883;color:#fff;}	/* ???C?g?u?????h NO.6 */
.detail_cart_bg .u_classcat_12 {background:#7b5c32;color:#fff;}	/* ?i?`???????u?????h NO.67 */
.detail_cart_bg .u_classcat_11 {background:#a68044;color:#fff;}	/* ?E?B?[?g?u?????h NO.7 */
.detail_cart_bg .u_classcat_10 {background:#a25741;color:#fff;}	/* ?A?[?o?? NO.8 */
.detail_cart_bg .u_classcat_9 {background:#9f9fa0;color:#fff;}	/* ?O???[ NO.11 */
.detail_cart_bg .u_classcat_8 {background:#bdbdbd;color:#333;}	/* ???C?g?O???[ NO.13 */
.detail_cart_bg .u_classcat_7 {background:#ffffff;color:#333;}	/* ?z???C?g NO.15 */

.color_no1 {background:#000;}
.color_no2 {background:#3a0000;}
.color_no23 {background:#523c32;}
.color_no3 {background:#643f31;}
.color_no4 {background:#7e422c;}
.color_no45 {background:#5c3d1e;}
.color_no5 {background:#7e6b2e;}
.color_no6 {background:#ebc883;}
.color_no67 {background:#7b5c32;}
.color_no7 {background:#a68044;}
.color_no8 {background:#a25741;}
.color_no11 {background:#9f9fa0;}
.color_no13 {background:#e5e5e6;color:#000 !important;}
.color_no15 {background:#fff;color:#000 !important;border:1px solid #ccc;}



.detail_text{
text-align:left;
margin:0 auto 10px auto;
padding-top:5px;
font-size:90%;
}


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

h2{
font-size:1.2rem;
background:#000;
box-sizing:border-box;
padding:12px;
color:#fff;
margin:0 auto 20px auto;
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
}

h3{
color:#000;
font-size:120%;
font-weight:bold;
margin:0 auto 1px auto;
border-bottom:4px solid #bbb;
padding-bottom:5px;
}

.h3_bottom_border{
border-bottom:1px solid #bbb;
margin:0 auto 30px auto;
}

.before_title{
font-size:120%;
text-align:center;
font-weight:500;
margin-bottom:10px;
}

#distributorswanted_wrapper{
width:100%;
margin:0 auto 0 auto;
}
#distributorswanted_wrapper th{
width:100%;
padding:8px;
}

#distributorswanted_wrapper td{
width:100%;
padding:8px;
}

.color_table {
    border: none;
    width:48% !important;
    margin: 1% 1% 0 1%;
font-size:85%;
float:left;
}

.branch_image{
width:50%;
}

.safty_image{
max-width:220px;
margin:0 auto 0 auto;
}

.factory-gunma_image{
width:100%;
text-align:center;
margin:0 auto 25px auto;
}

.factory-gunma_left {
    width:100%;
    margin:0 auto 20px auto;
}

.factory-gunma_right {
    width: 100%;
    margin:0 auto 20px auto;
}

.factory-gunma_title{
color:#333;
font-weight:bold;
padding:0 0 5px 0;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}

.factory-gunma_left img{
}

.dr_inyou{
text-align:right;
margin:0 auto 25px auto;
}

.dr_wrapper{
background:#f6feff;
padding:8px;
border:2px solid #e3fafe;
box-sizing:border-box;
width:50%;
float:left;
}

.dr_wrapper_title{
margin:0 auto 10p auto;
font-weight:bold;
}

.dr_wrapper_left{
width:35%;
float:left;
}

.dr_wrapper_right{
width:62%%;
float:right;
}

}

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




.cv_back{
border-radius:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeda7b+0,ce9f1d+41,fdf9cc+79,feeea0+99 */
background: #eeda7b; /* Old browsers */
background: -moz-linear-gradient(top, #eeda7b 0%, #ce9f1d 41%, #fdf9cc 79%, #feeea0 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeda7b 0%,#ce9f1d 41%,#fdf9cc 79%,#feeea0 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeda7b 0%,#ce9f1d 41%,#fdf9cc 79%,#feeea0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeda7b', endColorstr='#feeea0',GradientType=0 ); /* IE6-9 */
padding:6px;
box-sizing:border-box;
width: 48%;
margin:0 1% 2% 1%;
float:left;
}

.cv_contens{
background:#000;
border-radius:10px;
box-sizing:border-box;
padding:10px 0 10px 0;
text-align:center;
}

.cv_title{
background:#5c1919;
color:#fed100;
font-size:1.3rem;
text-shadow: 1px 1px 4px rgba(216, 214, 171, 0.5);
text-align:center;
padding:12px 5px 12px 5px;
box-sizing:border-box;
line-height:1.2;
min-height:70px;
position:relative;
}


.cv_text_wrap{
background:#282222;
padding:10px 5px 10px 5px;
box-sizing:border-box;
}

.cv_text{
margin:0 auto 0 auto;
border-bottom:1px solid #201919;
padding-bottom:10px;
color:#fff !important;
font-size:95%;
text-align:center;
}

.cv_text_bottom{
border-top:1px solid #383232;
margin-bottom:15px;
}

.cv_btn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdf9cc+1,eeda7b+34,ce9f1d+60,eeda7b+100 */
background: #fdf9cc; /* Old browsers */
background: -moz-linear-gradient(top, #fdf9cc 1%, #eeda7b 34%, #ce9f1d 60%, #eeda7b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdf9cc 1%,#eeda7b 34%,#ce9f1d 60%,#eeda7b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdf9cc 1%,#eeda7b 34%,#ce9f1d 60%,#eeda7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9cc', endColorstr='#eeda7b',GradientType=0 ); /* IE6-9 */
width:95%;
margin:0 auto 0 auto;
text-align:center;
color:#000;
font-size:105%;
font-weight:800;
border-radius:18px;
border:2px solid #c8b173;
}

.cv_btn a{
display:block;
width:100%;
padding:10px;
text-align:center;
box-sizing:broder-box;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.37);
color:#000;
border-radius:18px;
}


#footer_wrapper{
background:#000;
}

.u_copyright {
    text-align: center;
    padding: 50px 0 50px 0;
}

.technology_td20{
width:20%;
padding-right:4%;
}

.technology_td70{
width:76%;
vertical-align:middle;
}

.top_about_bottom a:hover{
color:#999;
background:#000;
}

.hairline_guard{
float:left;
width:20%;
margin:30px 0 30px 0;
}

.hairline_guard_right{
float:right;
width:77%;
padding:20px 0 0 0;
margin:30px 0 30px 0;
}

.product_travel{
width:44%;
float:left;
}

.product_travel_right{
float:right;
width:54%;
}

.top_middle_banner_area{
max-width:1000px;
margin:2% auto 0 auto;
}

.top_middle_banner_area td{

}


.top_middle_banner_area table{
width:100%;
}

.color_table {
    border: none;
    width:100% !important;
    margin: 1% 1% 0 1%;
font-size:85%;
float:left;
}

.safty_image{
max-width:204px;
}

.factory-gunma_image{
width:100%;
text-align:center;
margin:0 auto 25px auto;
}

.factory-gunma_left {
    width: 100%;
margin:0 auto 15px auto;
}

.factory-gunma_left img{
}

.factory-gunma_right {
    width: 100%;
margin:0 auto 15px auto;
}

.factory-gunma_wrapper{
margin:0 auto 40px auto;
}

.factory-gunma_title{
color:#333;
font-weight:bold;
padding:0 0 5px 0;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}

.branch_image{
width:30%;
}



}

.color_table_title {

    border-bottom: 1px solid #eee !important;
font-size:85%;
padding-top:3px;
}

.color_table_title_l {
    height:50px;
    border-bottom: 1px solid #eee !important;
font-size:85%;
padding-top:3px;
}

.u_product_list_detail{
width:80%;
margin:20px auto 0 auto;
}


.color_table td{
padding:5px 0 5px 0;
}

.color_table_top{
padding-top:10px;
}

.color_table_middle{
padding-top:5px;
}



.detail_cart_detail {
    line-height: 1.5;
    padding: 5px 0 2px 5px;
    padding: 10px;
    margin: 15px 0 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
font-size:90%;
background:#fafafa;
}

.exdetail_point td {
    background: none;
    border: none;
    padding: 0;
    vertical-align: top;
    line-height: 140%;
width:90%;
box-sizing:border-box;
font-size:90%;
}

.for-men_howtostep_img {
    width: 30%;
    text-align: center;
margin-bottom:10px;
}

.u_product_list p{
margin-bottom:12px !important;
}

.exdetail_point table {
    background: none;
    border: none;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    color: #333;
}

.exdetail_point th {
    background: none;
    border: none;
    font-weight: bold;
    padding: 0 4px 2px 0px;
    vertical-align: top;
    width: 3%;
box-sizing:border-box;
display:table-cell !important;
}

.exdetail_point{
margin-bottom:10px;
}

.dealer_button{
width:47%;
float:left;
border:1px solid #333;
}

.dealer_button_right{
width:47%;
float:right;
border:1px solid #333;
}

.dealer_button a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.dealer_button_right a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.dealer_button a:hover{
background:#000;
color:#fff;
}

.dealer_button_right a:hover{
background:#000;
color:#fff;
}

.dealer_button a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.dealer_button a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
}

.shop_dealer_button a:hover{
background:#333;
color:#fff;
}

.shop_dealer_button_right a:hover{
background:#333;
color:#fff;
}

.shop_dealer_button{
width:47%;
float:left;
border:1px solid #e3e3e3;
background:#f1f2f3;
}

.shop_dealer_button a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.shop_dealer_button_right{
width:47%;
float:right;
border:1px solid #e3e3e3;
background:#f1f2f3;
}

.shop_dealer_button_right a{
display:block;
padding:8px;
text-align:center;
color:#333;
}

.shop_dealer_button a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}

.shop_dealer_button_right a:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
}


.factory-gunma_image{
width:85%;
text-align:center;
margin:0 auto 25px auto;
}

.factory-gunma_wrapper{
margin:0 auto 60px auto;
}

#distributorswanted_wrapper{
width:100%;
margin:0 auto 0 auto;
}
#distributorswanted_wrapper th{
width:20%;
padding:8px;
}

#distributorswanted_wrapper td{
width:80%;
padding:8px;
}


}

ul.accordion { background:#222; width:100%; margin:0 auto 5px auto; padding:0; font-size:100%;}
ul.accordion a { display:block; padding:15px 5px 15px 5px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#fff; color:#fff;}
ul.accordion span { display:block; padding:10px; box-sizing:border-box;background-position:97% center; background-repeat:no-repeat; color:#fff; }
ul.accordion ul { display:none;}
ul.accordion > li { background:#222;}
ul.accordion > li > p { background:#222;cursor:pointer;border-left: 5px solid #e20000;}
ul.accordion > li > p span { background-image:url(../images/close.png);-moz-background-size:5% auto;
background-size:5% auto;}
ul.accordion > li > p span.open { background-image:url(../images/open.png);-moz-background-size:5% auto;
background-size:5% auto;}
ul.accordion > li > ul > li { background:#000;}
ul.accordion > li > ul > li > p { background:#000;}
ul.accordion > li > ul > li > a { color:#fff;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

.cublic_mirror_image{
text-align:center;
margin:0 auto 15px auto;
}

.howtostep_step {
    margin: 0 0 10px 0;
    line-height: 1.6;
    border-bottom: 1px dotted #233b54;
}

.comm_mt40{
margin-top:40px !important;
}

.comm_mb20 {
    margin-bottom: 20px !important;
}

.howtostep_block table {
    width: 100%;
font-size:90%;
}

.comm_mb10{
    margin-bottom: 10px !important;
}


.comm_mb32{
    margin-bottom: 32px !important;
}

.text_min{
font-size:90%;
}

.top_grey{
color:#fff !important;
}


.page-item-1865 a ,.page-item-1868 a ,.page-item-1871 a ,.page-item-1873 a ,
.page-item-1876 a ,.page-item-374 a ,.page-item-376 a ,.page-item-378 a ,.page-item-380 a ,
.page-item-382 a ,.page-item-384 a ,.page-item-376 a ,.page-item-378 a ,.page-item-380 a ,.page-item-382 a ,
.page-item-384 a ,.page-item-386 a ,.page-item-388 a ,.page-item-1891 a ,.page-item-1901 a ,.page-item-390 a ,
.page-item-1910 a ,.page-item-1912 a ,.page-item-392 a ,.page-item-1917 a ,.page-item-394 a ,.page-item-396 a ,.page-item-398 a ,
.page-item-400 a ,.page-item-402 a ,.page-item-404 a ,.page-item-406 a ,.page-item-408 a ,.page-item-1923 a ,.page-item-1926 a ,
.page-item-410 a ,.page-item-412 a ,.page-item-1930 a ,.page-item-1934 a ,.page-item-1937 a ,.page-item-1940 a ,.page-item-414 a ,
.page-item-1943 a ,.page-item-416 a ,.page-item-1946 a ,.page-item-1949 a ,.page-item-1953 a ,.page-item-1956 a ,.page-item-1960 a ,.page-item-1964 a ,
.page-item-1881 a ,
.page-item-372 a
{
/*
	display: block !important;
	padding: 5px 18px 5px 20px !important;
	color: #fff !important;
	width: 100% !important;
    border-bottom: 1px solid #3a3a3a;
	background: #2c2c2c !important;
    font-size: 80%;
*/

padding:7px 18px 7px 20px !important;
/*color:#fff;*/
width:100%;
font-size:80%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background: #F0F0F0 !important;


}


.page-item-1865 a:hover ,.page-item-1868 a:hover ,.page-item-1871 a:hover ,.page-item-1873 a:hover ,
.page-item-1876 a:hover ,.page-item-374 a:hover ,.page-item-376 a:hover ,.page-item-378 a:hover ,.page-item-380 a:hover ,
.page-item-382 a:hover ,.page-item-384 a:hover ,.page-item-376 a:hover ,.page-item-378 a:hover ,.page-item-380 a:hover ,.page-item-382 a:hover ,
.page-item-384 a:hover ,.page-item-386 a:hover ,.page-item-388 a:hover ,.page-item-1891 a:hover ,.page-item-1901 a:hover ,.page-item-390 a:hover ,
.page-item-1910 a:hover ,.page-item-1912 a:hover ,.page-item-392 a:hover ,.page-item-1917 a:hover ,.page-item-394 a:hover ,.page-item-396 a:hover ,.page-item-398 a:hover ,
.page-item-400 a:hover ,.page-item-402 a:hover ,.page-item-404 a:hover ,.page-item-406 a:hover ,.page-item-408 a:hover ,.page-item-1923 a:hover ,.page-item-1926 a:hover ,
.page-item-410 a:hover ,.page-item-412 a:hover ,.page-item-1930 a:hover ,.page-item-1934 a:hover ,.page-item-1937 a:hover ,.page-item-1940 a:hover ,.page-item-414 a:hover ,
.page-item-1943 a:hover ,.page-item-416 a:hover ,.page-item-1946 a:hover ,.page-item-1949 a:hover ,.page-item-1953 a:hover ,.page-item-1956 a:hover ,.page-item-1960 a:hover ,.page-item-1964 a:hover ,
.page-item-1881 a:hover ,
.page-item-372 a:hover
{
background:#192734 !important;

}


.page-item-1865 a:before ,.page-item-1868 a:before ,.page-item-1871 a:before ,.page-item-1873 a:before ,
.page-item-1876 a:before ,.page-item-374 a:before ,.page-item-376 a:before ,.page-item-378 a:before ,.page-item-380 a:before ,
.page-item-382 a:before ,.page-item-384 a:before ,.page-item-376 a:before ,.page-item-378 a:before ,.page-item-380 a:before ,.page-item-382 a ,
.page-item-384 a:before ,.page-item-386 a:before ,.page-item-388 a:before ,.page-item-1891 a:before ,.page-item-1901 a:before ,.page-item-390 a:before ,
.page-item-1910 a:before ,.page-item-1912 a:before ,.page-item-392 a:before ,.page-item-1917 a:before ,.page-item-394 a:before ,.page-item-396 a:before ,.page-item-398 a:before ,
.page-item-400 a:before ,.page-item-402 a:before ,.page-item-404 a:before ,.page-item-406 a:before ,.page-item-408 a:before ,.page-item-1923 a:before ,.page-item-1926 a:before ,
.page-item-410 a:before ,.page-item-412 a:before ,.page-item-1930 a:before ,.page-item-1934 a:before ,.page-item-1937 a:before ,.page-item-1940 a:before ,.page-item-414 a:before ,
.page-item-1943 a:before ,.page-item-416 a:before ,.page-item-1946 a:before ,.page-item-1949 a:before ,.page-item-1953 a:before ,.page-item-1956 a:before ,.page-item-1960 a:before ,.page-item-1964 a:before ,
.page-item-1881 a:before ,
.page-item-372 a:before {
    content: "-";
    padding: 0 10px 0 0;
    color: #ccc;
}


.page-item-1865 a:after ,.page-item-1868 a:after ,.page-item-1871 a:after ,.page-item-1873 a:after ,
.page-item-1876 a:after ,.page-item-374 a:after ,.page-item-376 a:after ,.page-item-378 a:after ,.page-item-380 a:after ,
.page-item-382 a:after ,.page-item-384 a:after ,.page-item-376 a:after ,.page-item-378 a:after ,.page-item-380 a:after ,.page-item-382 a:after ,
.page-item-384 a:after ,.page-item-386 a:after ,.page-item-388 a:after ,.page-item-1891 a:after ,.page-item-1901 a:after ,.page-item-390 a:after ,
.page-item-1910 a:after ,.page-item-1912 a:after ,.page-item-392 a:after ,.page-item-1917 a:after ,.page-item-394 a:after ,.page-item-396 a:after ,.page-item-398 a:after ,
.page-item-400 a:after ,.page-item-402 a:after ,.page-item-404 a:after ,.page-item-406 a:after ,.page-item-408 a:after ,.page-item-1923 a:after ,.page-item-1926 a:after ,
.page-item-410 a:after ,.page-item-412 a:after ,.page-item-1930 a:after ,.page-item-1934 a:after ,.page-item-1937 a:after ,.page-item-1940 a:after ,.page-item-414 a:after ,
.page-item-1943 a:after ,.page-item-416 a:after ,.page-item-1946 a:after ,.page-item-1949 a:after ,.page-item-1953 a:after ,.page-item-1956 a:after ,.page-item-1960 a:after ,.page-item-1964 a:after ,
.page-item-1881 a:after ,
.page-item-372 a:after {
    font-family: FontAwesome;
    content: "\f105" !important;
    float: right;
    color: #aaa !important;

}

 .fb-page {
    max-width:340px !important;
  }

.meistersalon_ul li a{
background:#f1f2f3 !important;

}

.meistersalon_ul li{
border:1px solid #e3e3e3 !important;
}

.meistersalon_ul li a:hover{
background:#333 !important;
color:#fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.company_table1 a{
color:#007eff;;
}

.feature_table td a {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.feature_table td a:hover {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
border:1px solid #3d3525;
}

.fa-angle-up:before {
    content: "\f0d8" !important;
}



.color_no1 a, .color_no2 a, .color_no23 a, .color_no3 a, .color_no4 a, .color_no45 a, .color_no5 a, .color_no6 a, .color_no67 a, .color_no7 a, .color_no8 a, .color_no11 a {
color:#fff !important;
display:block;
}

.color_no1 a:hover, .color_no2 a:hover, .color_no23 a:hover, .color_no3 a:hover, .color_no4 a:hover, .color_no45 a:hover, .color_no5 a:hover, .color_no6 a:hover, .color_no67 a:hover, .color_no7 a:hover, .color_no8 a:hover, .color_no11 a:hover{
color:#fff !important;
display:block;
}

.color_no13 a, .color_no15 a{
color:#777 !important;
display:block;
}

.color_no13 a:hover, .color_no15 a:hover{
color:#777 !important;
display:block;
}

#product_point_wrapper{
width:100%;
}

#product_point_wrapper th{
width:4% !important;
vertical-align:top;
display:table-cell;
padding-right:5px;
}

.formen_before{
text-decoration: none;
color: rgba(51, 51,51, 1);
margin:10px 0 5px 0;

}

.formen_before a {
color: #0054ff;
padding:6px;
}

.formen_before a:hover{
color: #00a8ff;
}

.formen_before a:before {
    font-family: FontAwesome;
    content: "\f0da";
    padding: 0 5px 0 0;
}

.text-mini{
font-size:85% !important;
}

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

.color_contents td{
width:7.14% !important;
}

.color_contents{
margin:8px auto 0 auto;
font-size:110%;
}

.colorcircle_no1 {color:#000;
text-shadow: 1px 1px 1px #333;
width:4%;
font-size:26px !important;

}
.colorcircle_no2 {color:#3a0000;text-shadow: 1px 1px 1px #333;width:4%;
font-size:26px !important;}
.colorcircle_no23 {color:#523c32;text-shadow: 1px 1px 1px #333;width:4%;
font-size:26px !important;}
.colorcircle_no3 {color:#643f31;text-shadow: 1px 1px 1px #333;width:4%;
font-size:26px !important;}
.colorcircle_no4 {color:#7e422c;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no45 {color:#5c3d1e;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no5 {color:#7e6b2e;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no6 {color:#ebc883;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no67 {color:#7b5c32;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no7 {color:#a68044;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no8 {color:#a25741;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no11 {color:#9f9fa0;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no13 {color:#e5e5e6;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}
.colorcircle_no15 {color:#fff;text-shadow: 1px 1px 1px #333;width:4%;font-size:26px !important;}


.aboutsmh_point{
width:49%;
float:left;
margin-right:2%;
margin-bottom:5%;
}

.aboutsmh_point_right{
width:49%;
float:right;
margin-bottom:5%;
}

.aboutsmh_point table, .aboutsmh_point_right table{
    border: none;
    border-left: 3px solid #000;
    padding: 0 2px 0 10px;
    width: 98%;
}


.aboutsmh_point a , .aboutsmh_point_right a {
    display: block;
    width: 100%;
    color: #333;
}

.aboutsmh_point a:hover , .aboutsmh_point_right a:hover {
    background:#ededed;
}

.aboutsmh_point th, .aboutsmh_point_right th {
    font-size: 42px;
    color: rgb(187, 187, 187);
    box-sizing: border-box;
    width: 15%;
    font-weight: normal;
    padding: 0px 0px 0px 5%;
}

.aboutsmh_point td, .aboutsmh_point_right td {
    width: 75%;
    box-sizing: border-box;
    font-size: 110%;
    line-height: 120%;
    color: rgb(0, 0, 0);
    padding: 0px 0px 0px 4%;
}

.aboutsmh_point_text_right{
text-align:right;
}

.aboutsmh_top{
width:62%;
margin:0 0 20px 0;
float:left;
padding:25px 0 0 0;
}

.aboutsmh_top_right{
width:38%;
float:right;
text-align:center;
}

.sitemap_page_left_wrapper{
width:48%;
float:left;
margin-bottom:20px;
}

.sitemap_page_right_wrapper{
width:48%;
float:right;
margin-bottom:20px;
}

.sitemap_page{
    border-left: 5px solid #e20000;
    padding: 0 0 0 10px !important;
    display: block;
    line-height: 110%;
padding-bottom:5px;

}

.sitemap_page a{
color:#333;
}

.sitemap_page_sub{
margin:20px 0 10px 8px;
}

.sitemap_page_sub a:before{
font-family: FontAwesome;
content:"\f0da";
padding-right:3px;
}

.sitemap_page_sub a{
color:#333;
}

.sitemap_page a:hover, .sitemap_page_sub a:hover {
    color: #0054ff;
}

#banner{
width:60%;
margin:auto;
}

#header_banner_left{
width:30%;
float:left;
text-align:center;
padding-top:12px;
}

#header_banner_right{
width:68%;
float:right;
text-align:left;
padding-top:5px;
}

#header_banner_left_img{

}

#header_banner_right_img{

}

#header_banner_left_img_sp{
display:none;
}

#header_banner_right_img_sp{
display:none;
}

}



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

#header_banner_left{
width:30%;
margin:0 ;
padding:1%;
float:left;
}

#header_banner_right{
width:70%;
margin:0 ;
padding:1%;
float:left;
}

#header_banner_left_img{
display:none;
}

#header_banner_right_img{
display:none;
}

#header_banner_left_img_sp{

}

#header_banner_right_img_sp{
}

.sitemap_page_left_wrapper{
width:100%;
margin-bottom:20px;
}

.sitemap_page_right_wrapper{
width:100%;
margin-bottom:20px;
}

.sitemap_page{
    border-left: 5px solid #e20000;
    padding: 0 0 0 10px !important;
    display: block;
    line-height: 110%;
padding-bottom:5px;

}

.sitemap_page a{
color:#333;
}

.sitemap_page_sub{
margin:20px 0 10px 8px;
}

.sitemap_page_sub a:before{
font-family: FontAwesome;
content:"\f0da";
padding-right:3px;
}

.sitemap_page_sub a{
color:#333;
}

.sitemap_page a:hover, .sitemap_page_sub a:hover {
    color: #0054ff;
}

.color_contents td{
padding-left:5px;
display: inline-block;
white-space: normal;
width:20%;
text-align:center;
font-size:130%;
}

.aboutsmh_top{
width:100%;
margin:0 0 20px 0;
}

.aboutsmh_top_right{
width:55%;
margin:0 auto 20px auto;
text-align:center;
}

.aboutsmh_point{
width:100%;
margin:0 auto 5% auto;
}

.aboutsmh_point_right{
width:100%;
margin:0 auto 5% auto;
}

.aboutsmh_point table, .aboutsmh_point_right table{
    border: none;
    border-left: 3px solid #000;
    padding: 0 2px 0 10px;
    width:100%;
margin-bottom:10px;
}


.aboutsmh_point a , .aboutsmh_point_right a {
    display: block;
    width: 100%;
    color: #333;
box-sizing:border-box;
}

.top_about_bottom {
    background: #888;
    color: #fff !important;
    padding: 4px;
    font-size: 80%;
    text-align: center;
}

.top_about_bottom a:hover{
background:#888 !important;
}

.top_about_smh_min{
color:#333;
}

.aboutsmh_point a:hover , .aboutsmh_point_right a:hover {
    background:#ededed;
}

.aboutsmh_point th, .aboutsmh_point_right th {
    font-size: 130%;
    color: rgb(187, 187, 187);
    box-sizing: border-box;
    width: 7%;
    font-weight: normal;
    padding: 0px 0px 0px 5%;
display:table-cell;
}

.aboutsmh_point td, .aboutsmh_point_right td {
    width: 75%;
    box-sizing: border-box;
    font-size: 110%;
    line-height: 120%;
    color: rgb(0, 0, 0);
    padding: 0px 0px 0px 4%;
display:table-cell;
}

.aboutsmh_point_text_right{
text-align:right;
}

.color_contents{
margin:0 auto 0 auto;
font-size:110%;
}

.colorcircle_no1 {color:#000;
text-shadow: 1px 1px 1px #333;width:4%;
margin:0 3px 0 3px;
}
.colorcircle_no2 {color:#3a0000;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no23 {color:#523c32;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no3 {color:#643f31;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no4 {color:#7e422c;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no45 {color:#5c3d1e;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no5 {color:#7e6b2e;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no6 {color:#ebc883;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no67 {color:#7b5c32;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no7 {color:#a68044;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no8 {color:#a25741;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no11 {color:#9f9fa0;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no13 {color:#e5e5e6;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
.colorcircle_no15 {color:#fff;text-shadow: 1px 1px 1px #333;width:4%;margin:0 3px 0 3px;}
}

.top_bottom_topics_blog ul{
margin:0;
padding:0;
}

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

.ciurcle_pc{

}

.ciurcle_sp{
display:none;
}

.ciurcle01{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle01 a{
color:#fff;
}

.ciurcle02{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#3a0000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle02 a{
color:#fff;
}

.ciurcle23{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#523c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle23 a{
color:#fff;
}

.ciurcle03{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#643f31;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle03 a{
color:#fff;
}

.ciurcle04{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e422c;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle04 a{
color:#fff;
}

.ciurcle45{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#5c3d1e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle45 a{
color:#fff;
}

.ciurcle05{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e6b2e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle05 a{
color:#fff;
}

.ciurcle06{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#ebc883;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle06 a{
color:#fff;
}

.ciurcle67{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7b5c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle67 a{
color:#fff;
}

.ciurcle07{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a68044;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle07 a{
color:#fff;
}

.ciurcle08{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a25741;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle08 a{
color:#fff;
}


.ciurcle11{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#9f9fa0;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle11 a{
color:#fff;
}

.ciurcle13{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#e5e5e6;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle13 a{
color:#222;
}

.ciurcle15{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#fff;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle15 a{
color:#222;
}
}


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

.ciurcle_pc{
display:none;
}

.ciurcle_sp{
}

.dr_inyou{
text-align:right;
margin:0 auto 25px auto;
}

.dr_wrapper{
background:#f6feff;
padding:8px;
border:2px solid #e3fafe;
box-sizing:border-box;
width:100%;
margin:0 auto 0 auto;
}

.dr_wrapper_title{
margin:0 auto 10p auto;
font-weight:bold;
}

.dr_wrapper_left{
width:40%;
margin:0 auto 10px auto;
text-align:center;
}

.dr_wrapper_right{
width:100%;
}

}

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

.ciurcle_pc{

}

.ciurcle_sp{
display:none;
}

.ciurcle01{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle01 a{
color:#fff;
}

.ciurcle02{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#3a0000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle02 a{
color:#fff;
}

.ciurcle23{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#523c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle23 a{
color:#fff;
}

.ciurcle03{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#643f31;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle03 a{
color:#fff;
}

.ciurcle04{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e422c;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle04 a{
color:#fff;
}

.ciurcle45{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#5c3d1e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle45 a{
color:#fff;
}

.ciurcle05{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e6b2e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle05 a{
color:#fff;
}

.ciurcle06{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#ebc883;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle06 a{
color:#fff;
}

.ciurcle67{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7b5c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle67 a{
color:#fff;
}

.ciurcle07{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a68044;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle07 a{
color:#fff;
}

.ciurcle08{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a25741;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle08 a{
color:#fff;
}


.ciurcle11{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#9f9fa0;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle11 a{
color:#fff;
}

.ciurcle13{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#e5e5e6;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle13 a{
color:#222;
}

.ciurcle15{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#fff;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle15 a{
color:#222;
}

.color_contents a:hover{
color:#fff !important;}
}








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

.ciurcle_pc{
display:none;
}

.ciurcle_sp{
font-size:70% !important;
}

.ciurcle01{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle01 a{
color:#fff;
}

.ciurcle02{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#3a0000;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle02 a{
color:#fff;
}

.ciurcle23{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#523c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle23 a{
color:#fff;
}

.ciurcle03{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#643f31;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle03 a{
color:#fff;
}

.ciurcle04{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e422c;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;

}

.ciurcle04 a{
color:#fff;
}

.ciurcle45{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#5c3d1e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle45 a{
color:#fff;
}

.ciurcle05{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7e6b2e;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle05 a{
color:#fff;
}

.ciurcle06{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#ebc883;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle06 a{
color:#fff;
}

.ciurcle67{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#7b5c32;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;

}

.ciurcle67 a{
color:#fff;
}

.ciurcle07{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a68044;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle07 a{
color:#fff;
}

.ciurcle08{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#a25741;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle08 a{
color:#fff;
}


.ciurcle11{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#9f9fa0;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
margin-top:10px;
}

.ciurcle11 a{
color:#fff;
}

.ciurcle13{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#e5e5e6;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle13 a{
color:#222;
}

.ciurcle15{
width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
background:#fff;
padding-top:12px;
font-size:75%;
color:#fff;
text-align:center;
cursor:default;
box-shadow:1px 1px 5px -1px #333;
-moz-box-shadow:1px 1px 5px -1px #333;
-webkit-box-shadow:1px 1px 5px -1px #333;
border:1px solid #ddd;
margin-top:10px;
}

.ciurcle15 a{
color:#222;
}

.color_contents a:hover{
color:#fff !important;
}
}


.smh-mist {
max-width:70px;
height:70px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border:1px solid #ccc;
margin:0 20px 0 0;
}



.howTo {
padding: 20px 0 0 0;
}
.howTo .tab_wrap{width: 100%; max-width: 1000px; margin: 0px auto;}
.howTo input[type="radio"]{display:none;}
.howTo .tab_area{font-size:0; margin: 0}
.howTo .tab_area label{border:1px solid #fff ;opacity: 0.8;width: 33.33%;float: left; margin: 0; display:inline-block; padding:12px 0; color:#666; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.howTo .tab_area label:hover{opacity: 1;}
.howTo .panel_area{background:#fff;}
.howTo .tab_panel{ width:100%; padding:20px 0; display:none;}
.howTo .tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
 
.howTo #tab1:checked ~ .tab_area .tab1_label{background:#000; color:#fff;}
.howTo #tab1:checked ~ .panel_area #panel1{display:block;}
.howTo #tab2:checked ~ .tab_area .tab2_label{background:#000; color:#fff;}
.howTo #tab2:checked ~ .panel_area #panel2{display:block;}
.howTo #tab3:checked ~ .tab_area .tab3_label{background:#000; color:#fff;}
.howTo #tab3:checked ~ .panel_area #panel3{display:block;}

.howTo #tab4:checked ~ .tab_area .tab4_label{background:#000; color:#fff;}
.howTo #tab4:checked ~ .panel_area #panel4{display:block;}
.howTo #tab5:checked ~ .tab_area .tab5_label{background:#000; color:#fff;}
.howTo #tab5:checked ~ .panel_area #panel5{display:block;}
.howTo #tab6:checked ~ .tab_area .tab6_label{background:#000; color:#fff;}
.howTo #tab6:checked ~ .panel_area #panel6{display:block;}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*
.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { background-color: #000; }
 100% { background-color: #333; }
}
*/
.howTo .notice {
display: block;
width: 100%;
text-align: center;
color: #fff;
background: #901f1f;
padding: 10px 0;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

.slider-pro {
margin-bottom: 60px;
margin-top: -20px;
}
.sp-slide p {
text-align: center;
background: #404040;
color: #fff;
padding: 10px 0 ;
}
.sp-slide::before {
	display: block;
	position: absolute;
	z-index: 5;
	content: "";
	background: rgba(0,0,0, 0.7);
	width: 100%;
	height: 100%;
}

.sp-selected::before {
display: none;
}


.sp-buttons {
position: relative;
}

.sp-button {
  width: 15px;
  height: 15px;
  margin: auto;
	border-radius: 0;
	transform: rotate(-45deg);
	margin: 0 7px;
}
.sp-button:hover {
background: #0065e2;
border: 2px solid #0065e2;
}

.sp-arrow {
z-index: 10;
}

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

	.howTo .tab_area label{width: 50%;}
}