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

/******************************/
/* include */
/******************************/

/******************************/
/* fonts */
/******************************/

/******************************/
/* default */
/******************************/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}

.err_text {color:#ee0000 !important;}
.center { text-align:center;}

select {
	width:262px;
	height:52px;
	border:1px solid #9f9f9f;
	border-radius:2px;
	margin-left:3px;
	margin-right:3px;
	padding:5px 10px;
	font-family: Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

table { border-collapse:collapse;}

.raku_copy {
	margin-bottom: 10px;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.5em;
	padding-left: 10px;
	background-color: #ff9f00;
	color: #fff;
	display: block;
}

.raku_catch {
	font-size: 21px;
	font-size: 2.1rem;
	padding-left: 10px;
	margin-left: 5px;
	margin-bottom: 30px;
	border-left: 5px solid #9B95FF;
	display: block;
}

/*#raku_wrap {
	margin:0 auto;
	width:680px;
	text-align:left;
}

#raku_wrap article {
	margin-bottom:20px;
}

.pankuzu {
	padding-left:15px;
	margin-bottom:20px;
	border-top: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	background-color: -moz-linear-gradient(top center, #fff 0%, #d9d9d9 100%);
	background-color: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#d9d9d9));
	background-color: -ms-linear-gradient(top, #fff, #d9d9d9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d9d9d9', GradientType=0)";
	background-color: linear-gradient(top center, #fff 0%, #d9d9d9 100%);
	font-size:17px;
	font-size:1.7rem;
	line-height:40px;
	color:#3f3f3f;
}

.pankuzu a {
	text-decoration:none;
	color:#3f3f3f;
}
.pankuzu img {
	vertical-align:middle;
	margin-right:10px;
}*/

#raku_copy {
	margin-bottom:10px;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.5em;
	padding-left:10px;
	background-color:#ff9f00;
	color:#fff;
}

#raku_catch {
	font-size:21px;
	font-size:2.1rem;
	padding-left:10px;
	margin-left:5px;
	margin-bottom:30px;
	border-left:5px solid #9B95FF;
}

#raku_menu {
	width: 680px;
	padding: 0;
}
#raku_menu li {
	float:left;
}

h2.step {
	padding-left:10px;
	margin-bottom:10px;
	background-color:#747474;
	line-height:40px;
	font-size:22px;
	font-size:2.2rem;
	color:#fff;
	font-weight:normal;
	border: none!important;
}

h2.step span {
	padding:2px 5px;
	margin-right:10px;
	display:inline-block;
	background-color:#FF9F00;
	border-radius:5px;
	line-height:1em;
	font-size:20px;
	font-size:2rem;
	vertical-align:middle;
}

.item {
	margin-bottom: 14px;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width:750px) {
	.item {
		display: block;
	}
}

.item span.item_name {
	width: 13%;
	padding-left: 10px;
	border-left: 5px solid #e7190f;
	font-size: 110%;
	font-weight: 700;
}

@media screen and (max-width:750px) {
	.item span.item_name {
		width: 100%;
		margin: 0 0 8px 0;
		display: block;
	}
}

.item span.other {
	padding: 5px 2px;
	margin-right: 10px;
	text-align:center;
	display: flex;
	align-items: center;
}

.label_box {
    position: relative;
    padding: 0 5px;
    min-width: 105px;
    line-height: 52px;
    border:1px solid #ccc;
    margin-right: 3px;
    font-size: 90%;
    width: 175px;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    text-align: center;
}
.label_color {
    line-height:20px;
    padding: 3px;
}
@media screen and (max-width:750px) {
    .label_box {
        min-width: 30%;
        margin-right: 1%;
        margin-bottom: 8px;
        display: inline-block;
    }
}

.label_box.active,
.label_box.label_color.active
{
    background-color :#e7190f;
    color :#fff;
}

.label_box:hover {
    color: #fff;
    background-color: #e7190f;
}

.label_box input {
    margin:2px;
}

.color label {
	padding:10px;
	width:150px;
	line-height:1.5em;
	text-align:center;
}

@media screen and (max-width:750px) {
	.color label {
		width: 100%;
	}
}

.color label input {
	margin-left:0;
}

.card label {
	width:240px;
}

.val{
	margin-bottom: 30px;
	width: 100%;
}

.val th {
	width: 28%;
	padding: 7px;
	background-color:#e9e9e9;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width:750px) {
	.val th {
		font-size: 86%;
		width: 24%;
		padding: 4px;
	}
}

.val td {
	width:72%;
	min-width: 120px;
	padding-left: 20px;
	background-color:#fff;
}

.val, .val th , .val td {
	border-spacing: 0;
	border-collapse: collapse;        
	border: 1px solid #222;
}

@media screen and (max-width:750px) {
	.val td {
		min-width: auto;
		padding-left: 12px;
		background-color:#fff;
	}
}

input[type="submit"].next {
	width:150px;
	border:2px solid #fff;
	border-radius:5px;
	background: -moz-linear-gradient(top center, #ffe5c8 0%, #ffce89 70%, #ff9d14 70%, #ff9501 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffe5c8), color-stop(0.7, #ffce89), color-stop(0.7, #ff9d14), to(#ff9501));
	background: -ms-linear-gradient(top, #ffe5c8 0%, #ffce89 70%, #ff9d14 70%, #ff9501 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5c8 0%', #ffce89 70%, #ff9d14 70%, endColorstr='#ff9501', GradientType=0)";
	background: linear-gradient(top center, #ffe5c8 0%, #ffce89 70%, #ff9d14 70%, #ff9501 100%);
	font-size:17px;
	font-size:1.7rem;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	box-shadow:0 0 7px #aaa;
	text-shadow:0 0 5px #b6751c;
}

input[type="submit"].next:hover {
	background: -moz-linear-gradient(top center, #ffd8ac 0%, #ffb54e 70%, #ff9d14 70%, #ff9501 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffd8ac), color-stop(0.7, #ffb54e), color-stop(0.7, #ff9d14), to(#ff9501));
	background: -ms-linear-gradient(top, #ffd8ac 0%, #ffb54e 70%, #ff9d14 70%, #ff9501 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd8ac 0%', #ffb54e 70%, #ff9d14 70%, endColorstr='#ff9501', GradientType=0)";
	background: linear-gradient(top center, #ffd8ac 0%, #ffce89 70%, #ffb54e 70%, #ff9501 100%);
}


.item * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.item__size{
	width:700px;
	margin: 0 auto;
	display: flex;
}

@media screen and (max-width:750px) {
	.item__size{
		width:280px;
		display: block;
	}
}


.size_table td {
  position: relative;
}

.size_table td.active {
	background-color: #9999FF;
}

.arrow_box_size {
  display: none;
  position: absolute;
	top:55%;
	left:50%;
	margin-top:15px;
	margin-left:-110px;
	width:220px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  
  border-radius: 5px;
  background-color: #9f9f9f;
	border:1px solid #fff;
	box-shadow: 0 0 5px #aaa;
  color: #fff;
	z-index:100;
}

p.name:hover + p.arrow_box_size {
  display: inline-block;
}

.size_table li.active {
background-color: #9999FF;
}

.arrow_box_radio {
  display: none;
  position: absolute;
	top:100%;
	left:0%;
	width:100%;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  
  border-radius: 5px;
  background-color: #9f9f9f;
	border:1px solid #fff;
	box-shadow: 0 0 5px #aaa;
	line-height:1em;
  color: #fff;
	z-index:100;
}

input[type="radio"]:hover + p.arrow_box_radio {
  display: inline-block;
}


.chip {
	background-image: url(../images/chip_no1.gif);
	background-repeat: no-repeat;
	background-size: 100px 14px;
	background-position: 2px 2px;
}

@media screen and (max-width:750px) {
	.chip {
		background-position: 50% 2px;
	}
}

.basic__spec-pamphlet-menu a.active {
	background-color :#e7190f;
	color :#fff;
}

.basic-config__ori-content-icon {
    width: 90px;
    margin: auto;
    position: relative;
    display: flex;
}

.item_ori {
    width:87%;
}