@charset "UTF-8";
/* CSS Document */

.select{
	margin-bottom: 2em;	
}

p.notes{
	margin:1em 4.6875% 0 ;
	text-align:right;
	font-size:77%;
	line-height:1.2;
}
.notes2{
	margin:0.5em 0 0 ;
	font-size:85%;
	line-height:1.2;
	font-weight: normal;
	color: #333;
}
.notes03 {
    margin: 0 7.8125%;
    font-size: 77%;
    line-height: 1.4;
}
.text_check .notes2{
	margin:1em 0 0 ;
}

p.txt{
	padding: 0.5em;
}
span.txt{
	padding: 0.5em;
	display: inline-block;
}

.nospace{
	margin:0 0 1.5em;
}
.space{
	margin:0 3.125% 0.5em;
}

article h1 {
	text-align: center;
	padding:0.5em 0;
}
article h1 img{
	width:84.3745%;
	margin:0.5em 0;
}
article p {
	margin:0 4.6875% 0.8em;
}

.chkradio {
	padding-left:0 !important;
}

#flow{
	margin-top:1em;
}
/*#flow{
	margin-top:-2em;
	padding-top:2em;
}*/

.pTop{	
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
	text-align:center;
	margin-top:2em;
}
.pTop a{
	text-decoration:none !important;
	color:#7A7A7A !important;
}


.mfp-close:before {		
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 100%;/*画像の幅*/
	height: 100%;/*画像の高さ*/
	background-image: url(/sp/sp_img/order/ico_close2.png);
	background-repeat: no-repeat;
	background-size: 60% 60%;
	background-position: center center;
	/* vertical-align: baseline;*/
}


.itemGrid li,
.itemCol3 li{
	transition: background-color 0.5s ease;
	/*transition: background-color 0.5s ease 0s;*/
}

.checked{
    background-color: #FFEE66;
    transition: background-color 0.5s ease;
}


/*#itemList input:checked + label{
    background-color: #FFEE66;
    transition: background-color 0.5s ease;
}*/


@keyframes SlideUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
}
}


#stepFllow1 a,
#stepFllow2 a,
#stepFllow3 a{
	display: none;
	position: fixed;
	font-size: 138.5%;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 800;
	letter-spacing: normal ;
	height: 80px;
	line-height: 80px;
	width: 100%;	
	color: #fff;
	bottom: 0;
	z-index: 999;
	text-align: center;
}
#stepFllow1 a span,
#stepFllow2 a span,
#stepFllow3 a span{
	display: block;
	background: #BE0000;
	opacity: 0.9;
}

#stepFllow1 i,
#stepFllow2 i,
#stepFllow3 i{
	vertical-align: middle;
}
#stepFllow1 img,
#stepFllow2 img,
#stepFllow3 img{
	width: 20px;
}

.notesBox{
	margin: 0 auto 2.5em;
}
.mida{
	padding: 0 3.125% !important;
	margin: 0 0 0.5em ;
}
.notesBox > p {
	padding: 0 4.6875%;
	margin: 0 0 0.5em ;
}
.notesBox > p:last-child {
	margin: 0;	
}
.noukiBnr{
	/*padding: 0 3.125%;*/
	padding: 0 4.6875%;
}
.noukiBnr img{
	vertical-align: bottom;
}

/*--------------------------------------------------------
　balloon
--------------------------------------------------------*/

#fukidashi {
    /*position: absolute;
    left: 15px;
    top: -46px;
    z-index: 99;
	display: none;*/
	animation-name: SlideUp;/* アニメーション名 */
	animation-duration: 1s;/* アニメーション時間 */	
	animation: yureru-j 2s infinite;
}
.fukidashi1 {
    position: relative;
    display: inline-block;
    margin: 0 1.5em 0.5em;
    /*margin: 1.5em 0;*/
    padding: 7px 15px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background: #009EFF;
    border-radius: 10px;
}
.fukidashi1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 16%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #009EFF;/*#BE0000*/
}
.fukidashi1 p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/*.fukidashi1-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	background: #009EFF;
	border-radius: 10px;
}
.fukidashi1-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #009EFF;
}
.fukidashi1-left p {
	margin: 0;
	padding: 0;
}*/

@keyframes SlideUp {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(20px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}

@keyframes yureru-j {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

/*PC*/
/*@media screen and (min-width : 980px) {
	#fukidashi {
		left: 20px;
        top: 145px;
	}
	.fukidashi1 {
		padding: 10px 20px;
	}
}*/

/*スマホ*/
/*@media screen and (max-width: 979px) {
	#fukidashi {
		left: 15px;
		top: -55px;
	}
	.fukidashi1 {
		padding: 6px 15px;
	}	
}*/

/*--------------------------------------------------------
　デザイン切替
--------------------------------------------------------*/
#designBox {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;    
}
#designBox::-webkit-scrollbar {
	display:none;
}

#designNav{    
	position: relative;
}

#designTab {
    display: flex;
	width: 100%;
	margin: 0 ;
    padding:0 1em ;
	/*padding:0 0 0 2.34375% ;*/
	/*overflow: hidden;*/	
}

#designTab li {
    display: flex;
    width: auto;
	/*width:30.3125%;*/
	color:#B4B4B4;
    background: #e8e8eb;
	height: auto;
    line-height:1.35em;
	/*line-height:45px;*/
	/*float: left;*/
	/*overflow: hidden;*/	
    font-weight: 800;
    letter-spacing: normal;
	text-align: center;
	padding: 0.8em 1em;
    /*margin-right: 4px;*/
	margin-right: 2.1875%;
	margin-bottom:0;
	border-radius: 8px 8px 0 0;
	position:relative;	
	box-shadow: 0 -2px 0 0 #BE0000 inset;
    /*border-top: #e8e8eb solid 2px;*/
    /*border-bottom: #be0000 solid 2px;*/
	/*text-indent:100%;*/
	white-space:nowrap;	
    font-feature-settings: "palt";
    
    font-family: 'M PLUS 1p', sans-serif;
    /*font-family: 'M PLUS Rounded 1c', sans-serif;*/
    
    /*font-family: 'Kosugi Maru', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
}
/*.designTab3 {
	margin-right:0 !important;
}*/

/*#designTab span {
    font-weight: 700;
}
#designTab li:nth-child(4) {
    font-weight: 700;
}*/

/*#designTab li img{
	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
}*/

/*.designTab1 {
	background:#E8E8EB url(/sp/seal/img/order/tab_illust-off.png) no-repeat center center;
	background-size: 87.6% auto ;
}
.designTab2 {
	background:#E8E8EB url(/sp/seal/img/order/tab_simple-off.png) no-repeat center center;
	background-size: 87.6% auto ;
}
.designTab3 {
	background:#E8E8EB url(/sp/seal/img/order/tab_other-off.png) no-repeat center center;
	background-size: 87.6% auto ;
}

#designTab li.selectTab.designTab1 {
	background:#FCEBF2 url(/sp/seal/img/order/tab_illust-on.png) no-repeat center center;
	background-size: 87.6% auto ;
}
#designTab li.selectTab.designTab2 {
	background:#FCEBF2 url(/sp/seal/img/order/tab_simple-on.png) no-repeat center center;
	background-size: 87.6% auto ;
}
#designTab li.selectTab.designTab3 {
	background:#FCEBF2 url(/sp/seal/img/order/tab_other-on.png) no-repeat center center;
	background-size: 87.6% auto ;
}*/


#designTab li.selectTab {
	border-top:solid #BE0000 2px;
	border-left:solid #BE0000 2px;
	border-right:solid #BE0000 2px;
	background:#FCEBF2;
	color: #BE0000;
    box-shadow: 0 -2px 0 0 #FCEBF2 inset;
	/*box-shadow: 0 2px 0 0 #FCEBF2;*/
}
/*#designTab li.selectTab a:hover img{
		opacity: 1.0;
		filter: alpha(opacity=100);
}

#designTab li img{
	display: none;	
}
#designTab li.selectTab img{
	display:block;
}*/

#categoryTab {
	width:100%;
	margin: -2px 0 1em;
	padding: 1.25em 0 0.5em;
	overflow: hidden;
	text-align:center;
    box-shadow: 0 2px 0 0 #BE0000 inset;
	/*border-top: solid #BE0000 2px;*/
	/*border-bottom: dashed #E8E8EB 2px;*/
    
    background: #fcebf2;
	/*box-shadow: 0 0 5px rgb(0 0 0 / 30%);*/
}

#categoryTab .selectTab {
    background-color: #FFEE66;
    box-shadow: 0 0 0 3px #FFBC00 inset;
	/*background-color: #FFF499;*/
	/*box-shadow: 0 0 0 3px #FFE300 inset;*/
	color: #BE0000;
}
#categoryTab .selectTab a:hover img{
		opacity: 1.0;
		filter: alpha(opacity=100);
}

#categoryTab ul {
    width: 87.8125%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
     
    /*padding: 0 6.5625%;*/
    
    animation-name: SlideUp;
	animation-duration: 0.5s;
}
#categoryTab li {
    width: 23.13167259786477%;
	text-align: center;
    margin: 0 2.491103202846975% 2.491103202846975% 0; 
	padding: 0;	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	position: relative;
	color: #7A7A7A;	
    
    background-color: #FFF;
	/*box-shadow: 0 0 0 1px #e8e8eb inset;*/    
}
#categoryTab li:nth-child(4),
#categoryTab li:nth-child(8),
#categoryTab li:nth-child(12){
    margin-right:0;
}
/*#categoryTab li:nth-child(n+9){
    margin-bottom: 0;
}*/


#categoryTab p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
    font-size: 77%;
    line-height: 1.1;
    position: absolute;
    left: 0;
    right: 0;
    top: 62%;
    padding: 0;
    margin: 0;		
	letter-spacing: normal ;
}

    
.disnon {
	visibility: hidden;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0;
}
.content_wrap {
  margin:0 auto;
	clear: both;
	width: 100%;
	margin:0 auto;
  text-align: center;
	position: relative;
	z-index: 20;
	
	animation-name: SlideUp;
	animation-duration: 1s;
}	

/*--------------------------------------------------------
　注意ポップアップ
--------------------------------------------------------*/
.white-popup{
	background: #fff;
	padding: 2em 1.5em 1.5em;
	margin: 1.5em 0.5em;
}
.white-popup p{
	font-size: 100%;
	line-height: 1.4;
	margin: 0 0 1em;
}


.mfp-close-btn-in .mfp-close {
	background: #fff;
}

.white-popup h3{
	color: #976F51;
    text-align: center;
    font-size: 131%;
    margin: 0 auto 0.5em;
    background: #FFE6E3;
    padding: 0.25em;
    border-radius: 10px;
}

.white-popup textarea{
	width:100%;
	font-size:100%;
	padding:0.5em;
	background: #F3F3F4;
}






/*--------------------------------------------------------
　プレビュー
--------------------------------------------------------*/

#preview {
	/*display:flex;*/
	width: 90.625%;
    margin: 0.5em auto 0;
}

#preview .pre_img{ 
	text-align:center;
}
#preview .pre_img{ 
    width: 100%;	
}
#preview .pre_img li{
	margin-bottom:0.5em;
}
#preview .pre_img li:first-child::after {
	font-size: 77%;
	line-height: 1.3;
    content: "※作成するお名前のプレビューではございません。";
	/*content: "※ご選択中のデザインです。作成するお名前のプレビューは出来ません。";*/
	display: block;
	padding: 0 0.5em 0.5em ;
	text-align: left;
}

#preview #result {
	width: 100%;
	margin: 1em 0;
}
	
#preview #result dl {
	font-size: 100%;
	/*padding-left:0.8em;	*/
	margin-bottom: 0.3em;
}

#preview #result dt{
	width:100%;
	display: block;
	clear: left;	
	margin-top:1.5em;
	margin-bottom:0.5em;
	font-weight: bold;
	text-align:center;
    background:#BE0000;
	/*background:#B28146;*/
	color:#fff;
	padding:0.15em;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#preview #result dt:first-child{
	margin-top:0;
}



#preview #result dd {
    line-height: 1.2;
    word-wrap:break-word;	
	padding-left:0.8em;
	margin-bottom:0.2em;
}

#preUp {
	display:block !important;
	margin-bottom: 0.2em;
}

#preClass{
	display: block;
	margin-bottom: inherit;
}
#preName{
	margin-bottom:0.5em !important;
}
#preName p{
	margin:0 0 0.5em !important;
}
#preNameDown{
	float: left;
}
#makeMyoji,
#makeKyuji,
#chkNotes,
#notesMyoji,
#preNonFull{
	margin-bottom:0.2em;
	margin-left: 0.1em;
	font-size:small;
}
#notesMyoji{
	display: block;
}

#preview #result .nochoise {
    display: inline;
    color: #FF0000;
}



/*--------------------------------------------------------
　最終確認
--------------------------------------------------------*/

#formCheck{
	clear:both;
	width:100%;
	margin:0 auto ;
	text-align:center;	
}

#formCheck label{
	width:100%;
	height:100%;
}

#checkBtn{
	background:#FCEBF2;
	color:#FF0000;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin-bottom:2em;
	padding:2em 1em;
	font-size:108%;
	text-align:center;
}
#checkBtn i {
    margin-right: 0.5em;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}
#check {
	display: none;
}


.formBtn input{
	width:84.375%;
	margin:0 auto 4em;
}


#formBtn input[type="submit"]{
	display:block;
	width:84.375%;
	padding-top:11.71875%;
	margin:0 auto;
	border: none;
	background: url(../../img/common/order_btn_on.png) no-repeat center center;
	background-size: contain;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	color: transparent;
}

#formBtn input[type="submit"][disabled]{	
	background: url(../../img/common/order_btn_off.png) no-repeat center center;
	background-size: contain;
	cursor: default;
	color: transparent;
}





/*--------------------------------------------------------
　注文画面　共通処理
--------------------------------------------------------*/
.Number {
	font-size:116%;
	height:30px;
    line-height:30px;
	width:98.4375%;
	margin-left:  1.5625%;
	margin-bottom:1em;
	padding: 0 0 0 2.4em;
	overflow: hidden;
	color: #FFF;
	display: block;
	vertical-align: middle;	
	border-radius: 15px 0 0 15px ;
    -webkit-border-radius: 15px 0 0 15px ;
    -moz-border-radius: 15px 0 0 15px ;
	font-weight:bold;
    background-color: #4890D5;
}
.no01 {
	background:url(../../sp_img/order/ico_no1.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no02 {
	background:url(../../sp_img/order/ico_no2.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no03 {
	background:url(../../sp_img/order/ico_no3.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no04 {
	background:url(../../sp_img/order/ico_no4.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no05 {
	background:url(../../sp_img/order/ico_no5.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no06 {
	background:url(../../sp_img/order/ico_no6.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}
.no07 {
	background:url(../../sp_img/order/ico_no7.png) no-repeat 0.5em center, url(../../sp_img/order/white.png) repeat-y 1.8em top;
	background-size: 16px auto, 3px auto;
}

#wannyan .Number{
		background-color: #4890d5 !important;
	}
#wannyan #preview #result dt {
	background: #4890d5 !important;
}
#wannyan .itemGrid,
#wannyan .itemCol3{
border-bottom: solid #4890d5 2px;
}

/*----------------------------------------------------------------------
   商品リスト
----------------------------------------------------------------------*/
dl.nav,
dl.nav2{
	margin:1.5em auto 2em;
}

dl.nav dt a,
dl.nav2 dt a{
	display:block;
}
dl.nav dt,
dl.nav2 dt{
	width:84.375%;
	background-color:#FFE300;
	background-image:url(../sp_img/order/ico_arrow_down.png) ;
	background-repeat:no-repeat;
	background-position:92% center;
	background-size:20px auto;
	height:45px;
	padding-top:10px;
	margin:0 auto;
	border-radius: 10px ;
    -webkit-border-radius: 10px ;
    -moz-border-radius: 10px ;
	text-align:center;
}
dl.nav dt img,
dl.nav2 dt img{
	height:25px;
	width:auto;
}
dl.nav dt.hovered,
dl.nav2 dt.hovered{
	background-color:#C9CACA;
	background-image:url(../sp_img/order/ico_arrow_up.png) ;
	background-repeat:no-repeat;
	background-position:92% center;
	background-size:20px auto;
	border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0 ;
    -moz-border-radius: 10px 10px 0 0 ;
}

dl.nav dd ul,
dl.nav2 dd ul{
	border-top:1px solid #C9CACA;
}
	
dl.nav dd li,
dl.nav2 dd li{
	width:100%;
	height:auto;
	margin:0;
	padding:0;

	border-bottom:1px solid #C9CACA;
}
dl.nav dd li img,
dl.nav2 dd li img{
	vertical-align:bottom;
}





/*----------------------------------------------------------------------
   商品リスト
----------------------------------------------------------------------*/
#itemList{
	position: relative;
}

#item{
	transition: .3s;
	-webkit-transition: .3s;
    animation-name: SlideUp;
	animation-duration: 0.5s;    
	padding-bottom: 1em;
}


.itemMida01{ /*水玉MIX*/
	width:100% !important;
	color:#00B4ED;
	border: 1px dashed #00B4ED;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida02{ /*ほしMIX*/
	width:100% !important;
	color:#F56F18;
	border: 1px dashed #F56F18;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida03{ /*レースMIX*/
	width:100% !important;
	color:#B16FCD;
	border: 1px dashed #B16FCD;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida04{ /*クラフト*/
	width:100% !important;
	color:#904900;
	border: 1px dashed #904900;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida05{ /*幾何学*/
	width:100% !important;
	color:#00A99D;
	border: 1px dashed #00A99D;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida06{ /*ハートMIX*/
	width:100% !important;
	color:#FF6699;
	border: 1px dashed #FF6699;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida07{ /*ラフMIX*/
	width:100% !important;
	color:#7EBF28;
	border: 1px dashed #7EBF28;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}
.itemMida08{ /*和MIX*/
	width:100% !important;
	color:#5B62CB;
	border: 1px dashed #5B62CB;
	margin:1em 0 0.5em;
	padding: 0.2em !important;
	text-align:center;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
	font-weight:700;
}

.itemGrid,
.itemCol3{
	clear:both;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
}

.itemGrid input,
.itemCol3 input{
	display: none;
}
.itemGrid label{
	display: inline-block;
	position: relative;
	margin: 1em 0 0.5em 0.8em;
	padding: 0 0 0 1.2em;
	border-radius: 2px;
	color: #3e4956;
	text-align: center;
	line-height: 1;
}
.itemCol3 label{
	display: inline-block;
	position: relative;
	margin:0.8em 0 0.5em 0.8em;
	padding: 0 0 0 1.2em;
	border-radius: 2px;
	color: #3e4956;
	text-align: center;
	line-height: 1;
}
#noniron_order .itemCol3 label,
#noniron_order_sale .itemCol3 label,
#noniron_order_omake .itemCol3 label,
#noniron_order_newyear .itemCol3 label,
#k_non_order .itemCol3 label{
	margin:0.6em 0 0.5em 0.8em;
}
#set5_order .itemCol3 label,
#set5_order_sale .itemCol3 label,
#clothnon_order .itemCol3 label,
#clothnon_order_sale .itemCol3 label,
#clothnon_order_omake .itemCol3 label,
#clothnon_order_newyear .itemCol3 label{
	margin:0.6em 0 0.5em 0.8em;
}

.itemGrid label:before,
.itemCol3 label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -12px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: #fff;
	box-shadow: 0 0 0 1px #999 ;
	border-radius: 50%;
}
.itemGrid input[type="radio"]:checked + label:before,
.itemCol3 input[type="radio"]:checked + label:before {
	background: #999;
}

.itemGrid input[type="radio"]:checked + label:after,
.itemCol3 input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #fff;
}


.itemGrid ,
.itemCol3 {
	width:100%;
	margin:0 auto 1em;
	padding:0 0.8em;
	border-bottom:solid #BE0000 2px;
	overflow:hidden;
}
.itemGrid li {
	float:left;
	width: 50%;
	/*height:100%;*/
	overflow:hidden;
	padding:0.8em ;
	border-radius: 8px ;
	font-size:100%;
	
}
.itemCol3 li {
	float:left;
	width: 33.3%;
	overflow:hidden;
	padding:0.8em ;
	border-radius: 8px ;	
	font-size:100%;	
}

.itemGrid li.wide,
.itemCol3 li.wide {
	width:100%;
}

.itemGrid li.half,
.itemCol3 li.half {
	width:50%;
}

#noniron_order .itemCol3 li,
#noniron_order_sale .itemCol3 li,
#noniron_order_omake .itemCol3 li,
#noniron_order_newyear .itemCol3 li,
#k_non_order .itemCol3 li{
	padding: 0.8em ;
}

#noniron_order .itemGrid li.wide,
#noniron_order .itemCol3 li.wide,
#noniron_order_sale .itemGrid li.wide,
#noniron_order_sale .itemCol3 li.wide,
#noniron_order_omake .itemGrid li.wide,
#noniron_order_omake .itemCol3 li.wide,
#noniron_order_newyear .itemGrid li.wide,
#noniron_order_newyear .itemCol3 li.wide,
#k_non_order .itemGrid li.wide,
#k_non_order .itemCol3 li.wide{
	width:100%;
}
#noniron_order .itemGrid li.half,
#noniron_order .itemCol3 li.half,
#noniron_order_sale .itemGrid li.half,
#noniron_order_sale .itemCol3 li.half,
#noniron_order_omake .itemGrid li.half,
#noniron_order_omake .itemCol3 li.half,
#noniron_order_newyear .itemGrid li.half,
#noniron_order_newyear .itemCol3 li.half,
#k_non_order .itemGrid li.half,
#k_non_order .itemCol3 li.half{
	width:50%;
}

#set5_order .itemCol3 li,
#set5_order_sale .itemCol3 li,
#clothnon_order .itemCol3 li,
#clothnon_order_sale .itemCol3 li,
#clothnon_order_omake .itemCol3 li,
#clothnon_order_newyear .itemCol3 li{
	padding:0.5em 0.8em ;
}

#set5_order .itemGrid li.wide,
#set5_order .itemCol3 li.wide,
#set5_order_sale .itemGrid li.wide,
#set5_order_sale .itemCol3 li.wide,
#clothnon_order .itemGrid li.wide,
#clothnon_order .itemCol3 li.wide,
#clothnon_order_sale .itemGrid li.wide,
#clothnon_order_sale .itemCol3 li.wide,
#clothnon_order_omake .itemGrid li.wide,
#clothnon_order_omake .itemCol3 li.wide,
#clothnon_order_newyear .itemGrid li.wide,
#clothnon_order_newyear .itemCol3 li.wide{
	width:100%;
}
#set5_order .itemGrid li.half,
#set5_order .itemCol3 li.half,
#set5_order_sale .itemGrid li.half,
#set5_order_sale .itemCol3 li.half,
#clothnon_order .itemGrid li.half,
#clothnon_order .itemCol3 li.half,
#clothnon_order_sale .itemGrid li.half,
#clothnon_order_sale .itemCol3 li.half,
#clothnon_order_omake .itemGrid li.half,
#clothnon_order_omake .itemCol3 li.half,
#clothnon_order_newyear .itemGrid li.half,
#clothnon_order_newyear .itemCol3 li.half{
	width:50%;
}

.itemGrid li p,
.itemCol3 li p{
	text-align: left;
	line-height:1.1;
	margin:0 ;
}
.itemGrid li img,
.itemCol3 li img{
	margin:0 auto;
	display:block;
	width:100%;		
}

.itemList label{
	float: right;
	position: relative;
	margin:1em 0 0.4em 0.8em;
	/*padding: 10px 0;*/
	padding: 0 0 0 1.2em;
	border-radius: 2px;
	color: #3e4956;
	text-align: center; line-height: 1;
	display: inline-block;
	vertical-align:middle;
	/*width:50.9375%;*/
	width:45.3125%;
}
.itemList li {
	clear:both;
	float: none;
	width: 100%;
	height:100% !important;
	overflow:hidden;
	padding:0.8em ;	
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	font-size:100%;
	margin-top: -1px;
}

.itemList li p{
	text-align: left; line-height:1.1;
	margin:0 !important;
}
.itemList li img{
	margin:0 auto;
	display:block;
	float:left;
	width:46.875%;
}


.itemGrid li.spaceTop,
.itemList li.spaceTop {
	width:100% !important;
	height: auto !important;
	padding:0 3.125% !important;
	border:none !important;
	background-color:#fff;
}
.itemGrid li.spaceTop img,
.itemList li.spaceTop img{
	width:100%;
}

.itemGrid li.spaceCenter,
.itemList li.spaceCenter {
	width:100% !important;
	height: auto !important;
	padding:1em 3.125%  !important;
	border:none !important;
	background-color:#fff;
	margin:0;
	
}
.itemGrid li.spaceCenter img,
.itemList li.spaceCenter img{
	width:100%;
}

.itemGrid li.space,
.itemList li.space {
	width:100% !important;
	height: auto !important;
	margin:-1px 0 0 !important;
	padding:1em 3.125% 1em !important;
	border:none !important;
	background-color:#fff;
	border-top:1px solid #B3B3B3 !important;
	border-right:1px solid #B3B3B3 !important;
}
.itemGrid li.space img,
.itemList li.space img{
	width:100%;
}
.itemGrid li.space img.mizu,
.itemList li.space img.mizu{
	margin-bottom:1em;
}


.itemList li.space {
	border-bottom:1px solid #B3B3B3 !important;
}


.space2 {
	width:100% !important;
	height: auto !important;
	margin:0 !important;
	padding:0 3.125% 1em !important;
	border:none !important;
	background-color:#fff;	
}
.itemGrid li.space2 img,
.itemList li.space2 img{
	width:100%;
}


img.size-notes,
img.size-notes2{
	margin:0.5em 0 0 !important;
	float:none !important;
}
.itemList li img.size-notes{
	display:initial !important;
}
.itemList li img.size-notes2{
	display: none !important;
}


.itemGrid li.dBlock{
	margin-right: 50%;
	float: none;
	display: block;
}

#c_socks .itemCol3 li {
    width: 50%;
	}

/*----------------------------------------------------------------------
   シート選択
----------------------------------------------------------------------*/
select{
	width:84.375%;
    color: #59595F;
	font-weight:bold;
    font-size:123.1%;
	margin:0.5em 7.8125% 0;
    text-overflow: "";
	
}

#seatNav,#seatNav2{
    width: 93.75%;
    margin: 2em auto 0;
    text-align: center;
}
#seatNav p,#seatNav2 p{
    margin: 0;    
}

#seatSelect{
    padding-bottom: 1.5em;
    border-bottom:1px solid #C9CACA;
}
/*#noniron_order #seatSelect,
#noniron_order_sale #seatSelect,
#noniron_order_omake #seatSelect{
    padding-bottom: 0;
    border-bottom: none;
}*/


/*#noniron_order #seatNav,
#noniron_order_sale #seatNav{
    padding: 0 1em;
}
#noniron_order #seatSelect,
#noniron_order_sale #seatSelect{
    padding-bottom: 0;
    border-bottom:none;
}*/

#seatTab,#seatTab2 {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    /*border-style: none none solid;
    border-color: #DDD;
    border-width: 2px;*/
    margin-bottom: 2em;
    box-shadow: 0 -2px 0 0 #be0000 inset;
}

.tab-label,.tab-label2 {
    text-align: center;
    line-height: 48px;
    width: 20%;
    /*opacity: 0.2;*/
    /*transition: all 0.5s ease;*/ /* 不透明度が1秒かけて変化する */
    
    color: #B4B4B4;
    /*background: #e8e8eb;*/
    border-radius: 8px 8px 0 0;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 24px;
    font-weight: 900;
    border-top:solid #fff 2px;
    /*box-shadow: 0 -2px 0 0 #be0000 inset;*/
}

input[name="tab-radio"],input[name="tab-radio2"] {
    display: none; /* ラジオボタンを非表示にする */
}


input[name="tab-radio"]:checked+.tab-label,input[name="tab-radio2"]:checked+.tab-label2 {
    /*opacity: 1;*/ /* アクティブタブの不透明度を1にする */
    
    color: #BE0000;
    background: #FCEBF2;
    border-top:solid #BE0000 2px;
	border-left:solid #BE0000 2px;
	border-right:solid #BE0000 2px;
    box-shadow: 0 -2px 0 0 #fcebf2 inset;
    /*box-shadow: 0 0 0 2px #BE0000 inset;*/
}

/* アクティブなタブのアンダーバー */
#select-tab-cover,#select-tab-cover2 {
    position: absolute;
    width: 20%;
    height: 48px;
    border-style: none none solid;
    border-color: #BE0000;
    border-width: 2px;
    pointer-events: none;
    color: #BE0000;
    display: none;
}

/* カルーセル */
#carousel,#carousel2 {
    display: flex;
    overflow-x: auto;
    width: 100%;
   /* height: 300px;*/
    scroll-snap-type: x mandatory; /* スクロールをピッタリ止める */
    -ms-overflow-style: none;
    scrollbar-width: none;
    
    border-style: none none solid;
    border-color: #DDD;
    border-width: 2px;
    padding-bottom: 1em;
}

#carousel::-webkit-scrollbar,#carousel2::-webkit-scrollbar {
    display:none;
}

.carousel-item,.carousel-item2 {
    position: relative;
    scroll-snap-align: center;/* ページの真ん中でスクロールを止める */
    scroll-snap-stop: always; /* スクロール時にページを飛ばさない。 */
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    padding: 0 0.5em;
}


/*#seatTab {
	width: 100%;
	margin: 0 ;
	padding:0 0 0 2.34375% ;
	overflow: hidden;	
}

#seatTab li {
	color:#B4B4B4;
    background: #e8e8eb;
	height: auto;
	line-height:45px;
	float: left;
	overflow: hidden;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: normal;
	text-align: center;
	padding: 0 1em;
	margin-right: 2.1875%;
	margin-bottom:0;
	border-radius: 8px 8px 0 0;
	position:relative;	
	box-shadow: 0 2px 0 0 #BE0000;	
	white-space:nowrap;	
    font-family: 'M PLUS 1p', sans-serif;
}

#seatTab li.selectTab {
	border-top:solid #BE0000 2px;
	border-left:solid #BE0000 2px;
	border-right:solid #BE0000 2px;
	background:#FCEBF2;
	color: #BE0000;
    box-shadow: 0 -2px 0 0 #FCEBF2 inset;
}*/

#seatBox {
	width:100%;
	margin: -2px 0 3.5em;
	padding: 1em 0 ;
	overflow: hidden;
	text-align:center;
	border-top: solid #BE0000 2px;   
    
    border-bottom: 1px solid #C9CACA;
}

/*#seatBox {
    scroll-snap-type: x mandatory;
    width: 100%;
    overflow-x: scroll;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#seatBox > .seat_wrap{
    scroll-snap-align: start;
    height: 100%;
    width: 100%;
    flex: none;
}*/


.seat_wrap {
    position: relative;
    padding: 1em;
    /*padding: 6.25% 4.6875% 1.5625%;*/
}
.seat_wrap p {
    margin: 0;
    padding: 0;
}

.seatInp input,.seatInp2 input {
    display: none;
}
.seatInp label,.seatInp2 label {
    display: inline-block;
    margin: 0.5em auto;
    padding: 1em 1em 1em 3em;
    border: 2px solid #BE0000;    
    text-align: center;
    border-radius: 3em;
    color: #BE0000;
    font-size: 116%;
    font-weight: bold;
    position: relative;
}
.seatInp input[type="radio"]:checked + label,.seatInp2 input[type="radio"]:checked + label {
    border: 2px solid #FFEE66;
    background: #FFEE66;
    transition: background-color 0.5s ease 0s;
}
.seatInp label:before,.seatInp2 label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 14px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #fff;
    box-shadow: 0 0 0 1px #999;
    border-radius: 50%;
}
.seatInp input[type="radio"]:checked + label:before,.seatInp2 input[type="radio"]:checked + label:before {
    background: #999;
}
.seatInp input[type="radio"]:checked + label:after,.seatInp2 input[type="radio"]:checked + label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: #fff;
}

.kumaNotes {
    position: absolute !important;
    left: 0;
    top: 0;
    display: none;
    background: rgba(255, 255, 255, 0.9) url(/sp/seal/img/order/kumanon.png) no-repeat center center;
    background-size: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}








/*----------------------------------------------------------------------
  注意
----------------------------------------------------------------------*/
dl.attn,
dl.attn2,
dl.attn3{
	width:90.625%;
	margin:0 auto 3.125%;	
	/*padding:0.9375%;*/
	border:2px solid #F9D5E4;
	border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
}
dl.hovered{
	border:2px solid #E8E8EB;
}
dl.attn > dt,
dl.attn2 > dt,
dl.attn3 > dt{
	box-shadow: 0 0 0 3px #ffffff inset;
	padding:0.6em 0;
	background-color:#F9D5E4;
	background-image:url(../../sp_img/order/ico_plus.png);
	background-repeat:no-repeat;
	background-position:97% center;
	background-size: 21px auto;
	text-align:center;	
	color:#333;
	font-size:131%;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 900;
	letter-spacing: normal ;	
	border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
}
dl.attn > dt.hovered,
dl.attn2 > dt.hovered,
dl.attn3 > dt.hovered{
	background-color:#E8E8EB;
	background-image: url(../../sp_img/order/ico_minus.png);
	background-repeat:no-repeat;
	background-position:97% center;
	background-size:21px auto;
	color:#333;
}
dl.attn > dt span,
dl.attn2 > dt span,
dl.attn3 > dt span{
	font-size: smaller;
}
/*dl.attn > dt i,
dl.attn2 > dt i,
dl.attn3 > dt i{
	color: #BE0000;
	
	float: left;
    padding-left: 1em;
    line-height: inherit;
    margin-right: -2em;
}*/
dl.attn > dt i,
dl.attn2 > dt i,
dl.attn3 > dt i{
	float: left;
    padding-left: 1em;
    line-height: inherit;
	margin-right: -2em;
}
dl.attn > dt img,
dl.attn2 > dt img{
	width: 22px;
	vertical-align: text-bottom;
}
dl.attn3 > dt img{
	width: 26px;
	vertical-align: text-bottom;
}

.attn > dd,
.attn2 > dd,
.attn3 > dd{
	padding: 3.25% 2.8% 1em;
	font-size:93%;
}
.attn > dd p,
.attn2 > dd p,
.attn3 > dd p{
	font-size: 108%;
	line-height: 1.4;
	margin: 0 0 1em;
}

.attn > dd p:last-child,
.attn2 > dd p:last-child,
.attn3 > dd p:last-child,
.attn > dd img:last-child,
.attn2 > dd img:last-child,
.attn3 > dd img:last-child{
	margin-bottom: 0;
}

.attBox img{
	vertical-align: bottom;	
}

.fa-language {
    font-size: x-large;
    vertical-align: text-bottom;
}


.attn-btn {
	margin: 2em 0 3.125%; 
	padding: 0 3.125%;
}
.attn-btn li{
	margin: 0 auto 6.25%;
	/*margin: 0 auto 3.125%;*/
}
.attn-btn li:last-child {
	margin-bottom: 0;
}
.attn-btn a{
	width:100%;
	padding: 0.8em 10% 0.8em 13.25%;
	line-height: 1.4;
	background-image:url(../../sp_img/order/ico_arrow.png),url( "../../sp_img/order/ico_attn.png");
	background-repeat:no-repeat , no-repeat;
	background-position:97% center , 3% center;
	background-size: 20px auto , 24px auto;
	background-color:#F3F3F4;
	border: 1px solid #ccc;
	text-align: left;	
	color:#595757;
	font-size:123.1%;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 900;
	letter-spacing: normal ;
	
	border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -moz-border-radius: 20px ;
	text-decoration: none;
	display: block;
}




dl.attn-inc,
dl.attn-inc2{
	width:100%;
	margin:0 auto 3.125%;
	border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
	background-color:#F3F3F4;
	border: 1px solid #ddd;
}
dl.attn-inc:last-child,
dl.attn-inc2:last-child{
	margin-bottom: 0;
}

dl.attn-inc dt,
dl.attn-inc2 dt{
	padding: 0.5em 0 0.5em 13.25%;
	background-image:url(../../sp_img/order/ico_plus.png),url( "../../sp_img/order/ico_attn.png");
	background-repeat:no-repeat , no-repeat;
	background-position:97% center , 3% center;
	background-size: 21px auto , 24px auto;
	text-align: left;	
	color:#595757;
	font-size:116%;
	font-weight:bold;
	border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;	
}
dl.attn-inc dt.hovered,
dl.attn-inc2 dt.hovered{
	background-image: url(../../sp_img/order/ico_minus.png),url( "../../sp_img/order/ico_attn.png");
	background-repeat:no-repeat , no-repeat;
	background-position:97% center , 3% center;
	background-size: 21px auto , 24px auto;
	border-radius: 5px 5px 0 0 ;	
}

.attn-inc dd,
.attn-inc2 dd{
	border-top: 1px dashed #999;
	width: 96.2962962962963%;
	margin: 0 auto;
	padding: 5% 3.25%;
	font-size:93%;
	border-radius: 0 0 5px 5px ;
}
.attn-inc dd p,
.attn-inc2 dd p{
	font-size: 108%;
	line-height: 1.4;
	margin: 0 0 1.5em;
}
.attn-inc dd img,
.attn-inc2 dd img{
	margin: 0 0 1.5em;
}
.attn-inc dd p:last-child,
.attn-inc dd img:last-child,
.attn-inc2 dd p:last-child,
.attn-inc2 dd img:last-child{
	margin-bottom: 0;
}

.attn-inc dd p span,
.attn-inc2 dd p span{
	font-size: x-small;	
	line-height: 1.4;
	margin-top: 0.5em;
	display: inline-block;
}


#seal_order .attn-seal,
#rubber_order .attn-seal,
#iron_order .attn-seal,
#set2_order .attn-seal,
#set3_order .attn-seal,
#seal_order_sale .attn-seal,
#rubber_order_sale .attn-seal,
#iron_order_sale .attn-seal,
#set2_order_sale .attn-seal,
#set3_order_sale .attn-seal,
#k_seal_order .attn-seal,
#seal_care_order .attn-seal,
#seal_order_omake .attn-seal,
#seal_order_newyear .attn-seal,
#seal_order_another .attn-seal,
#seal-large_order .attn-seal,
#rubber_order_omake .attn-seal,
#iron_order_omake .attn-seal{
	display: block;
}
#seal_order .attn-noniron,
#rubber_order .attn-noniron,
#iron_order .attn-noniron,
#set2_order .attn-noniron,
#set3_order .attn-noniron,
#seal_order_sale .attn-noniron,
#rubber_order_sale .attn-noniron,
#iron_order_sale .attn-noniron,
#set2_order_sale .attn-noniron,
#set3_order_sale .attn-noniron,
#k_seal_order .attn-noniron,
#seal_care_order .attn-noniron,
#seal_order_omake .attn-noniron,
#seal_order_newyear .attn-noniron,
#seal_order_another .attn-noniron,
#seal-large_order .attn-noniron,
#rubber_order_omake .attn-noniron,
#iron_order_omake .attn-noniron{
	display: none;
}
#noniron_order .attn-seal,
#noniron_order_sale .attn-seal,
#noniron_order_omake .attn-seal,
#noniron_order_newyear .attn-seal,
#k_non_order .attn-seal,
#clothnon_order .attn-seal,
#clothnon_order_sale .attn-seal,
#clothnon_order_omake .attn-seal,
#clothnon_order_newyear .attn-seal{
	display: none;
}
#noniron_order .attn-noniron,
#noniron_order_sale .attn-noniron,
#noniron_order_omake .attn-noniron,
#noniron_order_newyear .attn-noniron,
#k_non_order .attn-noniron,
#clothnon_order .attn-noniron,
#clothnon_order_sale .attn-noniron,
#clothnon_order_omake .attn-noniron,
#clothnon_order_newyear .attn-noniron{
	display: block;
}
/*#noniron_order .itemMida04{
	display: none;
}*/

/*----------------------------------------------------------------------
   名前入力
----------------------------------------------------------------------*/
#sealCheck,.sealCheck{
    margin-top: 0.8em;
}

.text_check{
	width:90.625%;
	margin:1.5em auto 0;
	overflow: hidden;
}
.text_check p{	
	margin:0.5em 0 ;
}


input[type="text"]{
	width:100%;
	height: 44px;
	line-height:44px;
	padding:0.5em;
	font-size:138.5%;
}

textarea{
	width:100%;
	font-size: 123.1%;
	padding:0.5em;
	resize: vertical;
}

input[type="checkbox"]{
	width:25px;
	height:25px;
	vertical-align:middle;
}

#inpNotes{
	background:#FCEBF2;
	color:#FF0000;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin-top:1em;
	margin-bottom:1em;
	padding:2em 1em;
	font-size:108%;
	text-align:center;	
}

#inpNotes strong{
	font-size:116% !important;
}



#nameTab {
	width: 100%;
	margin:1.5em auto 0;
	padding:0;
	text-align: center;
}

.seal_input_inc{
	margin-top: 1.5em;
	
	animation-name: SlideUp;
	animation-duration: 1s;
}
		

#sei{
	float: left;
	width: 48.27586206896552%;
    background: url("../img/order/input_sei.png") no-repeat left center;
	/*background: url("../img/order/input_a.png") no-repeat left center;*/
	background-size: 25px auto;
	}
#mei{
	float: right;
	width: 48.27586206896552%;
    background: url("../img/order/input_mei.png") no-repeat left center;
	/*background: url("../img/order/input_b.png") no-repeat left center;*/
	background-size: 25px auto;
}
/*#math_order #sei{
	background: url("../img/order/input_sei.png") no-repeat left center;
	background-size: 25px auto;
	}
#math_order #mei{
	background: url("../img/order/input_mei.png") no-repeat left center;
	background-size: 25px auto;
}*/

input[type="text"]#sei,
input[type="text"]#mei{
	padding:0.5em 0.5em 0.5em 10%;
	border: solid 1px #4c4c4c;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2) inset;
}
input[type="text"]#up,
input[type="text"]#down,
input[type="text"]#myojiName{
	padding:0.5em ;
	border: solid 1px #4c4c4c;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2) inset;
}


#namae,#add,#tel{
	margin: -0.2em 0 0;
	}
input[type="text"]#namae,
input[type="text"]#add,
input[type="text"]#tel{
	padding:0.5em ;
	border: solid 1px #4c4c4c;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2) inset;	
	border-radius: 4px;
}

#inpNon ,#inpNon2{
	display: none;
}
.inpNonBox i {
	margin-right: 0.5em;
    width: 26px;
    height: 26px;
	float: left;
}
.inpNonBox ,.inpNon label{
	width: 100%;
	font-size: 105%;
	font-weight: bold;
	color: #68B033;
	margin: 0.5em 0;
}
.inputNotes{
	margin: 1em 0 0 !important;
	}
.inputNotes img{
	width: 75%;
}


input.inpNot{
	pointer-events: none;
	/*color: transparent;	*/		
	border: 1px solid #8a898e !important;
	box-shadow: none !important;
	background: #ddd !important;
}	


.example{
	margin-top: 1em;
	font-size: 93%;
}
.example span{
	font-weight: bold;
	font-size: 100%;	
}

#classBox{
	clear: both;
	width: 90.625%;
	/*width:100%;*/
	margin:1.5em auto 0.8em ;
	padding: 3.125%;
    background: #eee;
	/*background: #dff2fb;*/
	/*background: #FCEBF2;*/
	border-radius: 5px;
	/*color: #1C8FD1;*/
	transition: 0.3s ease 0s;
	color: #333;
}
#classBox i {
    margin-right: 0.4em;
    width: 26px;
    height: 26px;
	float: left;
    /*display: inline-block;
    vertical-align: text-top;*/
}

#checkClass {
  display: none;
}
#classBox label{
	width: 100%;
	display: inline-block;
}
#classBox label{
	font-size: 123.1%;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 900;
	letter-spacing: normal ;
	-webkit-tap-highlight-color:transparent;
}
#classBox div{
	font-size: 100%;
	font-weight: bold;
	-webkit-tap-highlight-color:transparent;
}
#classBox span{
	font-size: small;
    font-weight: normal;
    margin-left: 0.2em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color: #333;
}
#inpBox2{
	display: none;
	margin-top: 1em;
	margin-bottom: 0.3em;
}



#kyujiBox{
	clear: both;
	width:90.625%;
	margin:1em auto 1.5em;
	padding: 3.125%;
    background: #eee;
    /*background: #E8E8EB;*/
	/*background: #DAF0CC;*/
	border-radius: 5px;	
	transition: 0.3s ease 0s;
	color: #333;
}
/*#math_order #kyujiBox{
	display: block;
}*/

.boxLine{	
	margin:1em 0 0.5em;
	border-top: dashed 1px #999;
	padding-top: 1em;
}

#kyujiBox label{
	width: 100%;
	display: inline-block;
}
#kyujiBox label{
	font-size: 123.1%;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: "Rounded Mplus 1c";*/
    font-weight: 900;
	letter-spacing: normal ;
	-webkit-tap-highlight-color:transparent;
}
#kyujiBox div{
	font-size: 100%;
	font-weight: bold;
	-webkit-tap-highlight-color:transparent;
}
#kyujiBox span{
	font-size: small;
	font-weight: normal;
	margin-left: 0.2em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color: #333;
}
#kyujiBox i {
	margin-right: 0.5em;
    width: 26px;
    height: 26px;
	float: left;
    /*display: inline-block;
	vertical-align: text-top;*/
}
#checkKyuji {
  display: none;
}

#inpBox{
	display: none;
	 margin-top: 1em;
}
#inpBox .notes2{
	color: #47B300;
	font-size: 93%;
	line-height: 1.4;
	margin-top: 1em;
}

.op_plus {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
	border: 2px solid #47B300;
	border-radius: 13px;
	color: #47B300;
	background: #47B300;
}
.op_plus:before, .op_plus:after {
  display: block;
  content: '';
  background-color: #fff;
  border-radius: 8px;
  position: absolute;
  width: 16px;
  height: 4px;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.op_plus:before {
  width: 4px;
  height: 16px;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.op_minus {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
	border: 2px solid #47B300;
	border-radius: 13px;
	color: #1C8FD1;
	background: #fff;
}
.op_minus:after {
  display: block;
  content: '';
  background-color: #BE0000;
  border-radius: 10px;
  position: absolute;
  width: 16px;
  height: 4px;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.op_check{
	position:relative;
}

.op_check:before,
.op_check:after{
	content:"";
	display:block;
	position:absolute;
}
.op_check:before{
	width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    border: 2px solid #47B300;
    left: 0;
    top: 0;
}
.op_check:after{
	border-left:4px solid #C70000;
	border-bottom:4px solid #C70000;
	width:20px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:3px;
}

.op_check_off{
	width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    border: 2px solid #47B300;
}


.op_check2{
	padding-left:24px;
	position:relative;
}

.op_check2:before,
.op_check2:after{
	content:"";
	display:block;
	position:absolute;
}
.op_check2:before{
	width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    border: 2px solid #999;
    left: 0;
    top: 0;
}
.op_check2:after{
	border-left:4px solid #C70000;
	border-bottom:4px solid #C70000;
	width:20px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:3px;
}

.op_check2_off{
	width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    border: 2px solid #999;
}

/*--------------------------------------------------------
　購入数
--------------------------------------------------------*/
.set {
	margin:2em 9.375% 0;
}
.set span {
	font-size:108%;
	font-weight:bold;
	margin-left:0.5em;
	line-height:44px;
}

.set input[type="button"] {
	display: none;
}
.set label{
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	height:44px;
	margin: 0 ;
	padding: 12px 5px;
	border: 1px solid #989898;
	background: #bdc3c7;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.set label:first-of-type{
	border-radius: 5px 0 0 5px;
	border-right:none;
    background :url(../../sp_img/order/btn_-.png) #eee;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px auto, auto;
}
.set label:last-of-type{
	border-radius: 0 5px 5px 0;
	border-left:none;
    background :url(../../sp_img/order/btn_+.png) #eee;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px auto, auto;
}


.set input[type="text"] {
	width: 70px;
	padding: 12px 5px;
	height:44px;
	float:left;
	text-align:center;
	font-size:153.9%;
	font-weight:bold;
	border: 1px solid #989898;
	border-radius: 0;
    background: #fff;
}

/*--------------------------------------------------------
　ボタン
--------------------------------------------------------*/

.btn01{
	width:84.375%;
	margin:0.5em auto 1em !important;
}


.btnBlock1 {
	width:84.375%;
	margin:0 auto 4em;
}
.btnBlock1 input[type="image"] {
	width:100%;
	height:auto;	
}

.formError{
	position:absolute;
	left:0 !important;
}


/* 文字色ブラウン */
label[for="radio412"],
label[for="radio413"],
label[for="radio642"],
label[for="radio643"],
label[for="radio644"]{
	margin-top: 2em !important;
}

	label[for="radio412"] p::before,
	label[for="radio413"] p::before,
	label[for="radio642"] p::before,
	label[for="radio643"] p::before,
	label[for="radio644"] p::before{
		content: "";
		position: absolute;
		top: -24px;
		left: -12px;
		background: url(../img/order/color_notes.png) no-repeat center top;
		background-size: contain;
		display: block;
		width: 120%;
		/*width: 137px;*/   
		padding-top: 16px;
	}