/*===============   header  =============== */
#header-wrapper { background:#fff ; clear: both; text-align:center;width: 1170px; margin: 0 auto}
.menu-wrapper { width: 1170px; margin: 0 auto; height: 70px; padding-top: 0px; background: #fff ; }
.h-menu , .h-shop , .moblielogo , .moblie_part { display: none; }
/* Menu Container */
.nav { display: inline-block; position: relative; cursor:pointer; z-index: 500; width: 100%; background: rgba(255,255,255,.00);
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; }
/* Menu List */
.nav > li { display: block; float: left; width: 15%; height: 70px; vertical-align: bottom!important; font-weight: normal; margin-left: 0px;}
.nav > li img { margin-top: -10px; }
.nav > li:nth-child(1)  { width: 16%; height: 70px; margin-right: 5%;  }
.nav > li:nth-child(2) ,.nav > li:nth-child(3) ,.nav > li:nth-child(4) { width: 15%; height: 70px; margin-right: 0px;  }
/* Menu Links */
.nav > li > a { position: relative; display: block; z-index: 510; height: 70px; padding: 25px 5px; font-size: 14px; color: #000;
	 text-shadow: 0 0 1px rgba(0,0,0,.25); background: #fff ;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.nav > li:first-child > a { padding:25px 0 0 0 ; width: 100%; }
.nav > li:hover:first-child > a { background: #fff; }
.nav > li:hover > a { background: #133865; color: #fff; }
.nav > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; }
/* Menu Dropdown */
.nav > li > div { position: absolute; display: block; width: 100%; top: 70px; left: 0; opacity: 0; visibility: hidden; overflow: hidden; background: rgba(255,255,255,1.00); border-radius: 0 0 3px 3px;
	-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; padding-top: 0px; }
.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; }
/* Menu Content Styles */
.nav .nav-column  { float: left; width: 100%; padding: 0.5%;
	background: rgb(187, 201, 219); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(187, 201, 219,1) 1%, rgba(19, 56, 101,1) 84%, rgba(19, 56, 101,1) 84%, rgba(19, 56, 101,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(187, 201, 219,1) 1%,rgba(19, 56, 101,1) 84%,rgba(19, 56, 101,1) 84%,rgba(19, 56, 101,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(187, 201, 219,1) 1%,rgba(19, 56, 101,1) 84%,rgba(19, 56, 101,1) 84%,rgba(19, 56, 101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc9db', endColorstr='#133865',GradientType=1 ); /* IE6-9 */
		-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .05s; }
.nav .nav-column ul { width: 100%; margin: 15px auto; height: auto; display: -webkit-flex; display: flex; justify-content:center; }
.nav .nav-column ul a { color: #fff; }
.nav .nav-column li { display: block; line-height: 14px; font-size: 14px; color: #000; width:16% ; text-align: center; padding: 0 5px; margin: 1em 1%;}
.nav .nav-column li a:hover { color: #ffffff; height: 50px; }

/*=============== BODY =============== */
#main-slide { height: auto; min-width: 1170px; width: 100%;  margin: 0 auto 3em }
#main-slide .pc { display: block!important; }
#main-slide .sp { display: none!important; }
h2.ttl { text-align: center; margin: auto 0 ;; letter-spacing: 0.1em; }
h2.ttl .en { font-size: 3.5em; display: block; color: #0068b7; }
h2.ttl .jp { font-weight:normal; color: #666; }

#mv01 {display: none; }
#mv02 { width: 100%; height: 550px; }


/* company */
section.txt_box.company .box-wrap { float: right; }
section.txt_box.company .box { right: inherit; left: -230px; }
.sub_cate2 { clear: both;  width: 100%; margin: 0 auto; background: rgba(19,56,101,1.00); color: #fff; text-align: center }
.sub_cate2 a:hover , .sub_cate2 a { color: #fff; }
.sub_cate2 ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 800px; margin: 0 auto}
.sub_cate2 ul li { width: 195px; }
.sub_cate2 ul li a { height: auto; padding: 15px; display: block; margin-right: 20px; }
.sub_cate2 ul li a:hover { display: block; background: #253746; }

.company_table  { clear: both;  width: 100%; margin:  0 auto; font-size: 85%; line-height: 120% }
.company_table p  { clear: both;  width: 1000px;; text-align: left; border-left: 2px solid #253746; padding-left: 20px; margin: 1.5em auto; }
.company_table table { width: 1000px; border: 1px solid #000; margin: 2em auto ; clear: both;}
.company_table th { width: 30%;  font-weight: normal; vertical-align: middle; text-align: left; height: 40px; padding-left: 10px; border: 1px solid #000; background-color:#D3D3D3;}
.company_table td { width: 70%; text-align: left; vertical-align: middle; border: 1px solid #000; padding: 10px 15px;}
.company_table table a { color: #787878; text-decoration: none; }

.company_history  { clear: both;  width: 100%;; margin:  0 auto 5em; text-align: left;line-height: 120% }
.company_history p  { clear: both;  width: 1000px;; text-align: left; border-left: 2px solid #253746; padding-left: 20px; margin: 1.5em auto; }
.company_history table  {  width: 1000px; margin: 0 auto; }
.company_history th  { background:url( "https://beseto.co.jp/img/bg-dot.png") no-repeat 0 0; padding-left: 30px; margin-left: 40px;  width: 5%;}
.company_history td  { padding: 0 0 10px 10px; width: 10%; }
.company_history td:first-child  { padding: 0 0 10px 10px; width: 10% }
.company_history td:last-child  { padding: 0 0 10px 10px  ; width: 50% }

.company_map { width: 100%; height: auto; line-height: 120%}
.company_map p  { width: 1000px; text-align: left; border-left: 2px solid #253746; padding-left: 20px; margin: 1.5em auto; }
.company_map ul  { width: 1000px; text-align: left; margin:  2em auto; }
.company_map iframe { width: 100%; height: 450px;}

/* product*/
section.product { margin-bottom: 20px;  }
#product h3 { color: black; font-size: 1em; text-align: center}
#product h4 { }
.sub_cate { clear: both;  width: 100%; margin: 0 auto; background: rgba(19,56,101,1.00); color: #fff; }
.sub_cate a:hover , .sub_cate a { color: #fff; }
.sub_cate ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 1170px; margin: 0 auto}
.sub_cate ul li { width: 195px; }
.sub_cate ul li a { height: auto; padding: 15px; display: block; margin-right: 20px; }
.sub_cate ul li a:hover { display: block; background: #253746; }

.product_box { width: 1170px; margin: 0 auto;}
.product-sub-tittle { clear: both;  width: 1170px; margin: .5em auto 1em; }
.product-sub-tittle p  { text-align: left; border-left: 2px solid #253746 ; padding-left: 20px; }
.product-detail-list { clear: both;  width: 1170px; margin: 0 auto;text-align: center; height: auto; overflow: hidden;}
.product-detail-list ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.product-detail-list ul li { width: 23%; margin-bottom: 2em; border: 1px solid #fff; margin-right: 1%; font-size: 14px; }
.product-detail-list ul li img:hover  { border: 1px solid #253746; }

/* product スペシャル page  */
.product-sub_01 { width: 100%; text-align: center; font-size: 1em; line-height: 1em;  }
.product-sub_02 { width: 100%; text-align: center; font-size: 1.5em; line-height: 1.5em; }

.product-detail-list2 { clear: both;  width: 1170px; margin: 0 auto;text-align: center; height: auto; overflow: hidden;}
.product-detail-list2 ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.product-detail-list2 ul li { width: 31%; margin-bottom: 2em; border: 1px solid #fff; margin-right: 1%; }
.product-detail-list2 ul li a img:hover  { border: 1px solid #253746; width: 120% }


.product_warp { width: 1170px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 1em 0 ; height: auto; }
.product-detail-tittle { width: 100%; background:#f8f8f8; height: 80px; padding: 20px 0  }
.product-detail-tittle p { width: 1170px; color: #2c3947; margin: 0 auto; font-size: 26px; text-align: center; padding: 0em 1.5em; font-weight: 500; }

/* product left navi */
.left_navi { width: 25%; }
.left_navi a { color: #fff; }
.left_navi p {  color: #000; height: auto; padding: 15px 15px; text-align: left; border: 1px solid #ccc; border-top-left-radius: 10px; border-top-right-radius: 10px; width: 96% }
.left_navi ul  { width: 96%; padding: 10px; background: #253746; text-align: left;  }
.left_navi ul li  { padding: 10px 5px; border-bottom: 1px dotted #fff; width: 100%; }

/* product right main */
.product-detail { width: 75%; }
.product-detail p { border: 1px  dotted gray; margin: 2em; padding: 1em ; text-align: center;  }
.product-detail .txt01 { width: 100%;  margin: 0 auto;  padding: 10px; text-align: left;   }
.product-detail .txt01 span { color: red; font-weight: bold;}
.product-detail img { display: block ; padding: 0 10px ; }
.product-detail table { width: 100%; margin-bottom: 3em; }
.product-detail table th  { background: #FF0000; padding: 10px; border: 1px solid #ccc; color: #fff; font-weight: bold; }
.product-detail table td  { background: #fff; padding: 10px; border: 1px solid #ccc; }
.product-detail .detail_01 td { width: 33.3333%; border: 1px solid lightgray; padding: 5px; }
.product-detail .detail_tb { width: 100%; text-align: center; }
.product-detail .detail_tb tr { }
.product-detail .detail_tb th { width: 30%;  border: 1px solid lightgray; padding: 0px; font-weight: normal;  background: gray; color: #fff; vertical-align: middle;}
.product-detail .detail_tb td { width: 70%;  border: 1px solid lightgray; padding: 1em;}

/* VR-P006*/
.product-detail h1 { clear: both;  font-weight: bold; font-size: 20px; padding: 2em 0px ; width: 100%}
.product_detail_txt01 { width: 100%; margin-bottom: 2em; }
.product_detail_txt01 p { padding:.5em; background: #5ac; width: 100%; margin:1em 0 1.5em; text-align: left; color: #fff; }
.product_detail_txt01 ul { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; }
.product_detail_txt01 ul li { width: 50%; }
.product_detail_txt01 ul li:last-child { padding-top: 0em; }

.product_detail_txt02 { width: 100%; margin: 3em 0 ; padding: 0 .5em ; line-height: 26px;}
.product_detail_txt02 p { border: 0px; width: auto; margin-left: 50px; text-align: left;}
.product_detail_txt02 img  { padding: 0px; }
.product_detail_txt02 table {  width: 780px; text-align: center; margin-top: 2em; }
.product_detail_txt02 table th {  background: #ccc; border: 1px solid white; color: #000; vertical-align: middle;  }

.product_detail_txt03 { width: 780px; background: url("../product-img/vr-p006n/bg_03.gif"); min-height: 250px}
.product_detail_txt03 p { border: 0px; text-align: left; color: #fff; }

.product-detail_dot01 { background: url( "../product-img/vr-p006n/bg_01.gif") ; margin-left: 1em }
.product-detail_dot02 { background: url( "../product-img/vr-p006n/bg_02.gif") ; margin-left: 1em }
.product-detail_dot04 { background: url( "../product-img/vr-p006n/bg_04.gif") ;  width: 780px;  }
.product-detail_dot05 { background: url( "../product-img/vr-p006n/bg_05.gif") ;  width: 780px;  }
.product-detail_dot06 { background: url( "../product-img/vr-p006n/bg_06.gif") ;  width: 780px;  }
.product-detail_dot07 { background: url( "../product-img/vr-p006n/bg_07.gif") ;  width: 780px;  }
.product-detail_dot08 { background: url( "../product-img/vr-p006n/bg_08.gif") ;  width: 780px;  }
.product-detail_dot09 { background: url( "../product-img/vr-p006n/bg_09.gif") ;  width: 780px;  }
.product-detail_dot10 { background: url( "../product-img/vr-p006n/bg_10.gif") ;  width: 780px;  }
.product-detail_dot11 { background: url( "../product-img/vr-p006n/bg_11.gif") ;  width: 780px;  }
.product-detail_dot12 { background: url( "../product-img/vr-p006n/bg_12.gif") ;  width: 780px;  }
.product-detail_dot13 { background: url( "../product-img/vr-p006n/bg_13.gif") ;  width: 780px;  }
.product-detail_dot14 { background: url( "../product-img/vr-p006n/bg_14.gif") ;  width: 780px;  }

.product-detail_dot01 p , .product-detail_dot02 p , .product-detail_dot03 p , .product-detail_dot04 p , .product-detail_dot05 p , .product-detail_dot06 p ,.product-detail_dot07 p , .product-detail_dot08 p , .product-detail_dot09 p ,
.product-detail_dot10 p , .product-detail_dot11 p , .product-detail_dot12 p , .product-detail_dot13 p , .product-detail_dot14 p  { clear: both; font-weight: bold; font-size: 20px; border: 0px; text-align: left; padding-left:75px; max-height: 72px }

.detail_list01 { margin-left: 70px; font-weight: bold; line-height: 2.5em; font-size: 1em;}
.detail_list01 span { border-bottom: 3px dotted red; color: #ff7900;}

.detail_list02 { width: auto; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row;  margin-left: 2em;}
.detail_list02_detail { width: 50%; min-width: 385px; padding: .5em }

.detail_list02 table.hikaku { border: 1px solid #595959; border-collapse: collapse; text-align:center; font-size:.9em; width: 780px; margin-left: -20px;}
.detail_list02 table.hikaku th { border: 1px solid #595959; background: #fff;color: #000; vertical-align: middle; border-collapse: collapse; font-weight:normal; padding:0px; }
.detail_list02 table.hikaku th.p006th { border: 1px solid #595959; vertical-align: middle; border-collapse: collapse; font-weight:bold; background-color:#ffe6c0; padding:0px; }
.detail_list02 table.hikaku td { width: 195px; border: 1px solid #595959; border-collapse: collapse; padding:10px 5px; }
.detail_list02 table.hikaku td.p006 { border: 1px solid #595959; border-collapse: collapse; background-color:#ffe6c0; font-weight:bold; padding:12px; }

.detail_list03 { width: auto; margin-left: 2em; }

#product_acc { width: 100%; min-width:1200px; background:  #E8E8E8; padding: 1em ; font-size: 12px;  }
#product_acc  p { width: 1170px;  margin: 0 auto;  padding: 0 0 0 10px;   }

/* VR-P009*/
#product_new { clear: both ;  width: 1170px; margin: 1.5em auto   ;  height: auto }
#product_new  { margin: 0 auto; overflow: hidden;  font-size: 18px; }
#product_new .product_img { width: 46%; margin: 0 2% 5em ; float: left; }
#product_new .product_img:after {  clear: both; }
.product_box {  width: 100%; margin: 0 auto 0 ; }
.product_box li { width: 48%; margin: auto 1%; float: left; line-height: 30px;  }
.product_box2:after { clear: both; content: "" ;  }
.product_box2:before { clear: both; content: "" ;  }
.product_box2 {  width: 100%; margin: 3em auto 1em;  }
.product_box2 li { width: 96%; margin: 0 1%; line-height: 30px; padding: 0 5px 0 0;  }
.product_box2 li:first-child { width: 100%; padding: 0 0px; border: 0px; margin-bottom: 2em  }
.product_box2 li img { margin-left: 0px;  }
.product_box3 {  width: 100%; margin: 3em auto 1em; overflow: hidden; }
.product_box3 li { width: 46%; margin: 0 1%; line-height: 30px; padding: 0 5px 0 0; float: left }
.product_box3 li:first-child { width: 100%; padding: 0 0px; border: 0px; margin-bottom: 2em;   }
.product_box3 li:nth-child(2) { width: 48%; padding: 0 0px; border: 0px;  margin: 0 2% }
h3 { font-size: 26px; width: 100%; margin: 0 auto; }
h1 { font-size: 18px; width: 70%; margin: 0 auto; font-weight: normal; }
.product_tittle2 { width: 100%; margin-bottom: 1em; }
.product_tittle2 p  {border-bottom: 1px dashed #ccc; padding: 0.5em; font-size: 20px; font-weight: bold; }
.rec { text-align: center;  line-height: 2em; }
.rec th { width: 15%;  vertical-align: middle ;  font-weight: normal; border: 1px solid #fff;  background: #ddd;   }
.rec td { width: 23.33%; border: 1px solid #ddd; }

/* online shop */
.online { clear: both; width: 1170px; margin: 0 auto; }
.online ul { width: 100%; height: auto; margin: 1em 2em; }
.online ul li { width: 22%; float: left; margin-right: 3%; }

#support { clear: both;  width: 100%; text-align: center ; height: auto ; min-width: 1170px;  }
.support-tittle-detail { clear: both ;  width: 100%; height: 150px; background-image: url(../img/bg.jpg); background-repeat: repeat-y; margin: 0px; padding: 50px; }
.support-tittle-detail p { width: 1170px;  color: #fff; margin: 0 auto; font-size: 26px;}

.support_tittle { width: 100%; font-size: 26px; height: 70px;  background: #253746; clear: both; }
.support_tittle p { width: 1100px;  margin: 0 auto; border-left: 5px solid red; height: 100%; padding: 15px 30px;  }
.support_text { width: 1100px; font-size: 14px; margin-left: 2%; margin: 1em auto; text-align: left; color: #747474; }
.support_detail { width: 1100px; margin: 0 auto; text-align: left;}
.support_detail ul { margin : .5em ;  width: 46%; float: left; height: 395px;}
.support_detail ul li { margin: .5em; line-height: 1.5em}
.support_detail ul p { border-bottom: 2px solid #7c7c7c; padding: 10px 5px;}
.support_detail ul a { color: #747474; text-decoration: none;}

.support-tittle-sub { clear: both;  width: 100%; margin: 0 auto; background: rgba(19,56,101,1.00); color: #fff; text-align: center }
.support-tittle-sub a:hover , .support-tittle-sub a { color: #fff; }
.support-tittle-sub ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 800px; margin: 0 auto}
.support-tittle-sub ul li { width: 195px; }
.support-tittle-sub ul li a { height: auto; padding: 15px; display: block; margin-right: 20px; }
.support-tittle-sub ul li a:hover { display: block; background: #253746; }

.support_warp { clear: both;  width:1170px;  position:relative; margin: 1em  auto; height: auto; text-align: left; font-size: 14px; line-height: 120%  }
.support_warp p { }
.support-text  { width:80%; float: left;  margin-right: 2%;   }
.support-text p  { border-left: 2px solid #253746;  border-bottom: 2px solid #253746; padding-left: 1em; margin: 1em ;line-height: 1.5em;  }
.support-text p:first-child  { clear: both; border: 0px;  margin: 1em ; }
.support-text  ul  {  padding-left: 1em; font-weight: 450; margin-left: 1em; }
.support-text  ul li  { clear: both;  margin-top: 0.3em; margin-left: 1em; }
.support-detail { border: 1px dotted gray; width: 80%;  margin: 2em auto;  }
.support-box { width:36%; float: left; padding: 10px;  text-align: center; }
.support-box p { color: #fff;  padding: 10px;  line-height: 40px;  background: #253746; border-radius: 10px;  margin-bottom: .5em;  }
.support-sub { clear: both;  width: 1170px;; text-align: left; border-left: 2px solid #253746; padding: .5em .5em .5em 1em ; margin: 1.5em auto; }
.oem-text { }
.oem-text p  {padding: .5em .5em .5em 1em ; border-left: 2px solid red; margin: 1em;  }
.oem-text ul  { margin: 2em}
.oem-text ul li  { margin-bottom: 0.2em; }
.oem-text ul li  span { padding-left: 85px;  }
.supportpc { display: none}

#privacy { clear: both;  width: 100%; text-align: center ; height: auto !important ; margin-bottom: 2em;  }
.privacy-tittle-detail { clear: both ;  width: 100%; height: 150px; background: linear-gradient(-45deg, #5b247a, #1bcedf); margin: 0px; padding: 50px; }
.privacy-tittle-detail p { width: 1170px;  color: #fff; margin: 0 auto; font-size: 26px;}
.privacy-tittle-sub { width: 1170px; margin: 0 auto  ;  height: 100px; font-size: 14px; text-align: center;  padding-top: 10px; }
.privacy-tittle-sub a:hover { color: #fff; }
.privacy-tittle-sub ul { width: 40%; margin: 0 auto; }
.privacy-tittle-sub ul li a { float: left; width: 45%; height: 3em; padding-top: 10px; margin-bottom: 10px; display: block; }
.privacy-tittle-sub ul li a:hover { float: left; width: 45%; height: 3em; padding-top: 10px; margin-bottom: 10px; display: block; background: #253746; }
.privacy-sub-tittle { width: 1170px; margin: 0 auto; text-align: left; }
.privacy-detail-list { padding-left: 0.5em; width: 1170px; margin: 0 auto; text-align: left;}
.privacy-detail-list ul { font-size: 14px; margin-bottom: 3em; padding: 0 2em; width: 90%;line-height: 120%;}
.privacy-detail-list ul li { list-style:decimal; margin-left:20px;}
.privacy-sub-tittle { clear: both;  width: 1170px; margin: 0 auto 1em; }
.privacy-sub-tittle p  { text-align: left; border-left: 2px solid #253746 ; padding-left: 20px; }

/* ニュースリリース */
/*=== toppage ===*/
#news { width: 100%; height:auto; overflow:hidden; color: rgba(0,0,0,1.00) ;font-weight: normal; text-align: left; margin-top: 0em;  }
.newsbox { width: 1170px; height: auto; overflow: hidden;  margin: 0 auto 4em}
.newsbox h1{ font-size: 34px; text-align: center; font-weight:bold}
.newsbox h2{ font-size: 18px; text-align: center;  }
.newsbox h3{ font-size: 16px;  }
.newsbox h4{ font-size: 24px; font-weight: bold; }
.media , .newitem { height: auto; overflow: hidden; margin: 0 0 .5em 0 }

.mediabox { width: 370px; height:auto; min-height: 220px;  background: rgba(230,230,232,1.00); float: left; margin: 0 10px 1em ; padding: 15px 5px ; overflow: hidden; }

.mediaimg { width: 50%; float: left; padding: 5px ;  }
.mediaimg img { width: 100%;  }
.mediatxt { width: 50%; float: left; padding-top: 1em;font-size: 80%; line-height: 120%; }
.mediatxt ul { width: 100%; display: block;}
.mediatxt ul li:first-child , .mediatxt ul li:nth-child(2) { font-weight:bold;  }
.mediatxt ul li:last-child { line-height: 2.5em; }

.more a { clear: both; width: auto; padding: .5em 2em; text-align: center; border: 1px solid gray; float: right; margin: 0 2em 0; margin-right: 2em; font-size: 14px; }
.more a:hover { color: #fff; margin: 0 2em 0; background: #133865;  }


#item { } /* media category*/
#news_warp { width: 1170px; margin: 0 auto} /* media category*/
.item-tags {letter-spacing: -0.4em; list-style: none;  margin: 10px auto 10px; padding: 0; text-align: center; float: right }
.item-tags > li { display: inline-block;  letter-spacing: normal; margin: 0 5px 5px; width: 5em; height: 2em; }
.item-tags > li button { background-color: #fff; border: 1px solid #ccc; cursor: pointer; display: block; outline: none; padding: .6em .6em; width: 100%; }
.item-tags > li button.is-checked, .item-tags > li button:hover { display: inline-block;  letter-spacing: normal; background: rgba(19,56,101,1.00) ;color: white; padding: .6em 0   }
.item-list { clear: both;  }

.news_detail { }
.news_detail li { width: 360px; float: left; padding: .5em; line-height: 24px; }
.news_detail li img { max-height: 250px; margin: 0 auto; }
.news_detail li:nth-child(2) { width: 800px; float: left; font-size: 90%;   }

.news_date { font-size: 80%;   }
.news_tittle { font-weight: bold; height: auto; overflow: hidden; margin-bottom: 1em; }
.news_cate01 { background: rgba(19,56,101,1.00) ; color: white; padding: .5em 1em; }
.news_cate02 { background: rgba(19,56,101,.70); color: white; padding: .5em 1em; }
.news_txt { height: auto; overflow: hidden; margin: 1em 0 0 0   }


.news-tittle-detail { clear: both ;  width: 100%; height: 150px;background: linear-gradient(-45deg, #5b247a, #1bcedf); margin: 0px; padding: 50px; }
.news-tittle-detail p { width: 1170px;  color: #fff; margin: 0 auto; font-size: 26px;text-align: center}
.news-tittle-sub { width: 1170px; margin: 0 auto;  height: 60px; font-size: 14px; text-align: center; padding-top: 0px; }
.news-tittle-sub a:hover { color: #fff; }
.news-tittle-sub ul { width: 50%; margin: 0 auto; }
.news-tittle-sub ul li a { float: left; width: 33.33%; height: 3em; padding-top: 10px; display: block; }
.news-tittle-sub ul li a:hover { float: left; width: 33.33%; height: 3em; padding-top: 10px; display: block; background: #253746; }
.newsnavi-right { width: 1170px;  margin: 0 auto; font-weight: 200;}
.newsnavi-right a { text-decoration: none;; color: #000; font-size: 14px;}
.newsnavi-right a:hover { text-decoration: none; color: #3357b5; font-size: 14px;}
.newsnavi-right table {margin-bottom: 20px; margin-bottom: 2em;}
.newsnavi-right th { text-align: left; font-weight: normal; font-size: 14px; background: #253746; color: #fff; padding-left: 15px; height: 30px; vertical-align: middle;}
.newsnavi-right td { width: 80%; height: 40px; border-bottom: 1px dotted #000; vertical-align: middle; }
.newsnavi-right td:first-child { width: 20%; font-size: 12px; vertical-align: middle; padding-left: 10px;}

.newsnavi { width: 1170px;clear: both;  margin: 0 auto}
.newsnavi  img {  width: 100%; margin: auto; }
.newsnavi a { text-decoration: underline; color: #000; font-size: 12px; }

.newsnavi table { width: 900px; text-align: left; font-size: 16px; font-weight: bold !important; margin: 0 auto 2em; }
.newsnavi table .detail_tittle { text-align:  right; line-height: 1.5em; }
.newsnavi table .detail_copy { border: 1px dotted gray ;  height: 40px; padding: 10px 0; text-align: center; font-size: 16px !important; }
.newsnavi table .detail_sub { background: lightgray; border: 1px solid #ccc; height: 35px; padding: 5px 0 0 10px; }
.newsnavi table .detail_text { padding: 15px 10px; }
.newsnavi table .news_bottom { background: rgba(19,56,101,1.00); text-align: center; color: #fff; padding: 1em 0  }
.newsnavi table .news_bottom a { color: #fff; text-decoration: none;  }
.newsnavi table .detail_text span {  font-size: 110%; text-decoration: underline; font-weight: bold; }
.newsnavi .destail_spec table { clear: both;  width: 96%; }
.newsnavi .destail_spec th  { background: #eaeeee; font-weight: normal; width: 50%; padding: 5px 15px; height: auto; border: 1px dotted gray ; vertical-align: middle; }
.newsnavi .destail_spec td  { width: 50%; padding: 5px 15px; height: auto; border: 1px dotted gray ; vertical-align: middle; }

.newsnavi .destail_spec2 table { clear: both;  width: 96%; }
.newsnavi .destail_spec2 th  { background: #eaeeee; font-weight: normal; width: 30%; padding: 5px 15px; height: auto; border: 1px dotted gray ; vertical-align: middle; }
.newsnavi .destail_spec2 td  { width: 35%; padding: 5px 15px; height: auto; border: 1px dotted gray ; vertical-align: middle; }

.newsnavi .detail_notice  { border: 1px dotted gray; margin: 0 auto; padding: 10px; }

#store { width: 100%; height:auto; overflow:hidden; color: rgba(0,0,0,1.00) ;font-weight: normal; text-align: left; margin-top: 0em;  }
#store_warp { width: 1170px; height: auto; overflow: hidden;  margin: 0 auto 4em }
.item-tags2 {letter-spacing: -0.4em; list-style: none;  margin: 10px auto 10px; padding: 0; text-align: center; float: right }
.item-tags2 > li { display: inline-block;  letter-spacing: normal; margin: 0 5px 5px; width: 10em; height: 2em; }
.item-tags2 > li button { background-color: #fff; border: 1px solid #ccc; cursor: pointer; display: block; outline: none; padding: .6em .6em; width: 100%; }
.item-tags2 > li button.is-checked2, .item-tags2 > li button:hover { display: inline-block;  letter-spacing: normal; background: rgba(19,56,101,1.00) ;color: white; padding: .6em 0   }
.item-list2 { clear: both;  }

.store_sub { width: 1170px; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; border-bottom: 6px solid rgb(19, 56, 101); border-left: 6px solid rgb(19, 56, 101);
	padding: 10px 15px;  }
.store_sub img {   }
.store_sub p {  padding: 10px 10px ;  }

.store_list { width: 100%;}
.store_list dl { display: -webkit-inline-flex; display: inline-flex;    -webkit-flex-wrap: wrap;flex-wrap: wrap;width: 1170px; margin: 1em 1em   }
.store_list dl dt { width: 25%; border: 1px solid rgba(122,122,122,1.00); padding: 1.5em;text-align: center;  }
.store_list dl dd {width: 50%; border: 1px solid rgba(122,122,122,1.00); padding: 1em; text-align: left;  }
.store_list dl dd:nth-child(3n) {width: 20%; padding: 1.5em ;text-align: center;  }


/* top sns box*/
#sns_box { width: 1170px; margin: 3em auto 0; height: auto; overflow: hidden; text-align: center;}
#sns_box h1 { color: rgba(0,0,0,1.00); font-size: 14px;}
#sns_box h2 { color: rgba(0,0,0,1.00); font-size: 24px; font-weight: bold; }
.sns_detail { width: 30%; padding: 0.5em ; float: left; margin: 0 1%; }
.sns_detail:nth-child(1) { width: 40%; padding:0.5em  1em ; float: left; }
.sns_detail img { padding: .5em; max-width: 100px;  }

/*  footer   */
footer { clear: both ; background: rgba(97,97,97,.5);  color: #fff;  width: 100%;  bottom: 0px; position: relative; min-width: 1170px; }
footer  a {  color: white; }
#footer_bottom { width: 100%; position: relative; height: auto; bottom: 0px; color: white;  clear: both;  }
.footer_logo { width: 1170px; margin: 0em  auto; padding: 2em 0 0 0 }
.footer_logo img {  width: 200px; }
.moblie_logo { display: none;  }
.copyright { width: 100; margin: 0 auto; border-top: 0px dotted white;text-align: center; padding: .5em 0  }
.copyright  p{ width: 1170px; margin: 0 auto;  padding: 5px ; }

#moblie_menu { width: 1170px ; margin: 0 auto; padding: 1em 0; }
#moblie_menu ul  { background: #253746;  }
#moblie_menu ul  li { width: 25%; float:left; font-size: 22px; margin-bottom: 2em;  line-height: 50px;   }
#moblie_menu ul  li:first-child {  width: 50%; float:left; margin-bottom: 0;  }
#moblie_menu ul  .submaenu{  display: none}
#moblie_menu ul  .otoiawase{  display: block}
#moblie_menu ul  li:first-child > ul li {  width: 50%; float:left; }
#moblie_menu ul  li > ul  { clear: both!important }
#moblie_menu ul  li > ul >  li {  width: 100%; font-size: 14px; margin-bottom: 0;  line-height: 24px;   }

.pagetop { position: fixed; right: 5%; bottom: 5%; width: 60px; height: 60px; outline: none; cursor: pointer; color:#FFF; border: none; background:#000; opacity:.5; display: none;   -moz-border-radius: 10px;
  -webkit-border-radius: 10px; border-radius: 10px; text-align:center;  font-size: 55px; }
.pagetop i{ color:#fff;  padding-top: 0; }

@media (min-width: 1921px) {
section { max-width: 1500px; width: 100%;  margin: 0 auto; }
#top_bg { width: 100%; position: relative; height: 100%;  }
} /* wide size display slider fix */

	/* link-box */
/*section { min-width: 1200px; }*/
section.txt_box { margin-bottom: 2em; height: auto; overflow: hidden; }
section.txt_box a { position: relative; height: 500px; width: 100%; opacity: .95; }
section.txt_box .box-wrap { position: relative; float: left;; }
section.txt_box .img { position: relative; overflow: hidden;  max-height: 500px;  }
section.txt_box .img:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: linear-gradient(120deg, #00e7ea, #0085ea); transition: 0.5s ease-in-out; }
section.txt_box a:hover .img:after { opacity: 0.4; transition: 0.5s ease-in-out; }
section.txt_box #box01 , section.txt_box #box02 { visibility:hidden; }
section.txt_box .box { position: absolute; right: -230px; top: 70px; background: linear-gradient(120deg, #5b247a, #1bcedf); width: 460px; height: 360px; padding-top: 8.5em; text-align: center;
	box-sizing: border-box; z-index: 2; transition: 0.5s ease-in-out; }
section.txt_box .box:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: linear-gradient(-45deg, #5b247a, #1bcedf);
	z-index: 2; transition: 0.5s ease-in-out; }
section.txt_box a:hover .box:after { opacity: 1; transition: 0.5s ease-in-out; }
section.txt_box .box img , section.txt_box .box h2 { position: relative; z-index: 3; }
section.txt_box .box h2 span { color: #fff!important; }
/* animation J-Query */
section.txt_box .anime1 { animation: anime1 1.5s both; }
section.txt_box .anime2 { animation: anime2 1.5s both; }
@keyframes anime1 { 0% { transform: scale(1.2);  }100% { transform: scale(1); } }
@keyframes anime2 { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }

@media screen and (max-width: 1250px){
.right_banner { position: fixed; top: 10%; right: 0px; z-index: 1111; }
.right_banner img { width: 80px; margin-bottom: 1em }
}

@media (min-width: 760px) and (max-width: 1024px) {
html , body { min-width: 1200px; width: 100%; margin: 0 auto}
} /* tablet*/

@media screen and (max-width: 1390px) {
/* =====================
  .txt_box
===================== */
section.txt_box a { height: 360px; }
section.txt_box .box-wrap { height: auto; overflow: hidden; }
section.txt_box .img { width: 70%; }
section.txt_box .box { right: 60px; top: 60px; width: 300px; height: 300px; padding-top: 100px; }
section.txt_box.company .box { padding-top: 100px; }
section.txt_box .box h2 .en{ font-size: 3rem; }
section.txt_box .box h2 .jp{ font-size: 1.2rem; }
/* company */
section.txt_box.company .img { float: right; }
section.txt_box.company .box { left: 60px; }
}
/*  SP時 */
@media screen and (max-width: 768px) {
h2.ttl { margin-bottom: 40px; }
h2.ttl .en { font-size: 2rem; }
/* txt_box */
section.txt_box { margin-bottom: 80px; }
section.txt_box a { height: auto; }
section.txt_box .box-wrap { height: 200px; }
section.txt_box .img { width: 70%; }
section.txt_box .box { right: 20px; top: 60px; width: 130px; height: 130px; padding-top: 50px; }
section.txt_box.company .box { padding-top: 50px; }
section.txt_box .box h2 .en{ font-size: 1.2rem; }
section.txt_box .box h2 .jp{ font-size: .8rem; }
section.txt_box .box img { max-width: 30px; margin-bottom: 10px; }
/* company */
section.txt_box.company { margin-bottom: 60px; }
section.txt_box.company .img { float: right; }
section.txt_box.company .box { left: 20px; }
section.txt_box.company .box img { max-width: 20px; }
/* product */
section.product { margin-bottom: 60px; }
}
/*  ipad時 */
/* 縦 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
section.txt_box { margin-bottom: 140px; }
section.company.txt_box { margin-bottom: 140px; }
/* 横 */
section.txt_box { margin-bottom: 150px; }
section.txt_box .box-wrap { height: 200px; }
section.txt_box .img { width: 70%; }
section.company.txt_box .img { margin-left: auto; }
section.txt_box .box { right: 20px; top: 60px; width: 380px; height: 380px; padding-top: 120px; }
section.txt_box.company .box { padding-top: 100px; left: 20px;}
}