@charset "UTF-8";

p#hissu_text {
	clear: both;
	width: 670px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	padding: 8px 15px 8px 15px;
	margin: 0px 0px 5px 0px;
	background-color: #993300;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


div#Corder {
	width:700px;
	margin: 0px auto;
}

div#Corder a {
	color: #09F;
	font-size: 12px;
}
div.important_mail {
	clear: both;
	overflow: hidden;
	width: 640px;
	padding: 30px 29px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0px 0px 20px 0px;
}
div.important_mail p {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #454545;
	padding: 0px 0px 6px 0px;
}
div.important_mail ol {
	margin: 0px 0px 0px 5px;
}
div.important_mail ol li {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
	background:url(../../../images/ic_swrapping.gif) no-repeat 0px 4px;
}
h4.Ctitle {
	clear: both;
	width: 640px;
	height: 22px;
	margin: 0px 0px 15px 0px;
}



div.important_mail {
	clear: both;
	overflow: hidden;
	width: 640px;
	padding: 30px 29px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0px 0px 20px 0px;
}
div.important_mail p {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #454545;
	padding: 0px 0px 6px 0px;
}
div.important_mail ol {
	margin: 0px 0px 0px 5px;
}
div.important_mail ol li {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
	background:url(../../../images/ic_swrapping.gif) no-repeat 0px 4px;
}

/*-----------------------------------------------------------------*/
/* mailformbox */
/*-----------------------------------------------------------------*/

div.mailformbox {
	clear: both;
	width: 680px;
	margin: 0px 10px 10px 10px;
}
divmailformbox a {
	color: #09F;
	font-size: 13px;
}
div.mailformbox a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
span.MFcaption {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #260c00;
	padding: 0px 0px 2px 18px;
	margin: 0px 0px 0px 4px;
	background: url(../images/icon.gif) no-repeat 0px 2px;
}


input.mfp {
	padding: 2px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6em;
	border: 1px solid #CCCCCC;
	background-color: #FDFDFD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 4px 4px 4px;
}
textarea.mfp {
	display: block;
	width: 400px;
	height: 180px;
	padding: 2px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6em;
	border: 1px solid #CCCCCC;
	background-color: #FDFDFD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 4px 4px 4px;
	resize:none;
}

p.attention {
	font-size: 11px;
	line-height: 16px;
	color: #888888;
}
div.MFsection {
	clear: both;
	width: 720px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 16px 0px;
}
input#send_confirm {
	margin: 0px 5px 0px 4px;
}


/*-----------------------------------------------------------------*/
/* sidebar_preview */
/*-----------------------------------------------------------------*/
div#Spreview {
	float: left;
	width: 180px;
}

div#Spreview h3 {
	clear: both;
	width: 180px;
	height: 37px;
	margin-bottom: 35px;
}
div#omote {
	clear: both;
	width: 180px;
	height: 340px;
	padding: 0px 0px 25px 0px;
	margin: 0px auto 30px;
	border-bottom: 1px dashed #898989;
}
div#ura {
	clear: both;
	width: 180px;
	height: 320px;
	padding: 0px 0px 25px 0px;
	margin: 0px auto 30px;
	border-bottom: 1px dashed #898989;
	background:url(../images/ura.jpg) no-repeat 0px 0px;
}
div#sokumen {
	clear: both;
	width: 180px;
	height: 314px;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 30px;
	border-bottom: 1px dashed #898989;
}

h4.SPtitle {
	clear: both;
	width: 180px;
	height: 31px;
	margin: 0px 0px 0px 0px;
}
h4.SPtitle img {
	clear: both;
	display: block;
	width: 107px;
	height: 31px;
	margin: 0px auto;
}

/*-----------------------------------------------------------------*/

div#Soption {
	clear: both;
}

/* Stotal */

div#Stotal {
	clear: both;
	width: 180px;
}
div#Stotal span.current_price {
	display: block;
	width: 107px;
	height: 43px;
	margin: 0px auto 6px;
}
div#Stotal div#mfp_price {
	clear: both;
	overflow: hidden;
	width: 160px;
	text-align: center;
	padding: 6px 10px;
	color: #FFFFFF;
	background-color: #5a2515;
}
div#Stotal p {
	width: 160px;
	padding: 10px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #565656;
	margin: 0px 0px 10px 0px;
}


/**/

h3.Otitle {
	clear: both;
	width: 700px;
	height: 40px;
	margin-bottom: 20px;
}

span.subtitle {
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0px 2px 0px;
}

/* ul */
div.MFsection ul {
	clear: both;
	overflow: hidden;
	width: 680px;
	padding: 0px 0px 10px 0px;
}

div.MFsection ul li {
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
}
div.MFsection ul li label {
	display: block;
	overflow: hidden;
	width: 170px;
	text-align: center;
	padding: 6px 0px 6px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0px 0px 8px 0px;
}
div.MFsection ul li label img {
	width: 160px;
	height: 120px;
}

div.MFsection ul li label div.Cclothimage {
	display: block;
	width: 160px;
	margin: 0px auto 10px;
}
div.MFsection ul li label div.Sideimage {
	display: block;
	width: 160px;
	margin: 0px auto 10px;
}

div.MFsection ul li label span {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #464646;
	padding: 0px 0px 0px 0px;
}
div.MFsection ul li label.label_true {
	background-color: #ffdfe4;
}
div.MFsection ul li label.label_false {
	background-color: #FFFFFF;
}
div.MFsection ul li label.label_false:hover {
	background-color: #ffdfe4;
}

/*-----------------------------------------------------------------*/

/* ul */
div.MFsection ul.three_column {
	clear: both;
	overflow: hidden;
	width: 680px;
	padding: 0px 0px 10px 0px;
}

div.MFsection ul.three_column li {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
}
div.MFsection ul.three_column li label {
	display: block;
	overflow: hidden;
	width: 220px;
	text-align: center;
	padding: 6px 0px 6px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0px 0px 8px 0px;
}
div.MFsection ul.three_column li label img {
	width: 200px;
	height: 164px;
	display: block;
	margin: 0px auto;
}

div.MFsection ul.three_column li label span {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #464646;
	padding: 0px 0px 0px 0px;
}
div.MFsection ul.three_column li label.label_true {
	background-color: #ffdfe4;
}
div.MFsection ul.three_column li label.label_false {
	background-color: #FFFFFF;
}
div.MFsection ul.three_column li label.label_false:hover {
	background-color: #ffdfe4;
}

/**/



/*-----------------------------------------------------------------*/

form#mailform label#send_confirm_label {
	width: 20px;
	cursor: pointer;
	text-decoration: underline;
	display: block;
	padding: 5px 0px 0px 8px;
	margin-bottom: 1px;
	vertical-align: text-bottom;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}
div#mfp_closed {
	display: none;
}
div.mfp_disp {
	display: none;
}
div#input_time_disp {
	padding: 10px;
}
div#expires_time_disp {
	padding: 10px;
	text-align: center;
}
div#expires_time_disp strong {
	font-size: 18px;
	color: #CC0000;
}
div#limit_disp {
	padding: 10px;
	text-align: center;
}
div#limit_disp strong {
	font-size: 24px;
	color: #CC0000;
}
img.must {
	width: 11px;
	height: 10px;
	float: left;
	margin: 0px 0px 0px 0px;
}
div#mfp_buttons {
	clear: both;
	overflow: hidden;
	width: 298px;
	margin: 30px auto 40px auto;
}
div.mfp_phase_buttons {
	height: 30px;
}
input#button_mfp_goconfirm {
	width: 298px;
	height: 70px;
	overflow: hidden;
	background-image: url(../images/mfp_goconfirm.gif);
	background-color: #FFFFFF;
	border: none;
	border-style: none;
	cursor: pointer;
}

select.colorselect {
	display: block;
	width: 80px;
	margin: 0px auto;
}

/**/

table.Ooption_select_table {
	clear: both;
	width: 550px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
table.Ooption_select_table td {
	width: 260px;
	padding: 6px 5px 8px;
	border-bottom: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
}
table.Ooption_select_table td.Rnone {
	border-right: none;
}
table.Ooption_select_table td.Bnone {
	border-bottom: none;
}
table.Ooption_select_table td.RBnone {
	border-right: none;
	border-bottom: none;
}

img.Optionimage {
	display: block;
	float: left;
	width: 110px;
	height: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
label#price_option01_525_label {
	display: block;
	float: left;
	width: 280px;
	margin: 10px 0px 30px 6px;
	padding: 5px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #CCCCCC;
}
label#price_option01_525_label span {
	display: block;
	padding: 2px 0px 0px 0px;
}

table.Ooption_select_table td label.label_true {
	background-color: #ffdfe4;
}
table.Ooption_select_table td label.label_false {
	background-color: #FFFFFF;
}
table.Ooption_select_table td label.label_false:hover {
	background-color: #ffdfe4;
}





input.optioncheck {
	display: block;
	float: left;
	margin: 2px 4px 0px 0px;
}



/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

ul.confirm_layer {
	width: 720px;
	padding: 0px;
	margin: 0px;
}
ul.confirm_layer li {
	width: 720px;
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.confirm_middle {
	background-image: url(../images/mfp_table_background.png?wide);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_background.png', sizingMethod='scale');
}
li.confirm_top {
	height: 33px;
	background-image: url(../images/mfp_table_top.png?wide);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_top.png', sizingMethod='scale');
}
li.confirm_bottom {
	height: 33px;
	background-image: url(../images/mfp_table_bottom.png?wide);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_bottom.png', sizingMethod='scale');
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width: 660px;
	margin: 0px auto 0px auto;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 12px;
	width: 180px;
	border-bottom: solid 1px #CCCCCC;
	color: #232323;
	font-weight: bold;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	color: #353535;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.mfp_color {
	background-color: #d5d5d5;
}
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #960;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody div.mfp_title {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}
div.buttons {
	clear: both;
	overflow: hidden;
	width: 440px;
	text-align: center;
	margin: 0px auto 0px auto;
}

div.buttons input {
	display: inline;
	width: 175px;
	height: 49px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}

/*// Phase Input Style //*/

div.mfp_phase_section {
	display: none;
	padding: 2px 2px 15px 2px;
	margin: 10px 5px;
	border: solid 1px #EEEEEE;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px #999999;
	-moz-box-shadow: 0px 0px 5px #999999;
	box-shadow: 0px 0px 5px #999999;
	clear: both;
}
p.mfp_caption {
	margin: 10px;
}
input.mfp_phase_ui {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 3px;
	margin: 5px 15px;
}
h3.mfp_phase_title {
	background-image: url(../images/mfp_h3.png);
	padding: 5px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 21px;
	margin: 0px 0px 10px 0px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
}
ol.mfp_phase_input_proccess {
	margin: 15px;
	height: 40px;
}
ol.mfp_phase_input_proccess li {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px 10px;
	margin: 5px;
	float: left;
	font-weight: bolder;
}
li.mfp_phase_disabled {
	-webkit-box-shadow: 1px 1px 4px #999999;
	-moz-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
	background-color: #CCCCCC;
	border: solid 1px #999999;
}
li.mfp_phase_current {
	-webkit-box-shadow: 1px 1px 4px #999999;
	-moz-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	background-image: url(../images/mfp_h3.png);
	border: solid 1px #FFFFFF;
	background-color: #FFEEEE;
}

/* ----------------------------------------------------------------- */


div#cloth_select {
	float: left;
	display: inline;
	margin: 40px 0px 0px 0px;
}
ul#cloth_thumbnail_sample {
	float: left;
	display: inline;
	width: 320px;
	margin: 0px 10px 0px 0px;
}
ul#cloth_thumbnail_sample li {
	float: left;
	width: 104px;
	height: 136px;
	margin: 0px 2px 0px 0px;
}

/*-----------------------------------------------------------------*/

div#review_bg {
	clear: both;
	overflow: hidden;
	width: 700px;
	height: 120px;
	margin: 0px auto 10px;
	position: relative;
	background:url(../images/bg_campaign.gif) no-repeat 0px 0px;
}
div#review_bg input#campaign_check {
	display: block;
	width: 24px;
	height: 24px;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 64px;
	right: 60px;
}

/*-----------------------------------------------------------------*/

div.size_image {
	float: left;
	width: 131px;
	height: 193px;
	margin: 0px 19px 15px 0px;
}
div.size_input {
	float: left;
	width: 530px;
	padding: 0px 0px 10px 0px;
}
span#face_width {
	float: left;
	width: 180px;
	font-size: 12px;
	color: #260c00;
	padding: 0px 0px 4px 0px;
}
span#face_width input,span#face_height input {
	margin: 0px 5px 0px 5px;
}
span#face_height {
	float: left;
	width: 180px;
	font-size: 12px;
	color: #260c00;
	padding: 0px 0px 4px 0px;
}
p#face_omakase_text {
	clear: both;
	width: 520px;
	color: #FF0000;
	padding: 0px 0px 3px 0px;
}
span#face_omakase label {
	display: block;
	width: 100px;
	border: 1px solid #CCCCCC;
	padding: 3px 8px;
	margin: 0px 0px 6px 0px;
	cursor: pointer;
}
span#face_omakase label.label_true {
	background-color: #ffdfe4;
}
span#face_omakase label.label_false {
	background-color: #FFFFFF;
}
span#face_omakase label.label_false:hover {
	background-color: #ffdfe4;
}


div.size_attention {
	float: left;
	width: 520px;
}
div.size_attention p {
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #686868;
	padding: 0px 0px 4px 0px;
}


p.red_kome {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}



/* 追加要素 */

.order_nav{
    border: 1px solid #fff; 
    line-height: 2.5rem;
    text-align: center;
}

div#Corder .order_nav a{
    color:#fff;
    font-size: 18px;
    font-weight: lighter;
    display:block;
    width:100%;
    height:100%;
}


div#Corder .order_nav:hover{
        background:#76684d;
        border: 1px solid #fff;
        opacity: inherit;
}

div#Corder .order_nav a:hover{
    color:#fff;
    font-size: 18px;
    font-weight: lighter;
        width:100%;
    height:100%;
    opacity: inherit;
}




table{
    border-collapse:collapse;
    background:rgba(118,104,77,0.5);
    width:700px;
}


.nav{
    width:700px;
}


#nav01 {
    background:#76684d;
}

#nav02:hover ~ #nav01{
     background:rgba(118,104,77,0.1);
    z-index:999;
}

#nav03:hover + #nav01{
     background:rgba(118,104,77,0.1);
    z-index: 999;
}





.main_text p{
    font-size: 1.4rem;
    font-family: serif;
}
.main_text span{
    font-size: 2rem;
    font-family: serif;
    padding-left: 20px;
}

.main_text{
    vertical-align: middle;
    margin:0px auto;
    text-align: center;
	display: block;
    margin-top:50px;
    margin-bottom: 50px;
}

#just .main_small_01 p,#just .main_small_01 a{
    font-size:1rem;
    padding-top: 10px;
}

#just .main_small_02 p,#value .main_small_02 p,#premium .main_small_02 p{
    font-size: 0.9rem;
    display: inline-block;
    text-align: left;
    padding-top: 20px;
}




/*モーダルウィンドウ*/
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 50px;
  border-radius: 2px;
  background: #fff;
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-close:hover {
  color: #2b2e38 !important
}

.modal-content h4{
    padding-bottom: 1.5rem;
}