@charset "utf-8";

.main_inner{
	display:block;
	max-height:100%;
	height: auto;
	
}

.main_inner table{
	width:90%;
	border-collapse:collapse;
}

.main_left{
	min-height:40%;
}

.main_right{
	min-height:30%;
	margin-bottom:5%;
}

.main_right img{
	height:100%;
}


.ex1{
	font-size:2rem;
	font-weight:bold;
	vertical-align:text-bottom;
}

.ex2{
	font-size:1.5rem;
	font-weight:bold;
	vertical-align:baseline;
}

.ex3{
	font-size:2rem;
	font-weight:bold;
	color:#ffd61f;
}

.main_left p.main_tx{
	font-size:1.1rem;
	line-height:1.7em;
}

.sp{
	display:block;
	margin:0 auto;
}

img.sptop{
	max-width:640px;
	max-height:695px;
	width:100%;
}

.logo{
	height:34px;
	margin-right:4px;
}

header>.float_l p{
	font-size: 0.1rem;
}
header>.float_l{
	width:100%;
	max-height:50px;
	}
header>.float_r{
	height:50px;
}

header>.float_r, header>.float_l {
	margin:0 auto;
	line-height:1;
	margin-top:0px;
	margin-bottom:-10px;
}

.logo2{
	margin-right:4px;
	margin-bottom:20px;
	float:left;
}

.float_r img.tel{
	width:20px;
}


header p.tel {
	font-size: 1rem;
	line-height:1;
}


header>.float_l{
	margin:0 auto;
	margin-top:20px;
}

.pc ,header .pc {
	display:none;
}


.container {
	padding: 0 10px;
}

main .container {
	padding: 10px;
}

main table td{
	display:block;
	margin:0 auto;
}

main table{
	padding-bottom:30px;
}
header p{
	text-align:center;
}

header .float_r a {
    margin-left: 0;
}

.pcnav{
	display:none;
}

.spnav{
	position: relative;
	display:block;
	vertical-align:middle;
	margin-top:-15px;
}

.spnav img{
	float:right;
}

.spnav img:hover{
	opacity:0.5;
}

label {
    color: #fff;
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.spnav ul {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
    padding: 0;
    list-style: none;
    width:100%;
    background;#000;
}

.spnav li{
	background: #005fa8;
}

input[type="checkbox"].on-off + ul{
	height: 0;
	overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
	height: 120px;
}

nav{
	height:60px;
}

nav li{
	width:50%;
	border-right: none;
}

nav li:first-of-type {
	border-left:none;
}

nav li a{
	font-size:0.9rem;
}

h2 {
	font-size: 1rem;
	text-align: center;
	margin: 10px 0;
}

h3{
	font-size: 1.4rem;
}

h3 img,footer img{
	padding:0 10px;
}

h4,.btn_text{
	font-size: 1.2rem;
}

.btn:hover{
	opacity:0.5;
}

h5{
	font-size: 1rem;
	margin-bottom:50px;
}

.pankuzu{
	margin:10px;
}

ul.container {
	padding: 0;
}

.honbun2{
	margin-bottom:80px;
}

.read_main p{
	line-height:1em;
}

.hojokin{
	border-spacing:0px 25px;
	width:100%;
	margin:0 auto;
}

.sita{
	margin-bottom:80px;
}

.hojokin *{
	display:block;
	width:100%;
	margin:0 auto;
}

.hojokin th,.hojokin td{
	width:100%;
}

th.bg_box img{
	width:175px;
	padding-top:20px;
	text-align:center;
	vertical-align:center;
}

.box_price{
	margin:0 auto;
	float:none;
	width:100%;
	margin-bottom:20px;
	display: table;
}

.text_price {
	background: #96d6fa;
	height: auto;
	padding: 10px;
	width:100%;
}

section.sp img{
	margin:10px 0;

}

section.sp{
	margin-bottom:-30px;
}

.under
{
	padding:0 20px 30px 20px;
}

.seikyu{
	max-width:342px;
	width:100%;
}

.f_img{
	max-width:379px;
	width:100%;
}

.btn_text {
	margin: 30px auto 40px;
	width:90%;
}

.img_item{
	max-width:640px;
	margin-bottom:50px;
}


.T1000{
	display:block;
}

.T1000 li{
	display:block;
}

.Fl,.Fr{
	float:none;
	margin:0 auto;
}

.Ttd{
	height:100%;
}


.qanda td,.qanda th{
	display:block;
	padding:4px;
}
.qanda img{
	text-align:center;
}

.teigi{
	margin-bottom:80px;
}

/* ===== margin ===== */

.mb60sp{
	margin-bottom:60px;
}

.mb30sp{
	margin-bottom:30px;
}


.product-item {
	padding: 0 0 0 3%;
	position: relative;
	background: url('../img/hard/bg_product.png') repeat 0 0;
	margin:0 auto;
	margin-bottom:20%;
	width:95%;
}

.product-item .name {
	padding: 3% 0 0 0;
}

.product-item .name span.txt1 {
	font-size: 1.5rem;
	line-height: 1.4em;
	display: block;
	margin: 0 0 10px 0;
}

.product-item .name span.txt2 {
	font-size: 1rem;
	color: #005fa8;
	line-height: 1.8em;
}

.product-item .name span.txt2 strong {
	display: block;
	font-size: 2rem;
	font-weight: bold;
}

.product-item .name span.txt3 {
	display: block;
	font-size: 1rem;
}

.product-item .price {
	padding: 8% 0 3% 0;
}

.product-item .price span {
	vertical-align: bottom;
}

.product-item .price span.l-txt {
	font-size: 2.0rem;
	display: inline-block;
	width: 34%;
}

.product-item .price span.l-txt i {
	font-size: 0.8rem;
}

.product-item .price span.r-txt {
	text-align:center;
	display: inline-block;
	width: 43%;
	color: #ff3000;
}

.product-item .price strong {
	vertical-align: bottom;
	font-size: 2.0rem;
}

.product-item .price i {
	vertical-align: text-bottom;
	font-style: normal;
	font-size: 0.7rem;
}

.product-item .price img {
	vertical-align: bottom;
	width: 18%;
	margin-right: 2%;
}

.product-item figure.img {
	position: absolute;
	width: 50%;
	top: -10%;
	right: 2%;
}

.product-item figure.img img {
	width: 100%;
}

.product-item:nth-of-type(2) figure.img {
	width: 30%;
	top: -45%;
	right: 10%;
}

.product-item:nth-of-type(3) figure.img {
	width: 30%;
	top: -25%;
	right: 10%;
}

.product-item:nth-of-type(4) figure.img {
	width: 48%;
	top: -25%;
	right: 7%;
}

.seav1,.seav2,.seav3,.seav4{
	z-index:1;
}

.seav1{
	position:absolute;
	left:2.5%;
	top:-2%;
	width:95%;
	height:21.5%;
}

.seav2{
	position:absolute;
	left:2.5%;
	top:23%;
	width:95%;
	height:24.5%;
}

.seav3{
	position:absolute;
	left:2.5%;
	top:52%;
	width:95%;
	height:22%;
}

.seav4{
	position:absolute;
	left:2.5%;
	top:81%;
	width:95%;
	height:19%;
}


@media screen and ( max-width : 700px ){
	.product-item .price {
		padding: 5% 0 3% 0;
	}

	.product-item:nth-of-type(2) figure.img {
		width: 30%;
		top: -33%;
		right: 10%;
	}
	
	.product-item .price span.l-txt {
	font-size: 1.5rem;
}
}

@media screen and ( max-width : 600px ){
	.product-item .price {
		padding: 3% 0 3% 0;
	}

	.product-item:nth-of-type(2) figure.img {
		width: 30%;
		top: -45%;
		right: 10%;
	}
	.product-item .price span.l-txt {
	font-size: 1.2rem;
}
}

@media screen and ( max-width : 530px ){
	.product-item .name span.txt1 {
		font-size: 0.9rem;
	}

	.product-item .name span.txt2 {
		font-size: 0.7rem;
	}

	.product-item .name span.txt2 strong {
		font-size: 1.4rem;
	}

	.product-item .name span.txt3 {
		font-size: 0.7rem;
	}

	.product-item .price img {
		width: 13%;
	}

	.product-item .price span.l-txt {
		letter-spacing: -0.04em;
		font-size: 0.9rem;
		width: 36%;
	}

	.product-item .price span.l-txt i {
		font-size: 0.6rem;
	}

	.product-item .price span.r-txt {
		font-size: 0.6rem;
	}

	.product-item .price strong {
		font-size: 1rem;
	}

	.product-item .price i {
		font-size: 0.6rem;
	}

	.product-item .price {
		padding: 5% 0 3% 0;
	}

	.product-item:nth-of-type(3) .price,
	.product-item:nth-of-type(4) .price {
		padding: 4% 0 3% 0;
	}

	.product-item:nth-of-type(2) figure.img {
		width: 30%;
		top: -45%;
		right: 10%;
	}
}

@media screen and ( max-width : 460px ){
	.product-item:nth-of-type(2) figure.img {
		width: 30%;
		top: -43%;
		right: 10%;
	}

	.product-item:nth-of-type(4) figure.img {
		width: 40%;
		top: -5%;
		right: 7%;
	}

	.product-item .price {
		padding: 1% 0 3% 0;
	}

	.product-item:nth-of-type(3) .price, .product-item:nth-of-type(4) .price {
		padding: 3% 0 3% 0;
	}
}

@media screen and ( max-width : 400px ){
	.product-item:nth-of-type(2) figure.img {
		top: -25%;
	}
}