@charset "utf-8";
/* CSS Document */

/*size:1200px以下
----------------------------------------------------*/
@media screen and (max-width:1200px){

/*common
---------------------------------------------*/
.cont_width {
	width:96%;
	overflow:hidden;
}




}


/*size:1000px以下
----------------------------------------------------*/
@media screen and (max-width:1000px){

header .hdr_box {
    padding: 0;
}

header .mainnav li.mn01	{ margin:0 12px 0 0; }
header .mainnav li.mn02	{ margin:0 23px 0 0; }
header .mainnav li.mn03	{ margin:0 21px 0 0; }
header .mainnav li.mn04	{ margin:0 39px 0 0; }
header .mainnav li.mn05	{ margin:0 15px 0 0; }
header .mainnav li.mn06	{ margin:0; }


#service .service_box {
	padding:0 10px;
}

#product .product_box .product_btn {
    width: 96%;
	margin:0 2%;
}



}

/*size:767px以下共通
----------------------------------------------------*/
@media screen and (max-width:767px){

html {
  font-size: 62.5%; /* sets the base font to 10px for easier math */
}
 
body {
  font-size: 11px;
  font-size: 1.1rem;
}
.pc_img { display:none !important; }
.sp_img { display:block !important; }

/*header
---------------------------------------------*/
header {
	height: inherit;
	padding:0;
}
.hdr_box.cont_width {
	width:100%;
}
header .hdr_box {
	padding:0;
}
header h1 {
	padding:10px;
}
header h1 a:hover  {
 	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
header h1 img {
	width:120px;
}
header .mainnav {
    float:none;
    margin:4px 0 0 0;
    overflow: inherit;
}
header .mainnav li {
	margin:0 !important;
	border-top:1px solid #ddd;
}
header .mainnav li a {
	display:block;
	width:100%;
	height:50px;
	padding:15px 0;
	background:#fff url(../img/mainnav_bg_sp.png) no-repeat top center;
	background-size:179px auto;
}
header .mainnav li.mn05,
header .mainnav li.mn06  {
	padding:8px 0;
	background:#fff;
	width:50%;
	margin:0;
	float:left !important;
}
header .mainnav li.mn01 a { background-position: center 0; }
header .mainnav li.mn02 a { background-position: center -50px; }
header .mainnav li.mn03 a { background-position: center -100px; }
header .mainnav li.mn04 a { background-position: center -150px; }
header .mainnav li.mn05 a { width:100%; background-position: center -200px; }
header .mainnav li.mn06 a { width:100%; background-position: center -250px; }
.inner {
  width: 100%;
  padding: 0;
}
#top-head {
  top: 0;
  position: fixed;
  margin-top: 0;
}
#mobile-head {
  background: #fff;
  width: 100%;
  z-index: 999;
  height:60px;
  position: relative;
}

#global-nav {
  position: absolute;
  top: -500px;
  background: #333;
  width: 100%;
  text-align: center;
  padding:0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#global-nav ul {
  list-style: none;
  position: static;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
#global-nav ul li {
  float: none;
  position: static;
}

#nav-toggle {
  display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
  /* #global-nav top + #mobile-head height */
  -moz-transform: translateY(556px);
  -webkit-transform: translateY(556px);
  transform: translateY(556px);
}


/*common
---------------------------------------------*/
section {
	padding:60px 0 110px 0; 
}
.pagebox {
    margin-top:-60px;
    padding-top:60px;
}


/*home
--------------------------------------------------*/
/*bhome*/
#bhome section h2 {
    line-height: 0;
    padding: 57px 0 62px;
    text-align: center;
}
#bhome section h2 img {
	width:125px;
}

/*intro*/
#intro .intro_box .intro_btn img {
	width:250px;
}

/*service*/
#service .service_box {
	padding:0 20px;
}
#service .service_box dl {
	display: block;
}
#service .service_box dl dt {
	display: block;
	width:100%;
	text-align:center !important;
	padding:0 0 15px 0 !important;
}
#service .service_box dl dd {
	display: block;
	width:100%;
	vertical-align:middle;
	text-align:center !important;
	padding:0 !important;
}
#service .service_box dl dt img {
	height:150px;
}
#service .service_box dl dd h3 img {
	height:28px;
}

/*product*/
#product .product_box .product_box__left,
#product .product_box .product_box__right {
	width:100%;
	float:none;
	text-align:cemter;
	border-right: none;
}
#product .product_box .product_box__left img,
#product .product_box .product_box__right img {
	width: auto;
}
#product .product_box .product_btn {
	position:absolute;
	bottom:19px;
	right:0;
}
#product .product_box .product_btn {
	width:90%;
	margin:0 5%;
}


/*about*/
#about figure.about_logo {
	margin:15px 15px 40px 15px;
}
#about figure.about_mail01 {
	margin:80px 0 22px 0;
}



/*product page
--------------------------------------------------*/
#bproduct .productdet_box {
	padding:0 15px;
}

#bproduct .productdetimg_box li {
    float:none;
    width: 100%;
	margin:0 0 10px 0;
	padding:0 !important; 
} 

#bproduct .productdettext_box_right,
#bproduct .productdettext_box_left {
	width:100%;
	float:none;
	padding:0;
}
#bproduct .productdettext_box_right dl:first-child {
	border-top:none;
}
#bproduct .productdettext_box dl {
	display:block;
}
#bproduct .productdettext_box dl dt {
	display: block;
	width: auto;
	font-size:120%;
}
#bproduct .productdettext_box dl dd {
	display: block;
	width: auto;
	vertical-align:middle;
	margin:5px 0 0 0;
}
#bproduct .productdet_img {
    margin: 65px 0 80px;
}

/*video card*/
#bproduct h3.video_tit img {
	width:40px;
}



}

/*size:480px以下共通
----------------------------------------------------*/
@media screen and (max-width:480px){

}