@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */


noscript {
	color: #ffffff;
	margin-bottom:8px;
	margin-top:8px;
	z-index:2000;
}

#main_div{ 
	width:100%;
	width:100vw;
	height:100%;
	height:100vh;
	display:block;
	overflow:hidden;
	text-align:right;
	background-color: #3a261e;
	background: #3a261e;
    background:-webkit-gradient(radial, 70% 40%, 10, right top, 120, from(#562612), to(#000000));
    background:-webkit-radial-gradient(70% 40%, circle cover, #562612 10%, #000000 120%);
    background:-moz-radial-gradient(70% 40%, circle cover, #562612 10%, #000000 120%);
    background:-ms-radial-gradient(70% 40%, circle cover, #562612 10%, #000000 120%);
    background:-o-radial-gradient(70% 40%, circle cover, #562612 10%, #000000 120%);
    background:radial-gradient(farthest-side circle at 70% 40%, #562612 10%, #000000 120%);
}
#main_body {  
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	margin-top:60px;
	margin-top:12vh;
	margin-right:10px;
	margin-right:-4vw;
	width:95%;
	width:95vw;
	position:absolute;
	overflow:hidden;
}
#main_body2 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 30%;
	width: 30vw;
}
#main_bodyimg {
	height:90%;
}
#sb_fabric {
	position: absolute;
	right: 3%;
	top: 65%;
	width: 30%;
	width: 16vh;
	border:#894c32 1px solid;
}
#sb_collar {
	position: absolute;
	right: 3%;
	top: 15%;
	width: 30%;
	width: 16vh;
	border:#894c32 1px solid;
}
#sb_cuffs {
	position: absolute;
	border:#894c32 1px solid;
	display:none;
}
.sb_option {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	left:0;
	top:0;
	border:#894c32 1px solid;
}
#sb_line {
	position: fixed;
	right: 10%;
	top: 28%;
}
img#option_base {
z-index: 1;
}
img#option_cleric {
z-index: 2;
}
img#option_hole {
z-index: 3;
}
img#option_button {
z-index: 4;
}
img#option_b_ito {
z-index: 5;
}
img#option_stech {
z-index: 6;
}
img#option_betus {
z-index: 7;
}
#fancybox-overlay
#fancybox-loading,
#fancybox-wrap {
	display:none;
z-index: 1;
height:0;
padding:0;
}

/* スライド Style 
------------------------------------------------------------------------- */


html, body {
	height:100%;
	height:100vh;
}
body {
	width: 100%;
	width: 100vw;
	overflow: hidden;
}
#header{
	position: absolute;
	z-index: 2000;
	width: 30%;
	width: 30vw;
	top: 10px;
}
#header h1{	
	height:  85px;
	height:  23.67vw;
	overflow: hidden;
}
#navigation {
	position:relative;
	margin-top: 10px;
	width: 100%;
	display:block;
	list-style:none;
	z-index:3;
}
#navigation a{
	color: #000;
	display: block;
	overflow:hidden;
	background: #d7c6a0;
	background: rgba(215,198,160,0.9);
	background: -moz-linear-gradient(top,#d7c6a0 0%,#9f8f69);
	background: -webkit-gradient(linear, left top, left bottom, from(#d7c6a0), to(#9f8f69));
    background: -webkit-linear-gradient(top,  #d7c6a0 0%,#9f8f69 100%);
    background: -o-linear-gradient(top,  #d7c6a0 0%,#9f8f69 100%);
    background: -ms-linear-gradient(top,  #d7c6a0 0%,#9f8f69 100%);
    background: linear-gradient(top,  #d7c6a00 0%,#9f8f69 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c6a00', endColorstr='#9f8f69',GradientType=0 ); /* IE6-9 */
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	line-height: 2em;
	line-height: 4.5vh;
	padding: 0px 5px;
	text-transform: uppercase;
	margin-bottom: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size: 12px;
	font-size: 1.7vh;
}
#navigation a:hover {
	background: #ddd;
}
.link-min {
	font-size: 30px;
	font-size: 4.7vh;
	color: #FFF;
	opacity: 0.4;
	line-height: 0em;
	vertical-align: -15px;
	vertical-align: -2.4vh;
	font-weight:normal;
}
.content{
	right: 10px;
	left: 30%;
	left: 30vw;
	top: 0px;
	position: absolute;
	height:100%;
	height:100vh;
	padding-bottom: 10px;
	overflow:inherit;
}
.content h2{
	font-size: 40px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	color: rgba(255,255,255,0.15);
	text-align:right;
	right:0;
}
.panel{
	width: 98%;
	width: 98vw;
	min-height: 100%;
	min-height: 100vh;
	position: absolute;
	box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
	margin-left: -900%;
	margin-left: -102vw;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	z-index:10;
}
.panel:target{
	margin-left: 0%;
}
#home:target ~ #header #navigation #link-home,
#fabric:target ~ #header #navigation #link-fabric,
#collar2:target ~ #header #navigation #link-collar,
#collar2:target ~ #header #navigation #link-collar2,
#body:target ~ #header #navigation #link-body,
#bodyend:target ~ #header #navigation #link-bodyend,
#option:target ~ #header #navigation #link-option,
#confirm:target ~ #header #navigation #link-confirm {
	background: #ff6600;
	background: rgba(255,102,0,0.9);
	color: #fff;
}
.footnote a{
	color: #ddd;
}
.fa fa-chevron-down:before {
	margin-top:-10px;
    margin-left:10em;
	font-family: 'FontAwesome';
	content: "\f078";
	color: #ffffff;
	position: relative;
	text-align:right;
}

/* home 
------------------------------------------------------------------------- */
#open_comment {
	font-size:16px;
}
#open_comment2 {
	color:#aaa;
	line-height: 1.5em;
	font-size:12px;
	margin-top:-277px;
}
.button6_div {
	display: block;
	position: absolute;
	left: 1.5vw;
	bottom: 6vh;
	float:right;
	text-align:left;
	width:60vw;
	z-index: 9;
}
.home_h2 {
	font-size:16px;
}
.home_p {
	color:#aaa;
	line-height: 1.2em;
	font-size:12px;
	margin-top:100px;
	margin-left:-30px;
}
.home_small {
	font-size:10px;
}



/* option
------------------------------------------------------------------------- */
.tt_kaisetsu {
	display:none;
}

/* collar------------ */
.content_option{
	top: 0px;
	position: absolute;
	height:100%;
	height:100vh;
	width:98%;
	width:98vw;
	background-color: rgba(30,13,6,0.7);
	z-index: 2001;
}
.img_line {
	height: 13.5vh;
	border:#280a00 1px solid;
	margin:0px;
}
.img_line2 {
	border:#280a00 1px solid;
	margin:3px;
}
.img_line2:hover,
.img_line:hover {
	border:#ff6600 1px solid;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.img_line3 {
	border:#aaa 1px solid;
	margin:3px;
	opacity:0.4;
}
.img_line3:hover {
	border:#ff6600 1px solid;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
	opacity:1.0;
}
.brown_line {
	border:#894c32 1px solid;
}
.option_item {
	width:95%;
	width:95vw;
	max-width:1250px;
	padding-left:25px;
	padding-left:5vw;
	padding-right:15px;
	padding-right:2.5vw;
	padding-top:30px;
	padding-top:7vw;
	padding-bottom:20px;
	padding-bottom:2vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border:#ff9600 1px solid;
	position:relative;
	display:block;
	z-index: 1;
	max-height:300px;
	max-height:80vh;
	overflow:auto;
}
.option_item2 {
	width:100%;
	padding-left:50px;
	padding-left:10vw;
	padding-top:7px;
	padding-top:1.5vw;
	text-align:left;
	position:relative;
	z-index: 9;
}
.option_item_betsu {
	width:100%;
	padding-left:50px;
	padding-left:10vw;
	padding-top:7px;
	padding-top:1.5vw;
	text-align:right;
	position:relative;
	margin-bottom:50px;
}	
.option_item_d {
	display:block;
	float:right;
	margin-right:15px;
	margin-right:3vw;
	margin-left:30px;
	margin-top:15px;
	margin-top:3vh;
	width:130px;
	width:26vw;
	height:130px;
	height:26vw;
	background-image:url(../image/collar/collar01.jpg);
	background-size:130px auto;
	background-size:25.7vw auto;
	background-repeat: no-repeat;
	border:#894c32 1px solid;
}
.option_title,
.option_title4 {
	vertical-align:middle;
    background: #b40000;
	background: -moz-linear-gradient(top,#ed0000 0%,#9c0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ed0000), to(#9c0000));
    background: -webkit-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -o-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -ms-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: linear-gradient(top,  #ed0000 0%,#9c0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	color:#FFF;
  	font-size:80%;
  	font-weight:normal;
	text-shadow: -1px -1px #2f0000;
	padding:3px;
	padding-left:2em;
	border:#c52a2a 2px solid;
	width:95%;
	width:95vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px;
	position:relative;
	z-index: 2;
}
.option_center {  
	display:table-cell;
	height:100%;
	height:100vh;
	width:98%;
	width:98vw;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
}



/* body_table------------ */
section table  { 
	width: 100%;
	font-size:12px;
	font-size:1.8vh;
	line-height:1.2em;
}
section th, section td  { padding: 5px; border: 1px solid #555; }
section th  { background: #537292; }
.size_table th  { width: 10%; color:#FFF; font-weight:normal; text-align: center; }
.size_table td  { text-align: center; color:#FFF; background: #280a00; }
.size_table td:first-child  { text-align: center; background: #4c4c4c; }
.n_35, .n_36, .n_37, .n_38, .n_39, .n_40, .n_41, .n_42, .n_43, .n_44, .n_45, .n_46, .n_47, .n_48, .n_49, .n_50 {
	display:none; } 
.size_table td.t_165, .size_table td.t_175, .size_table td.t_180, .size_table td.t_181, .size_table th.t_165, .size_table th.t_175, .size_table th.t_180, .size_table th.t_181 { 
	display:none;/* ダミー表示のため本番はt_165も非表示 */
}


.option_body2 {
	width:95%;
	width:95vw;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	table-layout: fixed;
}
.img_hyo {
	height:50%;
	width:auto;
}
.option_line {
	color:#FFF;
	font-size:60%;
	line-height:1.3em;
	padding:15px;
}
.option_item4 {
	width:95%;
	width:95vw;
	padding-left:10px;
	padding-left:2vw;
	padding-right:10px;
	padding-right:2vw;
	padding-top:40px;
	padding-top:8vw;
	padding-bottom:13px;
	padding-bottom:2.5vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border:#ff9600 1px solid;
	position:relative;
	display:block;
	z-index: 1;
	overflow:hidden;
    overflow-x:scroll;
    overflow-x: auto; 
}


/* cuffs------------ */
.img_cuffs {
	width: 30%;
	width: 25vw;
	height: auto;
	border:#280a00 1px solid;
	margin:3px;
}
#cuffs_base {
	position:relative;
	display:block;
	width:300px;
	width:60vw;
	height:250px;
	height:50vw;
	margin-top:20px;
}
#img_cuffs_base {
	width:60%;
	width:60vw;
	border:#894c32 1px solid;
	z-index:1;
}
#img_cuffs_hole {
	z-index:2;
}
#img_cuffs_button {
	z-index:3;
}
#img_cuffs_smart {
	z-index:4;
}
.img_cuffs_option {
	position:absolute;
	width:60%;
	width:60vw;
	top:0;
	left:0;
}
#cuffs_option {
	display:block;
}
.option_radio {
	color:#ff9600;
}
.option_comment {
	color:#ff9600;
	font-size:70%;
	margin-left:0px;
}

/* pocket------------ */
.img_pocket {
	width:60px;
	width:12vh;
	height:auto;
	border:#280a00 1px solid;
	margin:3px;
}

/* front------------ */
.img_front,
.img_back {
	border:#280a00 2px solid;
	margin:3px;
	width:120px;
	width:37vw;
}
.img_front:hover,
.img_back:hover {
	border:#ff6600 2px solid;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

/* button------------ */
.en_shadow {
    background-color:#000;
	width:40px;
	height:40px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    box-shadow:0px 0px 5px 5px #000;
    -moz-box-shadow:0px 0px 5px 5px #000;
    -webkit-box-shadow:0px 0px 5px 5px #000;
	position:absolute;
	position:relative;
	top:-96px;
	left:58px;
	opacity:0.5;
}
#simulation_button {
	position:relative;
	top:-193px;
	left:0px;
}
#simulation_b_ito {
	position:relative;
	top:-345px;
	left:0px;
}
.option_item_c,
.option_item_e {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	height:150px;
	background-image:url(../image/fabric/za1017.gif);
	background-size:200% auto;
	border:#894c32 1px solid;
}
.img_button {
	height:30px;
}
#simulation_hole,
#simulation_button,
#simulation_b_ito {
	width:150px;
	height:150px;
}
#button_option_4 {
	display:none;
}
	

/* embroidery------------ */
.emb_option {
	display:block;
	width:320px;
	width:95vw;
}
.emb_option2,
.emb_option4 {
	display:block;
	overflow:hidden;
	width:auto;
}
.emb_option3 {
	display: block;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	width: auto;
}
.textfeeld {
	border: 0;
	color: #888;
	border: solid 1px #ccc;
	width: 200px;
	width: 82vw;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.img_emb_psn {
	width:310px;
	width:70vw;
}
.emb_hyde {
	display:none;
}
#emb_setsumei {
	display:block;
	width:200px;
	width:40vw;
	float:right;
	margin-right:10px;
	margin-right:2vw;
	margin-top:-70px;
}

/* cleric------------ */
.option_center2 {  
	display:table-cell;
	height:100%;
	height:100vh;
	width:66%;
	width:98vw;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
	margin-left:32%;
	margin-left:30vw;
	margin-right:5px;
}
.cleric_option {
	display:block;
	overflow:hidden;
	text-align:center;
	float:left;
}


/* betsukiji------------ */
.sb_option2 {
	position: absolute;
	right: 8%;
	top: 16%;
	height: 150px;
	height: 29.3vh;
	border:#894c32 1px solid;
}
.option_item3 {
	width:85%;
	width:85vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	display:block;
	z-index: 1;
}
.option_betsukiji {
	padding-left:15px;
	padding-left:3vw;
	padding-right:15px;
	padding-right:3vw;
	padding-top:40px;
	padding-top:8vh;
	padding-bottom:20px;
	padding-bottom:4vw;
	margin-left:80px;
	margin-left:28vw;
	margin-right:-25px;
	margin-right:-5vw;
	border:#ff9600 1px solid;
	position:relative;
	display:block;
	max-height:85%;
	max-height:85vh;
	overflow:auto;
}
.option_title2,
.option_title_betsu {
	vertical-align:middle;
    background: #b40000;
	background: -moz-linear-gradient(top,#ed0000 0%,#9c0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ed0000), to(#9c0000));
    background: -webkit-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -o-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -ms-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: linear-gradient(top,  #ed0000 0%,#9c0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:#FFF;
	font-size:95%;
	font-weight:normal;
	text-shadow: -1px -1px #2f0000;
	padding:6px;
	padding-left:2em;
	border:#c52a2a 2px solid;
	max-width:1250px;
	margin-left:140px;
	margin-left:28vw;
	margin-right:-25px;
	margin-right:-5vw;
	margin-bottom:-30px;
	position:relative;
	z-index: 2;
}
.option_title_betsu {
	margin-left:80px;
	margin-left:28vw;
	margin-right:-25px;
	margin-right:-5vw;
	margin-bottom:-30px;
}
.betsukiji {
	width:60px;
	width:12vw;
	height:auto;
	max-width:188px;
}
.option_zindex + .main_body2 {
	z-index:2003;
}


/* handketch------------ */
#emb_hdk1,
#emb_hdk2 {
	display:none; 
}
	


/* button
------------------------------------------------------------------------- */
.button1_div,
.button4_div {
	display: block;
	position: absolute;
	left: -45px;
	left: -28.5vw;
	bottom: 45px;
	text-align: center;
	z-index: 13;
}
.button5_div {
	display: block;
	position: absolute;
	right: 0px;
	right: -2vw;
	bottom: 18%;
	bottom: 11vh;
	width:250px;
	width:50vw;
	text-align: right;
	z-index: 13;
}
.button2_div {
	display: block;
	position: absolute;
	left: 25px;
	left: 10vw;
	bottom: 100px;
	bottom: 17vh;
	float:right;
	text-align:left;
	width:85%;
	width:60vw;
	z-index: 9;
}
.button3_div {
	display: block;
	position: absolute;
	left: 25px;
	left: 5vw;
	bottom:35%;
	bottom:37vh;
	float: left;
	text-align: left;
	width: 200px;
	width: 60vw;
	z-index: 11;
}
.button1,
.button5 {
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	outline: none;
    background: #b40000;
	background: -moz-linear-gradient(top,#ed0000 0%,#9c0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ed0000), to(#9c0000));
    background: -webkit-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -o-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -ms-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: linear-gradient(top,  #ed0000 0%,#9c0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border: 2px solid #777;
	color: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.button1{
	padding-right: 20px;
	padding-left: 20px;
	height: 30px;
	height: 10vw;
	line-height: 24px;
	line-height: 8.7vw;
	font-size: 12px;
	font-size: 4vw;
	width:250px;
	width:97vw;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.button5{
	height: 30px;
	height: 9vw;
	line-height: 26px;
	line-height: 8vw;
	font-size: 11px;
	font-size: 3.5vw;
	width:150px;
	width:50vw;
	text-align: left;
	text-indent:1.7em;
}
.button1:active,
.button1:hover,
.button5:active,
.button5:hover {
    background: #9c0000;
	background: -moz-linear-gradient(top,#9c0000 0%,#ed0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0000), to(#ed0000));
    background: -webkit-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -o-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -ms-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: linear-gradient(top,  #9c0000 0%,#ed0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border: 2px solid #bbb;
}
.button1_mb {
	margin-bottom:10px;
}
.button1_mb2{
	width:150px;
	width:50vw;
}
.button2,
.button2_none,
.button_black {
	display: inline-block;
	overflow:hidden;
	height: 22px;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	font-size:1.5vh;
	line-height: 20px;
	outline: none;
	width:75px;
	width:25vw;
	font-weight:bold;
	margin-bottom:2px;
	margin-right:1px;
	padding-right: 5px;
	padding-left: 5px;
    background: #f6f1db;
	background: -moz-linear-gradient(top,#f6f1db 0%,#d1cdb1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f1db), to(#d1cdb1));
    background: -webkit-linear-gradient(top,  #f6f1db 0%,#d1cdb1 100%);
    background: -o-linear-gradient(top,  #f6f1db 0%,#d1cdb1 100%);
    background: -ms-linear-gradient(top,  #f6f1db 0%,#d1cdb1 100%);
    background: linear-gradient(top,  #f6f1db 0%,#d1cdb1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f1db', endColorstr='#d1cdb1',GradientType=0 ); /* IE6-9 */
	border: 1px solid #777;
	color: #000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 4px 4px 3px rgba(0,0,0,0.4);
}
.button3 {
	width:80px;
	width:16vh;
}
.button3l {
	width:100px;
	width:30vw;
}
.button2:active,
.button2:hover,
.button_black:active,
.button_black:hover {
    background: #9c0000;
	background: -moz-linear-gradient(top,#9c0000 0%,#ed0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0000), to(#ed0000));
    background: -webkit-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -o-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -ms-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: linear-gradient(top,  #9c0000 0%,#ed0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	font-weight: bold;
	color: #fff;
}
.button1::before,
.button1::after,
.button2::before,
.button2::after,
.button_black::before,
.button_black::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button1,
.button1::before,
.button1::after,
.button2,
.button2::before,
.button2::after,
.button_black,
.button_black::before,
.button_black::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.mb_hyde,
.tab_hyde {
	display:none;
}
#sb_title h1 {
	line-height: 1.5em;
	font-size:90%;
	border-bottom: 1px solid #ff9600;
	margin-top:-0.3em;
}



/* 商品仕様 
------------------------------------------------------------------------- */

.mb_bodyend_hyo,
.mb_bodyend_hyo2 {
	width: 250px;
	width: 70vw;
	display: block;
	padding-left: 10px;
	bottom: 0px;
	color: #ff9600;
	text-align: left;
	vertical-align: bottom;
	background-color: rgba(30,13,6,0.7);
	z-index: 9;
	max-height:250px;
	max-height:65vh;
    overflow-y:auto;
}
.mb_bodyend_hyo_naka {  
	display:table-cell;
	vertical-align:middle;
}
.mb_hyo_waku,
.mb_hyo_waku2,
.mb_hyo_waku3 {
	display: inline-block;
	height: 15px;
	min-width:180px;
}
.mb_hyo1,
.mb_hyo2,
.mb_hyo3 {
	display:inline-block;
	margin-left:2px;
	padding-left: 10px;
	font-size:60%;
}
.mb_hyo_btn {
	display:inline-block;
	vertical-align: middle;
	float:left;
	margin-top:-1px;
}
.mb_hyo_btn1 {
	background-image:url(../image/btn_syusei.png);
}
.mb_hyo_btn2 {
	background-image:url(../image/btn_hyoujun.png)!important;/* ④ページへ行ったときは(../image/btn_syusei.png)に変更 */
}
.mb_hyo_none {
	display:none!important;/* ④ページへ行ったときは表示 */
}
.mb_hyo_btn1,
.mb_hyo_btn2 {
	display: inline-block;
	overflow:hidden;
	width:42px;
	height:14px;
	margin-right:4px;
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position:-2px -1px;
	position:relative;
	margin-top:1px;
	z-index: 8;
}
.mb_hyo_btn1:hover {
	background-position:-2px -19px;
}
.end_cuffs {
	display:block;
	float:left;
}

.mb_hyo_waku5 {
	display: inline-block;
	overflow:hidden;
	width:90%;
	padding: 0px;
	margin-right:20px;
	margin-bottom:0px;
	margin-top:-2px;
	line-height:1.0em;
}
.mb_confirm {
	display:block;
	overflow:hidden;
	float:left;
	width: 150px;
	width: 44vw;
	padding-bottom:0;
}
.mb_hyo5,
.mb_hyo6 {
	display:block;
	margin-left:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size:60%;
	float:left;
	width:auto;
}
.mb_hyo6 {
	max-width:65%;
}
.mb_hyo6 .font_white:hover {
	color:#0F3;
}


/* アコーデオン Style 
------------------------------------------------------------------------- */
.Item { 
	position:relative;
}
 
.Item input[type='checkbox'], .Item input[type='radio'] {
	width: 100%;
	display: block;
	position: absolute;
	opacity: 0;
	height: 35px;
	top: 0;
	left: 0;
	border: none;
	border-radius: 0;
	margin-top: -30px;
}

.Accordion {
    background-color:#efefef;
	width: 80%;
	width: 80vw;
	padding-right: 20px;
	padding-left: 20px;
	font-weight:bold; 
}
.AccordionItem {	
position:relative;
margin-top:10px;
	display: inline-block;
	width: 96.1%;
	width: 96.1vw;
	height: 28px;
	text-align: center;
	text-decoration: none;
    text-overflow:ellipsis;
	line-height: 28px;
    white-space:nowrap;
    overflow:hidden;
	outline: none;
    cursor:pointer;	
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    background: #b40000;
	background: -moz-linear-gradient(top,#ed0000 0%,#9c0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ed0000), to(#9c0000));
    background: -webkit-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -o-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: -ms-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: linear-gradient(top,  #ed0000 0%,#9c0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
	border: 2px solid #777;
	color: #FFF;
	font-size:12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.AccordionItem i {
	margin-right:10px;
}
.AccordionItem i a {
    color: #ffffff;
}
.fa-caret-right:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #ffffff;
	position: relative;
	font-size: 120%;
    margin-left:0.2em;
}
.AccordionPanel {
    height:0px;
	width:90%;
	margin-left:5%;
    border-top:none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    overflow:auto; 
	margin-top:-7px; 
}
.AccordionPanel div {
	padding-top:0px;
	padding-bottom:0px;
    cursor:pointer;
}
input:checked + label .AccordionPanel { height:300px; }/* ボタンの高さ×ボタン数  */
.btn_ac {
    line-height:30px;
    height:30px;
    padding:0 30px;
    display:block;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border:1px solid #ccc;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	text-shadow: 1px 1px 0 #ffffff;
    cursor:pointer;
    margin-top:-1px;
	color: #a00000;
}
.btn_ac:active,
.btn_ac:hover {
    background: #6485c2;
    white-space:nowrap;
    overflow:hidden;
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}

/* アコーデオン2 Style ----------------------- */
.select-box01 select {
	padding: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-size: 20px, 100%;
	width:150px;
	width:50vw;
	height: 30px;
	height: 9.2vw;
	line-height: 22px;
	line-height: 6.8vw;
	font-size: 11px;
	font-size: 3.2vw;
	text-align:left;
	text-indent:1.5em;
    background: #b40000;
	background: url(../image/arrow02.png) right no-repeat, -moz-linear-gradient(top,#ed0000 0%,#9c0000);
	background: url(../image/arrow02.png) right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ed0000), to(#9c0000));
    background: url(../image/arrow02.png) right no-repeat, -webkit-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: url(../image/arrow02.png) right no-repeat, -o-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: url(../image/arrow02.png) right no-repeat, -ms-linear-gradient(top,  #ed0000 0%,#9c0000 100%);
    background: url(../image/arrow02.png) right no-repeat, linear-gradient(top,  #ed0000 0%,#9c0000 100%);
	border: 2px solid #777;
	color: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    cursor:pointer;
}
.select-box01 option {
	padding: 7px;
	width: 100%;
	color: #000;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.select-box01 option:hover {
    background: #809cc7;
}
select::-ms-expand {
	display: none;
}
.form-group {
	margin-top:20px;
	margin-bottom:10px;
}
.mb_next {
	margin-top:25%;
	margin-top:25vh;
}

/* 表示BOX 
------------------------------------------------------------------------- */
#mb_price {
	position: relative;
	display: inline-block;
	background:#fff;
	background: rgba(255,255,255,0.9);
	width:100%;
	width:30vw;
	top: 5px;
	text-align:center;
	white-space: nowrap;
	color: #222;
	border-bottom: 2px solid #ff6600;
	font-size:60%;
	padding-top:1px;
}
#box_price {
	display: inline-block;
	top: 5px;
	white-space: nowrap;
	color: #222;
	font-size:120%;
	padding-top:1px;
	font-weight:bold;
}



/* footer
------------------------------------------------------------------------- */
#footer {
	display:block;
	position:fixed;
	width:100%;
	width:100vw;
	height:20px;
	bottom:0;
	left:0;
	z-index:2001;
}
.footer_info {
	display:block;
	position:absolute;
	left:0px;
	bottom:0;
	width:100%;
	width:100vw;
	color:#CCC;
	z-index:3000;
}
#info {
	position:relative;
	left:0;
	bottom:19px;
}
#s_guid {
	position:relative;
	left:33.33%;
	left:33.33vw;
	bottom:19px;
}
#s_keisoku {
	position:relative;
	left:66.66%;
	left:66.66vw;
	bottom:19px;
}
#k_yuutai {
	position:relative;
	left:0;
}
#s_toiawase {
	position:relative;
	left:33.33%;
	left:33.33vw;
}
#s_login {
	position:relative;
	left:66.66%;
	left:66.66vw;
}
#info2,
#s_guid2,
#k_yuutai2,
#s_keisoku2,
#s_toiawase2,
#s_login2 {
	width:100%;
	display:none;
	overflow:hidden;
	background-color:#110804;
	opacity:0.85;
	border-top: 1px solid #ff9600;
	z-index:2999;
}
.footer_hyde {
	display:none;
	overflow:hidden;
	z-index:2999;
}
.footer_tab {
	display:block;
	position:relative;
	width:33%;
	width:33vw;
	height:20px;
	margin-top:-19px;
	padding-top:0px;
	border: 1px solid #fff;  
	-webkit-border-top-left-radius: 5px;    
	-webkit-border-top-right-radius: 5px;    
	-webkit-border-bottom-right-radius: 0px;    
	-webkit-border-bottom-left-radius: 0px;    
	-moz-border-radius-topleft: 5px;    
	-moz-border-radius-topright: 5px;    
	-moz-border-radius-bottomright: 0px;    
	-moz-border-radius-bottomleft: 0px;    
	border-radius: 5px 5px 0px 0px; 
	background-color:#ddd;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	text-align:center;
	text-height:10px;
	color:#000;
	font-size:11px;
	text-shadow: 0 1px #FFF;
	z-index:3000;
}
.footer_tab a {
	color:#000;
}
.footer_close {
	position:absolute;
	top:30px;
	font-size:120%;
	right:30px;
	color:#FFF;
}
.footer_close a {
	color:#fff;
}
.footer_close a:hover {
	color:#ff9600;
}
.footer_pading {
	padding-bottom:80px;
	padding-top:50px;
	padding-left:10%;
	padding-left:10vw;
	padding-right:10%;
	padding-right:10vw;
	max-height:100%;
	max-height:100vh;
	overflow:auto;
}
.footer_left {
	display:block;
	font-size:70%;
	width:85%;
	width:85vw;
}
.footer_right {
	display:block;
	font-size:70%;
	width:85%;
	width:85vw;
	margin-top:20px;
}
.footer_med_img {
	display:block;
	width:41%;
	float:left;
}
.img_keisoku {
	margin-top:10px;
	margin-bottom:10px;
	padding-left:auto;
	padding-right:auto;
	text-align:left;
	width:100%;
}
#keisoku_shirt {
	display:none;
}
#footer .font_orange:hover {
	color:#FFF;
	text-decoration:underline;
}


/* スマホ横 : 415 px ～ 736 px。モバイルレイアウトからスタイルを継承。668px */
@media only screen and (min-width: 415px) {


#main_body {
	margin-right:120px;
	margin-right:16vw;
	margin-top:15vh;
	height:90vw;
}
#main_body3 {
	position:absolute;
	display:block;
	left: auto;
	right: 5px;
	right: 1vw;
	top: 0;
	height: 100vh;
	width: 70px;
	width: 24vh;
}
#main_body2 {
	position:relative;
	display:block;
	width: 70px;
	width: 24vh;
	height: 56.137vh;
	top:auto;
	right:auto;
	left:auto;
}
#main_bodyimg {
	height:450px;
	height:90vw;
}
#sb_fabric {
	position:relative;
	right: auto;
	top: auto;
	width: 70px;
	width: 24vh;
}
#sb_collar {
	position:relative;
	right: auto;
	top: auto;
	width: 70px;
	width: 24vh;
}
.sb_option {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	left:0;
	top:0;
	border:#894c32 1px solid;
}
#sb_title2 {
	width:90%;
	margin-top:1.5vh;
}


/* スライド Style 
------------------------------------------------------------------------- */

#header{
	position: absolute;
	z-index: 2000;
	width: 23vw;
	top: 0;
}
#header h1{	
	height: 18.12vw;
	overflow: hidden;
}
#navigation {
	width: 23vw;
}
#navigation a{
	line-height: 5vw;
	font-size: 2vw;
}
.link-min {
	font-size: 7.4vh;
	vertical-align: -3.5vh;
}
.content{
	right: 20px;
	left: 23vw;
	top: 0px;
	position: absolute;
	padding-bottom: 30px;
}
.content h2{
	font-size: 50px;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
	margin-left:5px;
	right:auto;
	text-align:left;
}
.panel{
	box-shadow: 2px -2px 2px rgba(0,0,0,0.2);
	width: 99.5vw;
}

/* home 
------------------------------------------------------------------------- */
#open_comment {
	font-size:27px;
}
#open_comment2 {
	font-size:10px;
	margin-top:0px;
}
.button6_div {
	display: block;
	position: absolute;
	padding-left: 10vw;
	left: 5vw;
	bottom: 3vh;
}
.home_h2 {
	font-size:25px;
}
.home_p {
	color:#aaa;
	line-height: 1.1em;
	font-size:11px;
	margin-top:110px;
	margin-left:80px;
}
.home_small {
	font-size:9px;
}


/* option
------------------------------------------------------------------------- */
.option_item {
	padding-left:7vw;
	padding-right:6vw;
	padding-top:5vw;
	padding-bottom:2.5vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	max-height:70vh;
}
.option_item2,
.option_item_betsu {
	width:90vw;
	max-width:1250px;
	padding-left:5vw;
	padding-right:2.5vw;
	padding-top:1.5vw;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	position:relative;
	text-align:left;
	z-index: 9;
}
.option_title,
.option_title4 {
	vertical-align:middle;
  	font-size:80%;
	padding:3px;
	margin-bottom:-20px;
	position:relative;
}
.option_item4 {
	width:95vw;
	max-width:1250px;
	padding-left:3vw;
	padding-right:3vw;
	padding-top:4vw;
	padding-bottom:2vw;
	margin-bottom:5px;
	overflow:auto;
}
.option_body2 {
	max-width:1160px;
	padding-left:5vw;
	padding-right:5vw;
}
.option_line {
	font-size:40%;
}

/* body_table------------ */
.img_hyo {
	display:none;
}

/* cuffs------------ */
.img_cuffs {
	width: 17vw;
	height: auto;
	border:#280a00 1px solid;
	margin:3px;
}
#cuffs_base {
	position:relative;
	width:35vw;
	height:25vw;
	max-width:350px;
	max-height:262px;
	margin-top:60px;
	margin-left:auto;
	bottom:auto;
	top:auto;
	right:0;
}
.img_cuffs_option,
#img_cuffs_base {
	width:35vw;
	max-width:350px;
}
.img_cuffs_option {
	top:0px;
	left:0px;
}
#cuffs_option {
	float:left;
}


/* pocket------------ */
.img_pocket {
	width:8vw;
	height:auto;
}


/* front------------ */
.img_front {
	width:23vw;
	height:auto;
}
.img_back {
	width:19.5vw;
	height:auto;
	margin:0;
}

/* button------------ */
.option_item_c {
	float:right;
	margin-left:30px;
}


/* cleric------------ */
.cleric_option {
	font-size:80%;
}
.cleric_option .img_back {
	margin:3px;
	width:19vw;
	height:auto;
}
/* betsukiji------------ */
.option_betsukiji {
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:10px;
	margin-left:0;
	margin-right:-25px;
	margin-right:10vw;
	border:#ff9600 1px solid;
	position:relative;
	display:block;
	max-height:70%;
	max-height:70vh;
	overflow:auto;
}
.option_title_betsu {
	font-size:80%;
	padding:3px;
	margin-left:0;
	margin-right:-25px;
	margin-right:10vw;
	margin-bottom:-20px;
}
/* embroidery------------ */
.textfeeld {
	width: 300px;
}
.option_item_e {
	margin-left:30px;
}
.emb_option4 {
	width:80vw;
	max-width:1014px;
}
.emb_option3 {
	display: block;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}
.img_emb_psn {
	width:70vw;
	max-width:370px;
}
.emb_option3 img {
	width:20vw;
}

	
/* button
------------------------------------------------------------------------- */
.button1_div,
.button4_div,
.button5_div {
	position:absolute;
	top:auto;
	bottom: 30px;
	left:auto;
	right: 33%;
	width: 187px;
}
.button2_div,
.button6_div {
	right: auto;
	left: 14%;
	bottom: 16.5%;
	width:90vh;
}
.button3_div {
	left: 13%;
	top: 45%;
	width:70vw;
}
.button1 {
	width: 60vh;
	height: 7.2vh;
	line-height: 6.5vh;
	font-size: 3.2vh;
}
.button2,
.button2_none,
.button_black {
	height: 6vh;
	line-height: 2em;
	width:20vh;
	font-size:3vh;
	margin-bottom:3px;
	margin-right:0px;
}
.button3 {
	width: 24vh;
}
.button3l {
	width:20vw;
}
.button5 {
	width: 60vh;
	height: 9.5vh;
	line-height: 9vh;
	font-size: 4vh;
}
.button1_mb {
	margin-bottom:7px;
}
.AccordionItem {
	width: 184px;
	height: 26px;
	line-height: 26px;
	font-size:12px;
	margin-top:10px;
	border: 2px solid #777;
}
.mb_hyde2 {
	display:none;
}

/* 商品仕様 
------------------------------------------------------------------------- */

.mb_bodyend_hyo,
.mb_bodyend_hyo2 {
	position: absolute;
	float:left;
	padding-left:20px;
	padding-top:20px;
	width:100%;
	height:70%;
	height:100vh;
	right:0;
	left:10px;
	top: 10px;
	bottom: 0;
	border: 1px solid #ff9600;
}
.mb_hyo_waku,
.mb_hyo_waku2 {
	display: inline-block;
	height: 15px;
	min-width:35vw;
}

.mb_confirm {
	width: 180px;
	width: 50vw;
}
.mb_hyo6 {
	max-width:70%;
	max-width:40vw;
}

/* アコーデオン Style 
------------------------------------------------------------------------- */
.AccordionPanel {
    height:0px;
	width:90%;
	margin-top:-5px;
}
input:checked + label .AccordionPanel { height:180px; }/* ボタンの高さ×ボタン数  */
.btn_ac {
	font-size:12px;
    line-height:26px;
    height:26px;
}

/* アコーデオン2 Style ----------------------- */
.select-box01 select {
	padding: 3px;
	background-size: 20px, 100%;
	width: 60vh;
	height: 9.5vh;
	line-height: 4vh;
	font-size: 4vh;
	text-indent:1.5em;
}
.form-group {
	margin-top:10px;
	margin-bottom:10px;
}
.mb_next {
	margin-top:6vh;
}


/* 表示BOX 
------------------------------------------------------------------------- */
#mb_price {
	width:23vw;

}



/* footer
------------------------------------------------------------------------- */
#footer {
	height:20px;
}
#info {
	position:relative;
	left:0;
	bottom:auto;
}
#s_guid {
	position:relative;
	left:16.66vw;
	bottom:auto;
}
#s_keisoku {
	position:relative;
	left:33.33vw;
	bottom:auto;
}
#k_yuutai {
	position:relative;
	left:49.99vw;
}
#s_toiawase {
	position:relative;
	left:66.66vw;
}
#s_login {
	position:relative;
	left:83.33vw;
}
.footer_tab {
	width:16.4vw;
}
.img_keisoku {
	text-align:center;
}


}

/* タブレット縦レイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。668px */
@media only screen and (min-width: 737px) {
#main_div{ 
	width:100vw;
	height:100vh;
}

#main_body {
	margin-right:13vw;
	margin-top:17vh;
	height:90%;
}
#erigata_comment {  
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right:5vw;
	margin-top:75vh;
	position:absolute;
	font-size:10px;
	color:#996a44;
	line-height:1.5em;
	display:none;
}
#main_bodyimg {
	height:95%;
}	
#sb_fabric {
	width: 15vh;
	margin-bottom:5px;
}
#sb_collar {
	width: 15vh;
	margin-bottom:5px;
}
#main_body3 {
	right: 2vw;
	top: 2vh;
	height: 98vh;
	width: 15vh;
}
#main_body2 {
	width: 15vh;
	left:0;
	height: 33.6826vh;
}
#sb_cuffs {
	display:block;
	right: 3vw;
	top: 32vh;
	width: 15vh;
}
#sb_title {
	width:70vw;
	color:#fff;
	text-align:center;
}
#sb_title h1 {
	line-height:2.0em;
	font-size:95%;
	font-weight:normal;
}


/* スライド Style 
------------------------------------------------------------------------- */

html, body {
	height:100vh;
}
body {
	width: 100vw;
	overflow: hidden;
}
#header{
	width: 150px;
	top: 2vh;
	left: 0px;
}
#header h1{
	height: 118px;
	overflow: hidden;
}
#navigation {
	margin-top: 20px;
	width: 150px;
}
#navigation a{
	line-height: 30px;
	padding: 0px 15px;
	margin-bottom: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	font-size: 12px;
}
.link-min {
	font-size: 38px;
	vertical-align: -17px;
	font-weight:normal;
}
.panel{
	box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
	width: 98vw;
}
.content{
	right: 20px;
	left: 150px;
}
.content h2{
	font-size: 80px;
	padding: 10px 0px 20px 0px;
	margin-top: 20px;
	margin-left: 0px;
}

/* home 
------------------------------------------------------------------------- */
#open_comment {
	font-size:40px;
}
#open_comment2 {
	line-height: 1.5em;
	font-size:16px;
	margin-top:-277px;
	margin-left:150px;
}
.home_h2 {
	font-size:40px;
}
.home_p {
	color:#aaa;
	line-height: 1.5em;
	font-size:16px;
	margin-top:-277px;
	margin-left:150px;
}
.home_small {
	font-size:13px;
}



/* option
------------------------------------------------------------------------- */
.tt_kaisetsu {
	display:block
}
.option_title {
  	font-size:95%;
	padding:6px;
	padding-left:2em;
	width:90vw;
	max-width:1250px;
	margin-bottom:-30px;
}
.option_title4 {
  	font-size:95%;
	padding:6px;
	padding-left:2em;
	width:90vw;
	max-width:1250px;
	margin-bottom:-30px;
}
.option_item {
	width:90vw;
	height:auto;
}
.option_item2,
.option_item_betsu {
	padding-left:7vw;
}
.option_item4 {
	width:90vw;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:8vw;
	padding-bottom:2.5vw;
}
.option_center_scroll {
	height:100%;
	display:block;
	overflow:auto;
	max-height:90vh;
}

/* 解説
---------------------------------------------------------------------------------------------------------------------------------------------------------
.kaisetsu {
	position:absolute;
	top:20px;
	right:100px;
	height:5vh;
	width:50vw;
	color:fff;
}
.displaynone {
	display:none;
}
.kaisetsu_naka {
	width:100%;
	height:100%;
}
p #poke-0 {
	color:ffffff;
	background-color:000;
}
------------------------------------------------------------------ */




/* body_table------------ */
.img_hyo {
	display:block;
	width:70%;
	max-width:100px;
	height:auto;
}
.option_line {
	font-size:80%;
}
/* collar------------ */
.img_line {
	margin:3px;
	height: 10vh;
}
.img_line_big {
	margin:3px;
	height: 13.5vh;
}
.img_line_big2 {
	margin:3px;
	height: 20vh;
}
.option_item_d {
	display:block;
	position:absolute;
	float:none;
	margin-right:0;
	margin-left:0;
	margin-top:0;
	width:202px;
	height:202px;
	right:-0.5%;
	top:17.5%;
	background-image:url(../image/collar/collar03.jpg);
	background-size:200px auto;
	background-repeat: no-repeat;
	z-index:2004;
}
.collar_hyde1,
.collar_hyde2,
.collar_hyde3 {
	display:none;
}
#collar_a,
#collar_b,
#collar_c {
	float:left;
	margin-right:8px;
}


/* cuffs------------ */
.img_cuffs {
	height: 13.5vh;
	width:auto;
}
.pc_hyde {
	display:none;
}
#cuffs_base {
	position:relative;
	width:35vw;
	height:25vw;
	max-width:350px;
	max-height:262px;
	margin-top:20px;
	bottom:auto;
	right:0;
}
.img_cuffs_option,
#img_cuffs_base {
	width:35vw;
	max-width:350px;
}
.img_cuffs_option {
	top:0px;
	left:0px;
}


/* pocket------------ */
.img_pocket {
	width:13.5vh;
	height:auto;
}


/* front------------ */
.img_front {
	width:25vw;
	max-width:200px;
	height:auto;
}
.img_back {
	width:auto;
	height:auto;
}

/* button------------ */
.en_shadow {
	width:60px;
	height:60px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    box-shadow:0px 0px 10px 10px #000;
    -moz-box-shadow:0px 0px 10px 10px #000;
    -webkit-box-shadow:0px 0px 10px 10px #000;
	top:-160px;
	left:100px;
}
#simulation_button {
	position:relative;
	top:-320px;
	left:0px;
}
#simulation_b_ito {
	position:relative;
	top:-575px;
	left:0px;
}
#button_simulation {
	overflow:hidden;
	height:250px;
}
.option_item_c,
.option_item_e {
	display:block;
	float:right;
	margin-right:20px;
	margin-left:50px;
	margin-top:20px;
	width:250px;
	height:250px;
	background-image:url(../image/fabric/za1017.gif);
	background-size:200% auto;
	border:#894c32 1px solid;
}
.option_item_e {
	float:none;
	margin-left:0;
}
.img_button {
	height:60px;
}
#simulation_hole,
#simulation_button,
#simulation_b_ito {
	width:250px;
	height:250px;
}

/* embroidary------------ */
.emb_option3 {
	padding-top: 12px;
}
.emb_option3 img {
	width:auto;
}

/* betsukiji------------ */
.option_item3 {
	width:85vw;
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.option_betsukiji {
	max-width:1250px;
	padding-left:5vw;
	padding-right:3vw;
	padding-top:4.5vw;
	padding-bottom:3vw;
	margin-right:120px;
	margin-left:auto;
	border:#ff9600 1px solid;
	position:relative;
	display:block;
}
.option_betsukiji_max {
	max-height:50vh;
}
.option_betsukiji_max2 {
	max-height:35vh;
}
.option_title2,
.option_title_betsu {
	font-size:95%;
	padding:6px;
	padding-left:2em;
	border:#c52a2a 2px solid;
	max-width:1250px;
	margin-right:120px;
	margin-left:auto;
	margin-bottom:-30px;
}
.betsukiji {
	width:8vw;
	height:auto;
	max-width:188px;
}




/* button
------------------------------------------------------------------------- */
.button1_div,
.button5_div  {
	left: 12vw;
	right:auto;
	top: 38vh;
	bottom: auto;
	width: 250px;
	text-align:center;
}
.button2_div,
.button6_div {
	display: block;
	position: absolute;
	left: -6vw;
	right:auto;
	top: 50vh;
	float:left;
	text-align:left;
	width:80vw;
	z-index: 9;
}
.button3_div {
	left: 12vw;
	right:auto;
	top: 40vh;
	width:50vw;
}
.button4_div {
	position: relative;
	top:55vh;
	left: 11vw;
	width: 250px;
}
.button1,
.button5 {
	width: 300px;
	height: 48px;
	line-height: 40px;
	font-size:15px;
	border: 3px solid #777;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.button1:active,
.button1:hover {
	border: 3px solid #bbb;
	font-weight: bold;
}
.button1_mb {
	margin-bottom:10px;
}
.button2,
.button2_none  {
	height: 31px;
	line-height: 28px;
	outline: none;
	width:135px;
	margin-bottom:5px;
	margin-right:2px;
	padding-right: 10px;
	padding-left: 10px;
	border: 2px solid #777;
	font-size:13px;
	font-weight:normal;
	color: #000;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 3px rgba(0,0,0,0.4);
}
.button2:active,
.button2:hover {
	border: 2px solid #999;
	font-weight: bold;
}
.button_black {
	height: 31px;
	line-height: 28px;
	width:135px;
	font-size:13px;
	font-weight:normal;
	margin-bottom:5px;
	margin-right:2px;
	padding-right: 10px;
	padding-left: 10px;
	background: #666a70; /* Old browsers */
	background: -moz-linear-gradient(top,  #666a70 0%, #17171c 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#666a70), to(#17171c));
	background: -webkit-linear-gradient(top,  #666a70 0%,#17171c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #666a70 0%,#17171c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -o-linear-gradient(top,  #666a70 0%,#17171c 100%);
    background: -ms-linear-gradient(top,  #666a70 0%,#17171c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666a70', endColorstr='#17171c',GradientType=0 ); /* IE6-9 */
	border: 2px solid #aaa;
	color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 4px 4px 3px rgba(0,0,0,0.4);
}
.button_black:active,
.button_black:hover {
	background: #8e98a5; /* Old browsers */
	background: -moz-linear-gradient(top,  #8e98a5 0%, #323c47 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#8e98a5), to(#323c47));
	background: -webkit-linear-gradient(top,  #8e98a5 0%,#323c47 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8e98a5 0%,#323c47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -o-linear-gradient(top,  #8e98a5 0%,#323c47 100%);
    background: -ms-linear-gradient(top,  #8e98a5 0%,#323c47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e98a5', endColorstr='#323c47',GradientType=0 ); /* IE6-9 */
	border: 2px solid #ff6600;
	font-weight: bold;
	color: #ddd;
}
.mb_hyde,
.mb_hyde2 {
	display:block;
}

/* 商品仕様 
------------------------------------------------------------------------- */

.mb_hyo_waku,
.mb_hyo_waku2,
.mb_hyo_waku3 {
	display: inline-block;
	float: left;
	min-width:180px;
	height: 22px;
	padding: 2px;
	margin-right:30px;
	margin-bottom:2px;
	line-height:1.0em;
}
.mb_hyo_waku3 {
	height: 44px;
}
.mb_hyo1,
.mb_hyo2,
.mb_hyo3 {
	display:inline-block;
	margin-left:2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size:70%;
}

/* 商品仕様2
------------------------------------------------------------------------- */
.mb_bodyend_hyo,
.mb_bodyend_hyo2 {
	position: absolute;
	width:200px;
	min-width:75vw;
	padding-left:45px;
	padding-top:0px;
	left: -50px;
	right: 200px;
	top: 50%;
	bottom: 40px; 
	border: 1px solid #ff9600;
	max-height:35vh;
	z-index: 8;
}
.mb_bodyend_hyo_naka {
	display: block;
	height: auto;
	vertical-align: top;
	margin-top:35px;
}
.mb_hyo_waku5 {
	display: inline-block;
	overflow:hidden;
	width:90%;
	padding: 0px;
	margin-right:30px;
	margin-bottom:0px;
	line-height:1.0em;
}
.mb_confirm {
	display:block;
	overflow:hidden;
	float:left;
	width:85%;
	padding-bottom:0;
}
.mb_hyo5,
.mb_hyo6 {
	display:block;
	margin-left:2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size:70%;
	float:left;
	width:auto;
}
.mb_hyo6 {
	max-width:85%;
}
.mb_hyo_btn {
	display:inline-block;
	vertical-align: middle;
	float:left;
	margin-top:-9px;
}
.mb_hyo_btn1 {
	background-image:url(../image/btn_syusei.png);
}
.mb_hyo_btn2 {
	background-image:url(../image/btn_hyoujun.png)!important;/* ④ページへ行ったときは(../image/btn_syusei.png)に変更 */
}
.mb_hyo_none {
	display:none!important;/* ④ページへ行ったときは表示 */
}

.mb_hyo_btn1,
.mb_hyo_btn2 {
	display: inline-block;
	overflow:hidden;
	width:45px;
	height:18px;
	margin-right:10px;
	margin-bottom:2px;
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	margin-top:8px;
	z-index: 8;
}
.mb_hyo_btn1:hover {
	background-position:right bottom;
}
.bt_resize {
	margin-right:16vh;
	margin-top:80px;
	position:absolute;
	top:0;
	right:100px;
	z-index:3000;
}
.bt_resize2 {
	margin-right:5px;
	margin-top:-4px;
	top:0;
	right:0;
	float:right;
	z-index:3000;
}





/* アコーデオン Style 
----------------------------------------------------------------------

.Accordion {
	width: 250px;
}
.AccordionPanel {
	margin-top:-7px;
}
.AccordionItem {	
margin-top:30px;
	width: 244px;
	height: 40px;
	line-height: 40px;
	border: 3px solid #777;
	font-size:15px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
input:checked + label .AccordionPanel { height:285px; }
--- */

/* アコーデオン2 Style ----------------------- */
.select-box01 select {
	padding: 6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:7px;
	background-size: 20px, 100%;
	width:300px;
	height: 48px;
	border: 3px solid #777;
	font-size:14px;
}
	


/* 表示BOX 
------------------------------------------------------------------------- */
#mb_price {
	position: relative;
	display: inline-block;
	background:#fff;
	background: rgba(255,255,255,0.9);
	width:150px;
	top: 20px;
	text-align:center;
	white-space: nowrap;
	color: #222;
	border-bottom: 2px solid #ff6600;
	font-size:70%;
	padding-top:5px;
	line-height:2em;
}
#box_price {
	display: inline-block;
	top: 20px;
	white-space: nowrap;
	color: #222;
	font-size:120%;
	font-weight:bold;
	padding-top:5px;
}




}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

	
#main_body {
	margin-right:16vw;
	margin-top:13vh;
	height:90%;
}
#main_body2 {
	position:relative;
	width: 20vh;
	top:auto;
	right:auto;
	left: auto;
}
#main_body3 {
	position:absolute;
	left: auto;
	right: 10px;
	right: 2vw;
	top: 2vh;
	height: 95%;
	width: 20vh;
}
#main_bodyimg {
	height:105%;
}
#sb_fabric {
	position:relative;
	width: 20vh;
	margin-bottom:5px;
	top:auto;
	right:auto;
}
#sb_collar {
	position:relative;
	width: 20vh;
	margin-bottom:5px;
	top:auto;
	right:auto;
}
#sb_cuffs {
	position:relative;
	display:block;
	right: auto;
	top: auto;
	width: 18vh;
}
.sim_cuffs {
	float:right;
	margin-left:20px;
	margin-top:10px;
}
#sb_title {
	position: fixed;
	left: 3%;
	top: 2%;
	width:50vw;
	color:#fff;
	text-align:center;
}
#sb_title h1 {
	font-size:95%;
	font-weight:normal;
}


/* スライド Style 
------------------------------------------------------------------------- */

#header{
	width: 180px;
	top: 2vh;
}
#header h1{
	height: 142px;
	overflow: hidden;
}
#navigation {
	margin-top: 20px;
	width: 180px;
}
#navigation a{
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	font-size: 14px;
	font-weight:normal;
}
.link-min {
	font-size: 6.2vh;
	vertical-align: -3vh;
}
.content{
	right: 20px;
	left: 180px;
}
.content h2{
	font-size: 100px;
	padding: 10px 0px 20px 0px;
	margin-top: 20px;
}


/* button
------------------------------------------------------------------------- */
.button1_div,
.button5_div  {
	left: 5vw;
	top: 20vh;
}
.button1 {
	display: inline-block;
	width: 250px;
	height: 50px;
	text-decoration: none;
	line-height: 47px;
	outline: none;
	font-size:16px;
}
.button5 {
	display: inline-block;
	width: 300px;
	height: 50px;
	text-decoration: none;
	line-height: 47px;
	outline: none;
	text-indent:2.9em;
	font-size:16px;
}
.button1_mb {
	margin-bottom:0px;
}
.button2_div,
.button6_div {
	display: block;
	position: absolute;
	left: 5vw;
	top: 40vh;
	float:left;
	text-align:left;
	width:566px;
}
.button3_div {
	left: 5vw;
	top: 30vh;
	width:50vw;
}
.button4_div {
	top:45vh;
	left: 5vw;
}


/* OPTION 
------------------------------------------------------------------------- */

.option_center,
.option_center2 {
	padding-top:30px;
	padding-bottom:30px;
	height:95%;
	height:95vh;
	overflow:auto;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
}
.option_center_scroll {
	height:100%;
	display:block;
	overflow:auto;
	max-height:90vh;
}
.pc_hyde2 {
	display:none;
}
/* collar-------- */
.option_item_d {
	display:block;
	position:absolute;
	float:none;
	margin-right:0;
	margin-left:0;
	margin-top:0;
	width:202px;
	height:202px;
	right:21%;
	top:53%;
	background-image:url(../image/collar/collar03.jpg);
	background-size:200px auto;
	background-repeat: no-repeat;
	z-index:203;
}
/* cuffs-------- */
#cuffs_base {
	position:relative;
	width:28vw;
	height:20.8vw;
	margin-top:-10px;
	bottom:auto;
	right:0;
}
.img_cuffs_option,
#img_cuffs_base {
	width:23vw;
	max-width:350px;
}
.img_cuffs_option {
	top:0px;
	left:0px;
}
/* back-------- */
.img_back {
	width:18vw;
	max-width:200px;
	height:auto;
}
/* embroidery------------ */
.emb_option {
	display:block;
	width:443px;
	float:left;
	margin-right:2vw;
}

/* betsukiji------------ */
.option_betsukiji_max {
	max-height:38%;
	max-height:38vh;
}
.tab_hyde {
	display:block;
}
.pc_hyde2 {
	display:none;
}


/* 商品仕様 
------------------------------------------------------------------------- */

.mb_bodyend_hyo {
	position: absolute;
	float:left;
	width:35vw;
	min-width:530px;
	max-height:50vh;
	overflow:auto;
	padding-left:45px;
	left: 1.5vw;
	top: auto;
	bottom: 12%;
	text-align: left;
}
.mb_bodyend_hyo2 {
	position: absolute;
	float:left;
	width:35vw;
	min-width:550px;
	padding-left:45px;
	left: 1vw;
	top: 21%;
	bottom: auto;
	color:#ff9600;
	text-align: left;
	background-color: rgba(30,13,6,0.7); 
	border: 1px solid #ff9600;
	font-size:130%;
}
.mb_bodyend_hyo_naka {
	margin-bottom:50px;
}
.mb_hyo_waku2 {
	display: inline-block;
	height: 25px;
	min-width:220px;
}
.bt_resize {
	margin-right:21vh;
}
.bt_resize2 {
	margin-right:10px;
	margin-top:-15px;
}



/* アコーデオン Style 
---------------------------------------------------------------------
.Item { position:relative; }
.Accordion {
    background-color:#efefef;
	width: 250px;
	font-weight:bold; 
}
.AccordionPanel {
	margin-top:-5px;
}
.AccordionItem {	
position:relative;
margin-top:40px;
	display: inline-block;
	width: 244px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
    text-overflow:ellipsis;
	border: 3px solid #777;
}
.AccordionItem:hover {
	background: #9c0000;
	background: -moz-linear-gradient(top,#9c0000 0%,#ed0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0000), to(#ed0000));
    background: -webkit-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -o-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: -ms-linear-gradient(top,  #9c0000 0%,#ed0000 100%);
    background: linear-gradient(top,  #9c0000 0%,#ed0000 100%);
	border: 3px solid #bbb;
	color:#000;
}
.AccordionItem i {
	margin-right:10px;
}
.fa-caret-right:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #ffffff;
	position: relative;
	font-size: 120%;
    margin-left:0.2em;
}
.AccordionPanel {
	margin-top:-7px; 
}
.AccordionPanel:hover,
.AccordionItem:hover + .AccordionPanel { 
	height:450px;
}
.btn_ac:hover {
    background: #6485c2;
    white-space:nowrap;
    overflow:hidden;
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}
.form-group {
	margin-top:10px;
	margin-bottom:50px;
}
---- */

/* アコーデオン2 Style ----------------------- */
.select-box01 select {
	padding: 6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:4px;
	width:300px;
	height: 48px;
	text-indent:1.2em;
	font-size:16px;
}
select:not(:target),
select option:not(:target) {
	background-color:#b40000\9; /* IE9 */
	color:#FFFFFF\9; /* IE9 */
}
.select-box01 select:not(:target)  {
	color:#FFFFFF\9; /* IE9 */
}

/* アコーデオン3 Style ---------------------
#fancybox-outer {
	background-color: none;
	background-color: transparent;
}
button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
optgroup,  option, select {
	text-align: center;
	text-align: -webkit-center;
}
 select::-ms-expand {
 display: none;
}
input.mergeField{
	background-color: transparent;
	color:orange;
	border:none;
	overflow:visible;
	width:auto;
	display:inline;
	}
-- */

/* 表示BOX 
------------------------------------------------------------------------- */
#mb_price {
	width:180px;
	top: 1vh;
	border-bottom: 2px solid #ff6600;
	padding-top:5px;
	font-size:1.2vh;
}
#box_price {
	line-height:1.8em;
	padding-top:0;
	font-size:2vh;
}



/* footer
------------------------------------------------------------------------- */
#footer {
	width:100vw;
	bottom:0;
	left:0;
}
#info {
	position:relative;
	left:2px;
}
#s_guid {
	position:relative;
	left:154px;
}
#s_keisoku {
	position:relative;
	left:306px;
}
#k_yuutai {
	position:relative;
	left:458px;
	bottom:auto;
}
#s_toiawase {
	position:relative;
	left:610px;
	bottom:auto;
}
#s_login {
	position:relative;
	left:762px;
	bottom:auto;
}
.footer_tab {
	width:150px;
	height:24px;
	margin-top:-23px;
	padding-top:4px;
	text-height:10px;
	font-size:11px;
}
.footer_close {
	top:30px;
	font-size:120%;
	right:30px;
}
.footer_pading {
	padding-bottom:80px;
	padding-top:50px;
	padding-left:10vw;
	padding-right:10vw;
}
.footer_left {
	font-size:70%;
	width:37vw;
	float:left;
}
.footer_right {
	font-size:70%;
	width:37vw;
	margin-left:3vw;
	float:right;
}
.footer_left_img {
	display:block;
	width:37vw;
	text-align:right;
}
.img_keisoku {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

}
	




/* キンドル : 2560 px ～ モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 2560px) {
	
/* スライド Style 
------------------------------------------------------------------------- */

#header{
	width: 450px;
	top: 2vh;
}
#header h1{
	height: 355px;
	overflow: hidden;
}
#navigation {
	margin-top: 30px;
	width: 450px;
}
#navigation a{
	line-height: 100px;
	padding: 0px 37px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	font-size: 35px;
	font-weight:normal;
}
.link-min {
	font-size: 6.2vh;
	vertical-align: -3vh;
}
.content{
	right: 50px;
	left: 450px;
}
.content h2{
	font-size: 250px;
	padding: 25px 0px 50px 0px;
	margin-top: 50px;
}


/* 表示BOX 
------------------------------------------------------------------------- */
#mb_price {
	width:450px;
	top: 0.50vh;
	border-bottom: 5px solid #ff6600;
	padding-top:7px;
	font-size:1.5vh;
}
#box_price {
	line-height:2em;
	padding-top:0;
	font-size:2.5vh;
}


/* button
------------------------------------------------------------------------- */
.button1_div,
.button5_div  {
	width: 625px;
	text-align:center;
}
.button2_div,
.button6_div {
	left: 5vw;
	top: 40vh;
	float:left;
	text-align:left;
	width:1415px;
}
.button1,
.button5 {
	display: inline-block;
	width: 625px;
	height: 125px;
	text-decoration: none;
	text-indent:1.9em;
	line-height: 117px;
	outline: none;
	font-size:40px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
.button2,
.button2_none,
.button_black  {
	height: 77px;
	line-height: 70px;
	outline: none;
	width:337px;
	margin-bottom:12px;
	margin-right:5px;
	padding-right: 25px;
	padding-left: 25px;
	border: 5px solid #777;
	font-size:32px;
	font-weight:normal;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 8px rgba(0,0,0,0.4);
}
.font_orange {
	font-size:36px;
}

/* アコーデオン2 Style ----------------------- */
.select-box01 select {
	padding: 15px;
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:30px;
	width:625px;
	height: 120px;
	text-indent:1.5em;
	font-size:40px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}
	
	
}