@charset "EUC-JP";
/* CSS Document */

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

			リセットCSS
	
--------------------------------*/

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td{
	margin:0;
	padding:0;
	z-index: 0;
}
body{
	background-color: #f2f2f2;
}
body,h1,h2,h3,h4,h5,h6,p,span,li,div{
	font-size:13px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	* html body {font-size:small;}
	*:first-child+html body {font-size:small;
	color:#4d4d4d;}
img {border:0px; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,span{clear:both; font-size:100%;}
li a{text-decoration:none;}

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

			共通
	
--------------------------------*/

.clear{clear:both;}
.clearfix:after{ /* for Modern Browser */
	content:".";display:block; clear:both; height:0px; visibility:hidden; 	font-size:0;
}
input[type="radio"] {font-size:x-large;height:35px;width:35px;vertical-align:middle;}
input[type="text"],
input[type="tel"],
input[type="email"]
{font-size:32px;height: 34px;vertical-align:middle;}
span.redtext{color:#e20000;}
.shadow {
  filter: drop-shadow(3px 3px 3px #aaa);
}
/*-------------------------------

			構造
	
--------------------------------*/
#sfm-container{
	width:100%;
	text-align: center;
}
#kouden-exp{
	display: none;
}
#header{
	display: none;
}
#header-sp{
	display: block;
	width: 100%;
}
#header-sp p{
	margin: 0;
	padding: 0;
}
#header-sp img{
	width: 100%;
}
#header-title{
	width: 100%;
	background-color: #d9d9d9;
}
#header-title img{
	width: 100%;
}
#header-title p.exp{
	text-align: left;
	text-align: justify;
	width: 90%;
	margin: 10px 0;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
#header-title p.exp span{
	font-size:3.2vw;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
	color: #2d2d2d;
}

h2{
	width: 100%;
	box-sizing:border-box;
	background-color: #d9d9d9;
	padding: 20px 0;
	font-size:6vw;
	font-weight: normal;
	position: sticky;
  top: 0;
	z-index: 50;
	filter: drop-shadow(0px 3px 3px #aaa);
	opacity: 0.95;
}
h2 img,
h3 img{
	display: none;
}
h3.noshi-header,
h3.wrap-header,
h3.letter-header,
h3.orderer-header{
	width: 100%;
	/*background-color: #606060;*/
  background: -moz-linear-gradient(65deg, #6b6867, #474747); 
  background: -webkit-linear-gradient(65deg, #6b6867, #474747); 
  background: linear-gradient(25deg, #6b6867, #474747); 
	padding: 10px 0;
	margin: 0;
	box-sizing:border-box;
	font-size:4.5vw;
	color: #FFFFFF;
	font-weight: normal;
}
.op-area{
	background-color: #f2f2f2;
	box-sizing:border-box;
	margin:0 auto 0;
	padding-bottom: 20px;
	width: 100%;
	position: relative;
}

.op-area p{
	font-size: 3.3vw;
  margin: 0;
	line-height: 1.3;
}
.noshiexp{
	font-size:2.7vw;
}
#nondigits{
	font-size:2.7vw;
	font-weight: bold;
	color:red;
}
.op-straight,
.op-parallel{
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
	text-align: center;
}
.op-straight p,
.op-parallel p{
	margin: 0 0 10px 0;
}
.op-straight-noshi01,
.op-straight-noshi02,
.op-straight-noshi03,
.op-parallel-noshi02,
.op-parallel-wrap,
.op-parallel-letter03{
	width:50%;
	float: left;
	display:inline-block;
	box-sizing:border-box;
	vertical-align: top;
}

.op-parallel-wrap{
	margin:50px 0 50px;
}
.op-straight-noshi02 p:first-child{
	display: none;
}
.op-area div.wide{
	width: 100%;
}
.op-straight-noshi01 p img{
	width:60%;
}
.op-straight-noshi01 p img.noshi-w{
	width:80%;
}
.op-straight-noshi01 p img.noshi-h{
	width:30%;
}
.op-parallel-noshi02 p img.noshi-w{
	width:75%;
}
.op-parallel-wrap p img{
	width:60%;
}
.op-parallel-letter01 p img{
	width:60%;
}
.op-parallel-letter02 p img.letter-h{
	width:30%;
}
.op-parallel-letter02 p img.letter-h2{
	width:60%;
}
.op-parallel-letter03 p img{
	width:60%;
}
p.noshi-gaki{
	text-align: left;
	display: inline-block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	line-height: 2;
}
br.br-non{
	display:none;
}
br.br-yes{
	display:inline-block;
}
p.noshi-gaki select{
	font-size: 4vw;
	width:70%;
}
input[id="shitagaki-text1"],
input[id="shitagaki-text2"]{
	width:35%;
	vertical-align: middle;
}
input[id="shitagaki_a-no"]{
	margin: 0px 0 0 13.2vw;
}
_:lang(x)::-moz-placeholder, input[id="shitagaki_a-no"]{
	margin: 0px 0 0 6vw;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, input[id="shitagaki_a-no"]{
	margin: 0px 0 0 6vw;
}
p.notes-r{
	text-align: left;
	display: inline-block;
	box-sizing:border-box;
	padding: 2%;
	font-size:2vw;
	line-height: 1.5;
	width: 95%;
	background-color: #d1d1d1;
	margin-bottom:20px;
}
table#noshiDoubleText{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 4vw;
}
table#noshiDoubleText tr th{
	display: block;
	vertical-align: bottom;
	text-align: left;
	width: 100%;
	font-weight: normal;
	font-size: 3.5vw;
	border-bottom: dotted 1px #AAA;
	padding: 45px 0;
}
table#noshiDoubleText tr td{
	text-align: left;
	border-bottom: dotted 1px #AAA;
	width: 80%;
}
table#noshiDoubleText tr td select{
  font-size: 4vw;
}
p#noshidoubleimg1 img,
p#noshidoubleimg2 img,
p#noshidoubleimg3 img{
	width: 60%
}
#d-letterarea{
	text-align: left;
	display: inline-block;
	box-sizing:border-box;
	padding: 5px;
	line-height: 1.5;
	width: 95%;
	background-color: #d1d1d1;
	margin:20px 0;
}
#d-letter-l{
	float:left;
	display: inline-block;
	margin: 0 0 0 10%;
	font-size:2.7vw;
}
p#d-letter-r{
	display: inline-block;
	font-size:2.7vw;
	margin: 40px 0 0 20px;
}
p#d-letter-r img{
	display: none;
}
.littleexp{
	font-size:3vw;
	color:#FFFFFF!important;
}
#makitextarea{
	background-color: #f2f2f2;
	box-sizing:border-box;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 90%;
}
#makiimg01 img,
#makiimg02 img,
#makiimg03 img,
#makiimg04 img,
#makiimg05 img,
#makiimg06 img{
	width: 85%;
}
#makiimg p.notes-r{
	background-color: transparent;
	text-align: center;
	padding:0;
}
#makiselect{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#makiselect ul{
	display: inline-block;
}
#makiselect ul:after{
	clear: both;
}
#makiselect ul li{
	float: left;
	display:inline-table;
	vertical-align:middle;
  text-align:left;
	line-height: 1.8;
	font-size:3.5vw;
	width:33%;
}
#makiselect .notes-l{
	font-size:3vw; 
	margin:10px;
}
#makitext-r{display:none;}
tr.tr-title1,
tr.tr-title1 td{display:none;}

table#makitext-l,
table#orderertext-l{
	font-size: 4vw;
}
table#makitext-l{width:100%;}
table#orderertext-l{
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

table#makitext-l tr td.listhead,
table#orderertext-l tr td.listhead{
	display: block;
	vertical-align: bottom;
	text-align: left;
	font-weight: normal;
	font-size: 3.5vw;
	border-bottom: dotted 1px #AAA;
	padding: 35px 0;
}
table#makitext-l tr td.listhead{
	width:100%;
}
table#makitext-l tr td.listbody{
  text-align: left;
	border-bottom: dotted 1px #AAA;
	width:80%;
	font-size: 3.5vw;
	padding: 0;
}
table#orderertext-l tr td.listhead{
	width:100%;
}
table#orderertext-l tr td.listbody{
	text-align: left;
	border-bottom: dotted 1px #AAA;
	width:70%;
	font-size: 3.5vw;

}
table#makitext-l tr td select,
table#orderertext-l tr td select{
  font-size: 3.5vw;
}
#kaimyou-text{margin:10px 0;width: 70%;}

#orderermessage{
	zoom:1;
	width:80%;
	margin:20px auto 20px;
}
#orderermessage p{
	font-size:4vw;
	margin: 10px 0;
}
input[name="zokugara_b"],
input[name="zokugara_e"],
input[name="zokumei_b"],
input[name="zokumei_e"],
input[name="mosyuname_b"],
input[name="mosyuname_e"]{
	width:50%;
}
input[name="mosyuaddress_e"]{
	width:95%;
}
input[name="mosyuaddress_b"]{
	width:95%;
}
input[id="ordername"],
input[name="ordernumber_g"]{
	width:70%;
}
#readFirst{
	width:90%;
	background-color: #8a5dbd;
	color:#FFF;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding:20px 30px;
	box-sizing:border-box;
	margin: 10px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}
#orderNoExp
#orderNoButton{
	display: inline;
	font-size:28px;
	height: 34px;
	vertical-align:middle;
}
#sendcheck input[name="submit"],
#sendcheck input[name="reset"],
input[id="orderNoButton"]{
	font-size:32px;height: 34px;vertical-align:middle;
}
#delivery-exp{
	font-weight:600;
	font-size:3vw;
	margin:10px 0 20px 0;
	text-align:left;
	text-align: justify;
	line-height:140%;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}
#delivery-exp span{
	background-color:#FDC8D0;
}
#sendcheck{
	background-color: #f2f2f2;
	padding-bottom: 80px;
}
address#copyright{
	font-weight: normal;
	color:#4d4d4d;
	text-align: center;
	padding: 10px 0;
	background-color: #f2f2f2;
	font-size: 2vw;
}
/*挨拶状*/
#address-exp{width: 100%;}

#orderemail{width:95%;}
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 {
	width: 22%;
}
#message { width: 100%; height: 140px; font-size: 3vw; }

/*フッターリンク*/
#footer-link{
	width: 100%;
	margin-bottom: 100px;
}
#footer-link p{
	display: block;
	box-sizing:border-box;
	width: 100%;
	font-size: 3.5vw;
	color:#4d4d4d;
	padding: 25px 45px 25px 45px;
	border-bottom: solid 1px #ccc;
	position: relative;
}
#footer-link a:link,
#footer-link a:hover,
#footer-link a:visited{
	text-decoration: none;
}
#footer-link span.arrow{
	display: inline;
	position: absolute;
	right: 40px;
	top:25px;
}


/*確認画面*/
table#confirmtable{
	border-collapse: collapse;
	width: 90%;
}
table#confirmtable tr th{
	font-size:2vw;
	width: 20%;
	border: solid 1px #4d4d4d;
	
}
table#confirmtable tr td{
	font-size:3vw;
	border: solid 1px #4d4d4d;
	height: 60px;
}
.submit p{
	font-size:3vw;
	margin: 20px;
}
.submit input[name="back"],
.submit input[name="submit"]{
	font-size:34px!important;
	width:160px!important;
	height: 74px!important;
	vertical-align:middle!important;
	margin: 20px 0;
}
/*完了画面*/
#sfm-layout{
	padding: 150px 0;
}
#sfm-layout table{
	
} 
#sfm-layout table tr td{
  padding:25px;
	background-color: #f2f2f2; 
}
#sfm-layout table tr td h3{
  font-size:3.5vw;
	line-height: 1.8;
}

#giftArea,
#orderermessage,
#delivery-exp,
#sendcheck,
#dateofPurchaseTr,
#orderNameTr,
#orderEmailTr,
#orderTelTr,
#orderUsedayTr{
	display: none;
}