@charset "utf-8";

/*--------------------------------------------共通箇所--------------------------------------------*/
a, p, img, ul, li, h1, h2, h3, h4, h5, div, body, img{
    margin: 0;
    padding: 0;
}
ul, li{
    list-style:none;
}
img{
    max-width: 100%;
    width: auto;
}
.clearfix:after {
    content:"";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.width_30p{
    width: 30%;
	padding: 6px 0 12px 0;
}
.width_50p{
    width: 50%;
}
.width_70p{
    width: 70%;
	padding-left: 10px;
}
.width_100p{
    width: 100%;
}
.flt_l{
    float: left;
}
.flt_r{
    float: right;
}

/*--------------------------------------------top.html--------------------------------------------*/
.content{
	padding:0;
}

.main_key {
	text-align: center;
}
.main_key h2 {
	color: #004473;
	margin: 20px auto;
	font-size: 32px;
	letter-spacing: 2px;
	transition: 0.2s;
	line-height: 130%;
}
.main_key p {
	margin: 20px auto;
	font-size: 16px;
	font-weight: bolder;
}
.main_key img.dis_n{
	padding-top: 30px;
}
.space{
	padding: 10px 0px;
}
.white_back{
	width: 980px;
	background: #fff;
	margin: 0 auto;
	padding: 20px 0px;
}
.wrap {
    width: 900px;
    margin: 0 auto;
    background: #fff;
    font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.section001{
 	font-weight: normal;
}
.section001 h2 {
	text-align: center;
	padding-top: 60px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	font-weight: bolder;
	font-size: 22px;
}
.section001 h3 {
    background: #004473;
    padding: 10px 0px 10px 20px;
    color: #FFF;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 20px;
}
.section001 li {
    display: table-cell;
	display: block;
    width: 33%;
    float: left;
    text-align:center;
    /*padding: 10px 0px 10px 0px;*/
	width: 31.33%;

}
.section002 li{
	padding: 10px 2px 10px 2px;
	width: 33.3%;
	float: left;
}
.section002 h3 {
	background-color: #004473;
	padding: 10px 0px 10px 20px;
	color: #FFF;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 20px;
}
.ma_top50{
	margin-top: 50px;
}
input, select {
	margin-right: 5%;
    vertical-align: middle !important;
}
.search_bt {
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	
}

.search_bt ul{
	width: 450px;
	margin: 0 auto;
}
.nth-child-a {
    width: 45%;
    text-align: center;
    float: left;

}
.nth-child-a a{
	    -webkit-border-radius: 10px;
    background: #004473;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 33px;
	display: block;
}
.nth-child-a:hover{opacity: 0.7;}

.nth-child-b {
	width: 45%;
    text-align: center;
    float: right;
   
    
}
.nth-child-b:hover{opacity: 0.7;}
.nth-child-b a{
	 -webkit-border-radius: 10px;
    background: #898989;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 33px;
	display: block;
}


/*あなたのおススメナビはこちら*/
.navi_bottom {
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	text-align: center;
}
/*あなたのおススメナビはこちら*/

/*各商品テーブルここから*/
table, table th, table td{
    border: solid 1px #ddd;
    text-align: left;
    height: 50px;
    font-size: 14px;
    padding: 0%;
}
table th, table td{
    width: 103px;
}
.table th {
    text-align: center;
    font-weight: normal;
}
.table {
    font-size: 10px;
    margin: 0 auto;
}
.table_style01 {
    background: #74838e;
    padding: 5px;
    color: #fff;
    height: 28px;
    text-align: center !important;
	font-size: 12px !important;
}
.table_back001 {
    background: #dbd5c7;
    text-align: center;
}
.table_back002{
	background-color: #004473;
}
/*各商品テーブルここから*/
.table_th_text .table_style01 {
    font-size: 12px !important;
}


/*各商品説明*/
.sp_dis_b{
	display:none;
}
/*各商品説明*/

/*link*/
.search_bt a:link {color:#fff;} /*未訪問のリンクの色*/
.search_bt a:visited {color:#fff;} /*訪問済みのリンクの色*/
.search_bt a:hover {color:#fff; text-decoration: none !important;} /*カーソルが乗っているリンクの色*/
.search_bt a:active {color:#fff;} /*クリック中のリンクの色*/
/*link*/

/*画面選択チェックボックス*/
.section001 .bg_checkbox li {
    position: relative;
    display: inline-block;
    padding: 0;
    border: solid 1px #ddd;
    overflow: hidden;
	margin: 0 1%;
}
.section001 .bg_checkbox input {
    position: absolute;
    top: 0;
	left:0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
.section001 .bg_checkbox li br{
	display: block;
}
.section001 .bg_checkbox li input[type="checkbox"] + label {
   /*background-image: url(../img/screen_size_off.png);*/
}
.section001 .bg_checkbox li input[type="checkbox"].init + label {
   background-image: none;
}
.section001 .bg_checkbox input[type="checkbox"] + label {
    display: inline-block;
    background-size: 512px auto;
    background-position: top -35px left -20px;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    padding-top: 30%;
    padding-bottom: 3%;
}
.section001 .bg_checkbox li{
	background-size: 512px auto;
    background-position: top -35px left -20px;
    background-repeat: no-repeat;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.section001 .bg_checkbox li.dp01 {
    background-image: url(../img/screen_size_001_off.png);
}
.section001 .bg_checkbox li.dp02 {
    background-image: url(../img/screen_size_002_off.png);
}
.section001 .bg_checkbox li.dp03 {
    background-image: url(../img/screen_size_003_off.png);
}
.section001 .bg_checkbox li.dp04 {
    background-image: url(../img/screen_size_004_off.png);
}
.section001 .bg_checkbox li.dp05 {
    background-image: url(../img/screen_size_005_off.png);
}

.section001 .bg_checkbox li.dp01 input[type="checkbox"]:checked + label {
	background-image: url(../img/screen_size_001_on.png);
}
.section001 .bg_checkbox li.dp02 input[type="checkbox"]:checked + label {
	background-image: url(../img/screen_size_002_on.png);
}
.section001 .bg_checkbox li.dp03 input[type="checkbox"]:checked + label {
	background-image: url(../img/screen_size_003_on.png);
}
.section001 .bg_checkbox li.dp04 input[type="checkbox"]:checked + label {
	background-image: url(../img/screen_size_004_on.png);
}
.section001 .bg_checkbox li.dp05 input[type="checkbox"]:checked + label {
	background-image: url(../img/screen_size_005_on.png);
}
.section001 .bg_checkbox .init input[type="checkbox"] + label {
   background-image: url(../img/screen_size_off.png);
}

/*画面選択
/*画面選択チェックボックス*/


/*テーブル透過*/
.transmission{
    opacity: 0.3;
}
tbody td.transmission{
	opacity: 0.1;
	background-color: #ccc;
}
/*テーブル透過*/


/*--------------------------------------------top.html--------------------------------------------*/

.tab{
    font-size: 14px;
}
.tab ul{
    width: 95%;
    margin: 0 auto;
}
.tab .bg_checkbox li {
	position: relative;
	display: inline-block;
	margin: 0 32px 0 0;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px #000;
	box-shadow: 0px 0px #000;
}

.tab .bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.tab .bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/bg_checkbox_off.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 2px 0 2px 30px;
	height: 20px;
	color: #000;
}

.tab .bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../img/bg_checkbox_on.png);
}
.tab .bg_checkbox li {
	border: none;
	margin: 10px;
	width: 29%;
	line-height: 100%;
	height: auto;
	-webkit-box-shadow: 0px 0px #000;
	box-shadow: 0px 0px #000;
}
/* ヘッダ固定のCSS */
.tablelock2 thead,
.tablelock2 tbody {
    display:block;
    width:1228px;
}
.tablelock1 tbody{
	border: 1px solid #ddd;
}
.tablelock1 th, .tablelock1 td,
.tablelock2 th, .tablelock2 td {
	font-size: 11px;
	line-height: 110%;
	text-align: center;
}
.tablelock1 td {
	color: #000;
}
.tablelock1 td span.ok{
	font-size:20px;
	line-height: 24px;
}
.tablelock1 tbody th{
	padding: 0 4px;
	font-size: 10px;
}
.frame01 .tablelock1 tbody th{
	color: #626262;
	text-shadow: 0px 0px #000000;
}
.dis_n{
    display: block;
}


/*モーダルウインドウ*/
#inline-wrap {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap h1 {
    font-size: 100%;
}
#inline-wrap .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_b {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_b h1 {
    font-size: 100%;
}
#inline-wrap_b .image img {
    max-width: 240px;
    height:auto;
}

#inline-wrap_c {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_c h1 {
    font-size: 100%;
}
#inline-wrap_c .image img {
    max-width: 240px;
    height:auto;
}

#inline-wrap_d {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_d h1 {
    font-size: 100%;
}
#inline-wrap_d .image img {
    max-width: 240px;
    height:auto;
}

#inline-wrap_e {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_e h1 {
    font-size: 100%;
}
#inline-wrap_e .image img {
    max-width: 240px;
    height:auto;
}

#inline-wrap_f {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_f h1 {
    font-size: 100%;
}
#inline-wrap_f .image img {
    max-width: 240px;
    height:auto;
}

#inline-wrap_g {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_g h1 {
    font-size: 100%;
}
#inline-wrap_g .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_h {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_h h1 {
    font-size: 100%;
}
#inline-wrap_h .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_i {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_i h1 {
    font-size: 100%;
}
#inline-wrap_i .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_j {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_j h1 {
    font-size: 100%;
}
#inline-wrap_j .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_k {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_k h1 {
    font-size: 100%;
}
#inline-wrap_k .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_l {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_l h1 {
    font-size: 100%;
}
#inline-wrap_l .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_m {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_m h1 {
    font-size: 100%;
}
#inline-wrap_m .image img {
    max-width: 240px;
    height:auto;
}
#inline-wrap_n {
    position: relative;
    margin: 10px auto;
    max-width: 95%;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: scroll;
    height: 600px;
	line-height: 140%;
}
#inline-wrap_n h1 {
    font-size: 100%;
}
#inline-wrap_n .image img {
    max-width: 240px;
    height:auto;
}
/*モーダルウインドウ*/
.s_pop_up{
    width: 95%;
    margin: 0 auto;
}
.s_pop_up h2{
	font-size: 18px;
	margin: 5px auto;
	text-align: left;
}
.s_pop_up p {
    font-size: 12px;
    margin: 10px auto 20px auto;
    text-align:left;
	line-height: 120%;
}
.text_c{
    text-align:center;
}
.text_l{
    text-align:left;
}
.font_sz30p{
    font-size: 30px;
}
.popup-modal img{
	margin-bottom: 4px;
}
.popup-modal-dismiss{
    margin: 30px auto;
}

/* tooltip */
.tooltip {
    position: relative;
    cursor: pointer;
}
.tooltip .tooltip-content 
{   
    display: none;
    position: absolute;
    z-index: 1000;
    width: 200px;
    text-shadow: none;
    padding: 10px;
    
    text-align: left;
    
    background-color: rgba(50,50,50,0.8);
    color: #fff;
    
    font-size: 12px;
    line-height: 120%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    
    top: 0px;
    left: -220px;
}
.tooltip .tooltip-content:after
{   
    right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000;
	border-right-color: rgba(50,50,50,0.8);
	border-width: 8px;
	margin-top: -8px;
}
	
.tooltip .tooltip-content.right
{
    width: 270px;
    left: 90px;
    top: 0px;       
}
/* tooltipb */
.tooltipb {
    position: relative;
    cursor: pointer;
}
.tooltipb .tooltipb-content 
{   
    display: none;
    position: absolute;
    z-index: 1000;
    width: 200px;
    text-shadow: none;
    padding: 10px;
    
    text-align: left;
    
    background-color: rgba(50,50,50,0.8);
    color: #fff;
    
    font-size: 12px;
    line-height: 120%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    
    top: 0px;
    left: -220px;
}
.tooltipb .tooltipb-content:after
{   
    right: 80%;
	bottom: -16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-top-color: rgba(50,50,50,0.8);
	border-width: 8px;
	margin-top: -8px;
}
	
.tooltipb .tooltipb-content.top
{
    width: 270px;
    top: auto;
    left: -29px;
    bottom: 26px;
}

p#pcNoMachItem{
	display:none;
	padding: 16px 0;
	margin: 0 auto 40px auto;
	width: 900px;
	border: 1px solid #004473;
	text-align: center;
	font-size: 16px;
}

/*--------------------------------------------@media screen and (min-width:680px)--------------------------------------------*/
@media screen and (min-width:680px) {
.popup_inner li{
    float: left;
}
.popup_inner li:nth-child(1){
    width: 10%;
    transform: scale(-1, 1);
    padding: 20% 0px;
}
.popup_inner li:nth-child(2){
    width: 80%;
}
.popup_inner li:nth-child(3){
    width: 10%;
    padding: 20% 0px;
}
.flt_l{
    float: left;
}
.width_50p{
    width: 50%;
}
.text_l{
    text-align: left;
}
#inline-wrap{
    width: 80%;
    margin: 0 auto;
}
.arow_left{
    position: absolute;
    top: 0;
    left: 0;
}

/*左右矢印*/
/*
.mfp-content:before {
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: scale(-1, 1);
    z-index: 100;
    cursor: pointer
}
.mfp-content:after{
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer
}
*/
/*左右矢印*/

#inline-wrap, #inline-wrap_b, #inline-wrap_c, #inline-wrap_d, #inline-wrap_e, #inline-wrap_f, #inline-wrap_g, #inline-wrap_h, #inline-wrap_i, #inline-wrap_j, #inline-wrap_k, #inline-wrap_l, #inline-wrap_m, #inline-wrap_n{
    width: 80%;
    margin: 0 auto;
}

}


/*--------------------------------------------@media screen and (max-width:680px)--------------------------------------------*/
@media screen and (max-width:680px) {
.white_back{
	width: 100%;
	background: #fff;
	margin: 0 auto;
	text-align:center;
	padding: 20px 0px;
}
.wrap {
    width: 95%;
    margin: 0 auto;
    height: auto;
}
.main_key h2{
    margin: 10px auto;
    font-size: 30px;
    letter-spacing: 2px;
    transition: 0.2s;
	text-align: center;
}
.main_key p{
    margin: 20px auto;
    font-size: 16px;
	text-align: center;
}
.main_key img{
	max-width: 100%;
}
.main_key li{
    width: 100%;
}
.section001 h2 {
    font-size: 20px;
}
.section001 h2 {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	font-size: 14px;
}
.section001 h3 {
    font-size: 20px;
    text-align:left;
}
.section001 ul{
	text-align: center;
}
.section002 li {
    float: none;
    width: 100%;
    text-align:left;
}
.search_bt ul {
    width: 100%;
}
.nth-child-a {
	width: 50%;
	text-align: center;
	padding: 10px 0px;
	float: left;
	border: none;
	-webkit-border-radius: 10px;
	background-color: #004473;
	border-radius: 0px;
	color: #fff;
}
.nth-child-b {
    width: 50%;
    text-align: center;
    padding: 10px 0px;
    float: right;
    border: none;
    -webkit-border-radius: 10px;
    background: #898989;
    border-radius: 0px;
    color: #fff;
}
.sp_dis_n{
	display:none;
}
.sp_dis_b{
	display:block;
}
.navi_bottom li{
	text-align:center;
}
.product li{
	text-align:center;
}
.section001 li {
    display: block;
    width: 100%;
}
.section002 h3 {
    text-align: left;
    font-size: 20px;
}
.section001 .bg_checkbox input[type="checkbox"] + label {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    padding-left: 50%;
    padding-top: 7%;
    display: block;
    width: 100%;
	text-align: left;
}
.section001 .bg_checkbox li{
	background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
	margin-bottom: 4px;
}
.section001 .bg_checkbox li br{
	display: block;
}

/*テーブル透過*/
.sp_transmission{
    opacity: 0.3;
}
/*テーブル透過*/

.tab .bg_checkbox li {
    width: 50%;
    margin: 0px ;
    float: left;
}
.tab .bg_checkbox input[type="checkbox"] + label {
    padding: 20px 0 0 40px;
    height: 60px;
}
.dis_n{
    display: none;
}
.s_pop_up{
    width: 95%;
    margin: 0 auto;
}
.s_pop_up h2{
	font-size: 18px;
	margin: 5px auto;
	text-align: left;
}
.s_pop_up p {
	font-size: 12px;
	margin: 10px auto 20px auto;
	text-align: left;
	color: #626262;
}
table, table th, table td {
    border: solid 1px #ddd;
    text-align: left;
    width: 50%;
    height: 45px;
    padding-left: 2%;
    font-size: 14px;
    padding: 2% 0px 2% 2%;
}
.navi_bottom {
    margin: 40px auto 40px auto;
}
.popup_inner li{
    float: left;
}
.popup_inner li:nth-child(1){
    width: 10%;
    transform: scale(-1, 1);
    padding: 30% 0px;
}
.popup_inner li:nth-child(2){
    width: 80%;
}
.popup_inner li:nth-child(3){
    width: 10%;
    padding: 30% 0px;
}
.flt_l{
    float: left;
}
.width_50p{
    width: 50%;
}
.text_l{
    text-align: left;
}
#inline-wrap, #inline-wrap_b, #inline-wrap_c, #inline-wrap_d, #inline-wrap_e, #inline-wrap_f, #inline-wrap_g, #inline-wrap_h, #inline-wrap_i, #inline-wrap_j, #inline-wrap_k, #inline-wrap_l, #inline-wrap_m, #inline-wrap_n{
    width: 80%;
    margin: 0 auto;
}
.arow_left{
    position: absolute;
    top: 0;
    left: 0;
}

/*左右矢印*/
/*
.mfp-content:before {
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: scale(-1, 1);
    z-index: 100;
    cursor: pointer
}
.mfp-content:after{
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer
}
*/
/*左右矢印*/

p#pcNoMachItem{
	display:none;
	padding: 16px 1em;
	margin: 0 auto 40px auto;
	max-width: 100%;
	border: 1px solid #004473;
	text-align: left;
	font-size: 16px;
}

}
/*--------------------------------------------@media screen and (max-width:680px)--------------------------------------------*/


/*--------------------------------------------@media screen and (man-width:480px)--------------------------------------------*/
@media screen and (max-width:480px){
.tab .bg_checkbox input[type="checkbox"] + label {
    padding: 15px 0 0 40px;
    height: 50px;
}
.tab .bg_checkbox li {
    border: none;
    margin: 0px auto;
    width: 100%;
    float: none;
    text-align: left;
}
.search_bt {
    margin: 30px auto;
}
.popup_inner li{
    float: left;
}
.popup_inner li:nth-child(1){
    width: 10%;
    transform: scale(-1, 1);
    padding: 30% 0px;
}
.popup_inner li:nth-child(2){
    width: 80%;
}
.popup_inner li:nth-child(3){
    width: 10%;
    padding: 30% 0px;
}
.flt_l{
    float: left;
}
.width_50p{
    width: 50%;
}
.text_l{
    text-align: left;
}
#inline-wrap{
    width: 80%;
    margin: 0 auto;
}
.arow_left{
    position: absolute;
    top: 0;
    left: 0;
}

/*左右矢印*/
/*
.mfp-content:before {
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: scale(-1, 1);
    z-index: 100;
    cursor: pointer
}
.mfp-content:after{
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer
}
*/
/*左右矢印*/

#inline-wrap, #inline-wrap_b, #inline-wrap_c, #inline-wrap_d, #inline-wrap_e, #inline-wrap_f, #inline-wrap_g, #inline-wrap_h, #inline-wrap_i, #inline-wrap_j, #inline-wrap_k, #inline-wrap_l, #inline-wrap_m, #inline-wrap_n{
    width: 80%;
    margin: 0 auto;
}

}

/*--------------------------------------------@media screen and (man-width:370px)--------------------------------------------*/
@media screen and (max-width:370px){
.tab .bg_checkbox input[type="checkbox"] + label {
    padding: 15px 0 0 40px;
    height: 50px;
}
.tab .bg_checkbox li {
    border: none;
    margin: 0px auto;
    width: 100%;
    float: none;
    text-align: left;
}
.search_bt {
    margin: 30px auto;
}
.popup_inner li{
    float: left;
}
.popup_inner li{
    float: left;
}
.popup_inner li:nth-child(1){
    width: 10%;
    transform: scale(-1, 1);
    padding: 30% 0px;
}
.popup_inner li:nth-child(2){
    width: 80%;
}
.popup_inner li:nth-child(3){
    width: 10%;
    padding: 30% 0px;
}
.flt_l{
    float: left;
}
.width_50p{
    width: 50%;
}
.text_l{
    text-align: left;
}
#inline-wrap{
    width: 80%;
    margin: 0 auto;
}
.arow_left{
    position: absolute;
    top: 0;
    left: 0;
}

/*左右矢印*/
/*
.mfp-content:before {
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: scale(-1, 1);
    z-index: 100;
    cursor: pointer
}
.mfp-content:after{
    content: url("../img/arow.png");
    display: block;
    text-align: center;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer
}
*/
/*左右矢印*/

#inline-wrap, #inline-wrap_b, #inline-wrap_c, #inline-wrap_d, #inline-wrap_e, #inline-wrap_f, #inline-wrap_g, #inline-wrap_h, #inline-wrap_i, #inline-wrap_j, #inline-wrap_k, #inline-wrap_l, #inline-wrap_m, #inline-wrap_n{
    width: 80%;
    margin: 0 auto;
}

}



.wrap .frame01{
	width:82px;
	background:#fff;
	float:left;
	
	
}
.wrap .frame02{
	width:818px;
	background:#fff;
	overflow-x:scroll;
	float:left;
}

div.wideWrap{
	background:#fff;
	color:#000000;
}

.frame02 .tablelock1,
.frame02 .table_back001 {
  display: none;
}

/* 20180420 */
@media screen and (min-width: 681px) and (max-width: 768px) {
body {
  width: 980px;
}
}
@media screen and (max-width:680px) {
.onlypc {
  display: none;
}
}
.tab .bg_checkbox li {
  box-shadow: none !important;
}