@charset "utf-8";
/*@import "../../css/thickbox.css";*/
/*@import "/sp/seal/sp_css/balloon.css";
@import "../css/math_notes.css";
@import "../css/set4_notes.css";*/

/**{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}*/
#order .fixBox, .pc-mode .fixBox {
    position: initial;
}
.read {
    width: 700px;
    color: #976F51;
    line-height: 1.6;
    font-size: 18px;
    margin: 0px auto 0;
}
.read-anniv {
    color: #B57655;
    line-height: 2;
    font-size: 19px;
    background: url(../../sale/img/16th-anniv/read-bg.png) no-repeat center center;
    height: 177px;
    margin-bottom: 30px;
    text-align: center;
}
.read-anniv_wide {
    color: #B57655;
    line-height: 2;
    font-size: 19px;
    background: url(../../sale/img/15th-anniv/read-bg.png) no-repeat center center;
    height: 177px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    text-align: center;
}
.read strong {
    color: #F55CC2;
}
.section {
    margin-bottom: 60px;
}

.select {
	width:640px;
	margin:30px auto ;
}

.fixTab {
    position: fixed;
    top: 0;
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.endTab {
    display: none;
}
.chkradio {
    padding-left: 0 !important;
}
.pTop {
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
    /*font-family: "じゅん 34";*/
    text-align: center;
    margin-top: 2em;
}
.pTop a {
    text-decoration: none !important;
    color: #7A7A7A !important;
}
.notes {
    width: 720px;
    padding-top: 10px;
    margin: 0 auto;
    clear: both;
    text-align: center;
    font-size: 12px;
}
.notes2 {
    margin: 10px 0;
    font-size: 14px !important;
    line-height: 1.2;
    font-weight: normal;
}
.text_check .notes2 {
    margin: 1em 0 0;
    text-align: left;
    color: #333;
    font-size: 13px !important;
}
p.txt {
    padding: 0.5em;
    text-align: left;
}
span.txt {
    padding: 0.5em;
    display: inline-block;
}
.notes01 {
    margin: 20px 80px 0;
    /*margin:20px 80px 40px;*/
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}
.notes03 {
    margin: 15px 0 0 215px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.bnr01 {
    margin: 20px auto;
    text-align: center;
}
.itemGrid li, .itemCol3 li {
    /* 徐々に背景色を変化させる */
    transition: background-color 0.5s ease 0s;
}

.notesBox{
	width: 600px;
	margin: 20px auto 60px;
}
.notesBox img{
	width: 100%;
}
.mida{
	width: 600px;
	padding: 0 !important;
	margin: 0 auto ;
}
.noukiBox {
    width: 580px !important;
}
.notesBox > p {
	padding: 0 10px;
	margin: 0 0 10px ;
}
.notesBox > p:last-child {
	margin: 0;	
}
.noukiBnr{
	padding: 0  10px;
}
.noukiBnr img{	
	vertical-align: bottom;
}




#stepFllow1 a, #stepFllow2 a, #stepFllow3 a {
    display: none;
    position: fixed;
    font-size: 138.5%;
	font-family: 'M PLUS 1p', sans-serif;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
    letter-spacing: normal;
    height: 80px;
    line-height: 80px;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    text-align: center;
    }
#stepFllow1 a:hover, #stepFllow2 a:hover, #stepFllow3 a:hover {
    text-decoration: none;
}
#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;
}


.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;*/
}

/*--------------------------------------------------------
　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: 20px 20px 10px;
    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);
	}
}




/*--------------------------------------------------------
　注意ポップアップ
--------------------------------------------------------*/
.white-popup {
    /*max-width: 640px;*/
    background: #fff;
    padding: 40px;
    margin: 30px 30px;
    text-align: center;
}
.white-popup p {
    width: 480px;
    font-size: 100%;
    line-height: 1.4;
    margin: 0 auto 20px;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: auto !important;
}
.white-popup img{
	width: 100%;
}
.mfp-close-btn-in .mfp-close {
    top: 10px;    
    right: 10px;
    background: #fff;
}
.white-popup h3 {
    color: #976F51;
    text-align: center;
    font-size: 131%;
    margin: 0 auto 20px;
    background: #FFE6E3;
    padding: 10px;
    border-radius: 10px;
}
.white-popup textarea {
    width: 100%;
    font-size: 100%;
    padding: 0.5em;
    background: #F3F3F4;
}
/*----------------------------------------------------------------------
   名前入力
----------------------------------------------------------------------*/
.text_check {
    width: 580px;
    margin:0 auto 20px;
    overflow: hidden;
}
.text_check div {
    overflow: hidden;
    margin: 0;
}
.text_check p {
    text-align: center;
    margin: 20px 0 ;
}
.text_check img {
    width: 580px;
    /*width: 440px;*/
    padding: 0 !important;
}
.text_check input[type="text"] {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    padding: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
}
textarea {
    font-size: 20px;
    width: 100%;
    padding: 10px;
    resize: vertical;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
}
#inpNotes {
    /*width:100%;*/
    background: #FCEBF2;
    color: #FF0000;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 20px auto;
    padding: 2em 1em;
    font-size: 108%;
    text-align: center;
}
#inpNotes strong {
    font-size: 116% !important;
}
#nameTab {
    margin: 15px 0 0;
    padding: 0 0 15px;
    /*padding:0 0 75px;*/
    text-align: center;
    /*border-bottom: dashed #E8E8EB 2px;*/
}
#seal_input {
    margin-top: 40px;
}
.seal_input_inc {
    /*border-top: dashed #E8E8EB 2px;
	padding-top:20px ;*/
    animation-name: SlideUp; /* アニメーション名 */
    animation-duration: 1s; /* アニメーション時間 */
}
#nameTab ul {
    margin: 15px 10px 0;
    /*margin: 1em 3.125%;*/
    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;
}
#nameTab li {
    /*width: 180px;*/
    /*width: 32%; 192px*/
    /*width: 30%;*/
    margin: 0 auto;
    padding: 0;
}
#nameTab li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
#nameTab li:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
#nameTab li:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    margin-right: 0;
}
#nameTab li img {
    width: 160px;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#nameTab div {
    position: relative;
    display: block;
    /*float: left;*/
    cursor: pointer;
    width: 190px;
    height: 60px;
    margin: 0;
    padding-top: 60px;
    color: #7A7A7A;
    text-align: center;
    background-color: #E8E8EB;
    /*background: #eee;*/
    /*background: #FAFAFA;
	box-shadow: 0 0 0 2px #ccc inset;*/
    border-radius: 8px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background: -webkit-linear-gradient(top, #E8E8EB 50%, #E0E0E5); /* Chrome 10+, Safari 5.1+ */
    background: -moz-linear-gradient(top, #E8E8EB 50%, #E0E0E5); /* 3.6+ */
    background: -ms-linear-gradient(top, #E8E8EB 50%, #E0E0E5); /* 10+ */
    background: -o-linear-gradient(top, #E8E8EB 50%, #E0E0E5); /* 11.1+ */
    background: linear-gradient(to bottom, #E8E8EB 50%, #E0E0E5); /* Standard */
}
#nameTab .select div {
    background-color: #FFF499;
    box-shadow: 0 0 0 3px #FFE300 inset;
    color: #BE0000;
    border-radius: 10px;
    /*transition: .3s;*/
    position: relative;
    background: -webkit-linear-gradient(top, #FFF499, #FFF499); /* Chrome 10+, Safari 5.1+ */
    background: -moz-linear-gradient(top, #FFF499, #FFF499); /* 3.6+ */
    background: -ms-linear-gradient(top, #FFF499, #FFF499); /* 10+ */
    background: -o-linear-gradient(top, #FFF499, #FFF499); /* 11.1+ */
    background: linear-gradient(to bottom, #FFF499, #FFF499); /* Standard */
    transition: 0.5s ease 0s;
}
#nameTab .select div:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-top: 25px solid #FFE300;
    transition: 0.5s ease 0s;
}
#nameTab .select div:hover {
    background-color: #FFF499;
    box-shadow: 0 0 0 3px #FFE300 inset;
    background: -webkit-linear-gradient(top, #FFF499, #FFF499); /* Chrome 10+, Safari 5.1+ */
    background: -moz-linear-gradient(top, #FFF499, #FFF499); /* 3.6+ */
    background: -ms-linear-gradient(top, #FFF499, #FFF499); /* 10+ */
    background: -o-linear-gradient(top, #FFF499, #FFF499); /* 11.1+ */
    background: linear-gradient(to bottom, #FFF499, #FFF499); /* Standard */
}
#nameTab div p {
    width: 150px;
    display: block;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 500;
    font-size: 17px;
    line-height: 1.1;
    color: #fff;
    padding: 5px;
    margin: 0 auto;
    background: #BE0000;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}
#nameTab div p span {
    font-size: smaller;
    display: block;
}
#sealname {
    width: 640px;
    margin: 0 auto 80px;
    /*border-left: solid #BE0000 3px;
	border-right: solid #BE0000 3px;*/
    /*border: solid #BE0000 3px;*/ /*E8E8EB*/
    /*border-radius: 8px;*/
}
#sei {
    float: left;
    width: 280px;
    margin-left: 30px;
    background: url("../../sp/seal/img/order/input_sei.png") no-repeat left center;
    background-size: contain;
}
#mei {
    float: right;
    width: 280px;
    margin-right: 30px;
    background: url("../../sp/seal/img/order/input_mei.png") no-repeat left center;
    background-size: contain;
}
#math_order #sei {
    float: left;
    width: 280px;
    margin-left: 30px;
    background: url("../../sp/seal/img/order/input_sei.png") no-repeat left center;
    background-size: contain;
}
#math_order #mei {
    float: right;
    width: 280px;
    margin-right: 30px;
    background: url("../../sp/seal/img/order/input_mei.png") no-repeat left center;
    background-size: contain;
}
input[type="text"]#sei, input[type="text"]#mei {
    padding: 5px 5px 5px 45px;
    /*border: solid 2px #ccc;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2) inset;*/
    border: solid 1px #4c4c4c;
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
}
#myojiName, #up, #down {
    width: 426px;
    margin-left: 100px;
}


#namae,#add,#tel{
	margin: -0.2em 0 0;
	}
input[type="text"]#namae,
input[type="text"]#add,
input[type="text"]#tel{
	width: 100%;
	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: 18px;
	font-weight: bold;
	color: #68B033;
	margin: 0.5em 0 40px !important;
}
.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 {
    width: 440px;
    margin: 5px auto 10px;
    font-size: 13px;
    line-height: 1.6;
}
.example span {
    font-weight: bold;
    display: block;
}
.selectPinset {
    width: 650px;
    margin: 30px auto;
}
#classBox input[type="text"], #kyujiBox input[type="text"] {
    width: 100%;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#classBox {
    clear: both;
    width: 540px;
    margin: 25px auto 15px;
    padding: 10px 20px;
    background: #eee;
    /*background: #dff2fb;*/
    /*background: #FCEBF2;*/
    border-radius: 8px;
    transition: 0.3s ease 0s;
    color: #333;
}
#classBox i {
    margin-right: 0.4em;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: sub;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#checkClass {
    display: none;
}
#classBox label {
    width: 100%;
    display: inline-block;
}
#classBox label {
    font-size: 24px;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 800;
    letter-spacing: 1px;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
#classBox div {
    font-size: 17px;
    font-weight: bold;
    -webkit-tap-highlight-color: transparent;
}
#classBox span {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    /*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;*/
    vertical-align: middle;
}
#inpBox2 {
    display: none;
    margin-top: 1em;
    margin-bottom: 0.3em;
}
#kyujiBox {
    /*display: none;*/
    clear: both;
    width: 540px;
    margin: 20px auto 40px;
    padding: 10px 20px;
    background: #eee;
    /*background: #DAF0CC;*/
    border-radius: 8px;
    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: 24px;
    /*font-size: 21px;*/
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 800;
    letter-spacing: 1px;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
#kyujiBox div {
    font-size: 17px;
    font-weight: bold;
    -webkit-tap-highlight-color: transparent;
}
#kyujiBox span {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    vertical-align: middle;
}
#kyujiBox i {
    margin-right: 0.4em;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: sub;
    /*transition: 0.3s ease 0s;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#checkKyuji {
    display: none;
}
#inpBox {
    display: none;
    margin-top: 1em;
    /*margin-bottom: 0.5em;*/
}
.op_plus {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border: 2px solid #47B300;
    border-radius: 15px;
    color: #1C8FD1;
    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: 2px solid #BE0000;*/
    border-radius: 15px;
    color: #1C8FD1;
    background: #fff;
}
.op_minus:after {
    display: block;
    content: '';
    /*background-color: #1c8fd1;*/
    background-color: #BE0000;
    border-radius: 10px;
    position: absolute;
    width: 16px;
    height: 4px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.op_check {
    /*padding-left:24px;*/
    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: 3px solid #47B300;
    left: 0;
    top: 0;
}
.op_check:after {
    /*border-left:4px solid #47B300;
	border-bottom:4px solid #47B300;*/
    border-left: 4px solid #C70000;
    border-bottom: 4px solid #C70000;
    width: 22px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
    top: 2px;
}
.op_check_off {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #ffffff;
    border: 3px 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: 3px solid #999;
    left: 0;
    top: 0;
}
.op_check2:after {
    /*border-left:4px solid #47B300;
	border-bottom:4px solid #47B300;*/
    border-left: 4px solid #C70000;
    border-bottom: 4px solid #C70000;
    width: 22px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
    top: 2px;
}
.op_check2_off {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    border: 3px solid #999;
}
/*#kyujiBox{
	width: 410px;
	display: none;
	clear: both;
	margin:10px auto 40px;
	padding: 15px;
	background: #FCEBF2;
	border-radius: 5px;	
}
#kyujiBox p{	
	margin:1em 0 0.5em;
	border-top: dashed 1px #999;
	padding-top: 1em;
}
#kyujiBox img{
	width: 100%;
}

#kyujiBox label{
	font-size: 16px;
	font-weight: bold;
}
#kyujiBox label span{
	font-size: smaller;
	font-weight: normal;
}

#inpBox{
	display: none;
	text-align: center;
}

#kyujiBox input[type="text"]{
	width: 390px;
	height: 30px;
	line-height: 30px;
}*/
/*--------------------------------------------------------
　購入数
--------------------------------------------------------*/
.set {
    margin: 30px 0 60px 120px !important;
    /*margin:2em 9.375% 0;*/
    overflow: hidden;
}
.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: 40px;
    height: 24px;
    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/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/sp_img/order/btn_+.png) #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px auto, auto;
}
.set input[type="text"] {
    width: 60px;
    padding: 12px 5px;
    height: 24px;
    float: left;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #989898;
    border-radius: 0;
}


dl.attn,
dl.attn2,
dl.attn3{
	width:576px;
	margin:0 auto 12px;	
	/*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/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:20px;
	/*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 ;
    cursor: pointer;
}
dl.attn > dt.hovered,
dl.attn2 > dt.hovered,
dl.attn3 > dt.hovered{
	background-color:#E8E8EB;
	background-image: url(../../sp/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: 20px 60px;
	font-size:93%;
}
.attn > dd img,
.attn2 > dd img,
.attn3 > dd img{
    width: 100%;
}

.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;
}


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


.attn-btn {
    margin: 40px 0 20px;
    padding: 0 10px;
}
.attn-btn li {
    margin: 0 auto 20px;
}
.attn-btn li:last-child {
    margin-bottom: 0;
}
.attn-btn a {
    padding: 15px 15px 15px 52px;
    line-height: 1.4;
    background-image: url(../../sp/sp_img/order/ico_arrow.png), url(../../sp/sp_img/order/ico_attn.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 97% center, 15px center;
    background-size: 28px auto, 28px auto;
    background-color: #F3F3F4;
    border: 1px solid #ccc;
    text-align: left;
    color: #595757 !important;
    font-size: 22px;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 800;
    letter-spacing: normal;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    text-decoration: none;
    display: block;
}
.attn-btn a:hover {
    text-decoration: none;
    background-color: #ccc;
}
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/sp_img/order/ico_plus.png), url("../../sp/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/sp_img/order/ico_minus.png), url("../../sp/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;
}
/*.attn dd .btn01,
.attn2 dd p.btn01{
	text-align: center;
	margin-bottom: 0;
}

.attn dd p span,
.attn2 dd p span{
	font-size: 12px;	
	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;
}*/

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

#designNav{    
	position: relative;    
}

#designTab {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding:0 20px;
}

#designTab li {
    display: flex;
    width: auto;
	color:#B4B4B4;
    background: #e8e8eb;
	height: auto;
    line-height:1.35em;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: normal;
	text-align: center;
	padding: 0.8em 1em;
	margin-right: 10px;
	margin-bottom:0;
	border-radius: 8px 8px 0 0;
	position:relative;	
	box-shadow: 0 -3px 0 0 #BE0000 inset;
	white-space:nowrap;	
    font-feature-settings: "palt";    
    font-family: 'M PLUS 1p', sans-serif;
    /*font-family: 'M PLUS Rounded 1c', sans-serif;*/
    cursor: pointer;
}
/*#designTab span {
    font-weight: 700;
}
#designTab li:nth-child(4) {
    font-weight: 700;
}*/


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


#categoryTab {
	width:700px;
	margin: -3px auto 0;
	padding: 25px 0 13px;
	overflow: hidden;
	text-align:center;
    box-shadow: 0 3px 0 0 #BE0000 inset;    
    background: #fcebf2;
    
    /*border-left: solid #BE0000 3px;
    border-right: solid #BE0000 3px;*/
}

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

#categoryTab ul {
    width: 640px;
    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;
    animation-name: SlideUp;
	animation-duration: 0.5s;
}
#categoryTab li {
    width: 70px;
    text-align: center;
    margin: 0 10px 10px 0;
	padding: 0;	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	position: relative;
	color: #7A7A7A;	    
    background-color: #FFF;
    cursor: pointer;
}

#categoryTab li:nth-child(8){
    margin-right:0;
}
/*#categoryTab li:nth-child(4),
#categoryTab li:nth-child(8),
#categoryTab li:nth-child(12){
    margin-right:0;
}*/

#categoryTab li img{
    width: 100%;
}
#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;
}	




/*--------------------------------------------------------
　プレビュー
--------------------------------------------------------*/
#preview {
    /*display: flex;*/
    width: 600px;
    margin: 30px auto 20px;
}
#preview .pre_img {
    width: 100%;
    text-align: center;
}
#preview .pre_img li {
    margin-bottom: 5px;
}
#preview .pre_img img {
    width: 100%;
}
#preview .pre_img li:first-child::after {
    font-size: 11px;
    content: "※作成するお名前のプレビューではございません。";
    display: block;
    white-space: pre;
    padding-bottom: 10px;
    text-align: left;
}
#preview #result {
    width: 100%;
	margin-bottom: 30px;
}
#preview #result dl {
    font-size: 100%;
}
#preview #result dt {
   /* width: 100%;*/
    display: block;
    clear: left;
    margin-top: 25px;
    margin-bottom: 10px;
    /*font-weight: bold;*/
    text-align: center;
    background: #BE0000; /*#865734こげ茶, #B28146うす茶 ,#BE0000赤*/
    color: #fff;
    padding: 5px;
    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: 15px;
    margin-bottom: 5px;
}
#preview #result dd span {
    /*display:block; 20181114*/
}
#preUp {
    display: block !important;
    margin-bottom: 5px;
}
#preClass {
    /*font-size:smaller;*/
    display: block;
    margin-bottom: inherit;
}
#preName {
    margin-bottom: 0.5em !important;
}
#preNameDown {
    float: left;
}
#makeMyoji, #makeKyuji, #chkNotes, #notesMyoji, #preNonFull {
    /*margin-top:0.5em;*/
    margin-bottom: 0.2em;
    margin-left: 0.1em;
    font-size: small;
    /*font-size:smaller;*/
}
#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%;
    cursor: pointer;
}
#checkBtn {
    color: #FF0000;
    background: #FCEBF2;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 20px auto 30px;
    padding: 2em 1em;
    font-size: 108%;
}
#checkBtn i {
    margin-right: 10px;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#check {
    display: none;
}
.formBtn {
    width: 756px;
    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;
}
/*----------------------------------------------------------------------
   商品リスト
----------------------------------------------------------------------*/
#itemList {
    width: 700px;
    margin: 0 auto;
    /*border-bottom: solid #BE0000 3px;
    border-left: solid #BE0000 3px;
    border-right: solid #BE0000 3px;*/
    display: block;
}
#item {
    margin: 0 10px 20px;
    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 !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida02 { /*ほしMIX*/
    width: 100% !important;
    color: #F56F18;
    border: 1px dashed #F56F18;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida03 { /*レースMIX*/
    width: 100% !important;
    color: #B16FCD;
    border: 1px dashed #B16FCD;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida04 { /*クラフト*/
    width: 100% !important;
    color: #904900;
    border: 1px dashed #904900;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida05 { /*幾何学*/
    width: 100% !important;
    color: #00A99D;
    border: 1px dashed #00A99D;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida06 { /*ハートMIX*/
    width: 100% !important;
    color: #FF6699;
    border: 1px dashed #FF6699;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida07 { /*ラフMIX*/
    width: 100% !important;
    color: #7EBF28;
    border: 1px dashed #7EBF28;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*font-family: "Rounded Mplus 1c";*/
    font-weight: 700;
}
.itemMida08 { /*和MIX*/
    width: 100% !important;
    color: #5B62CB;
    border: 1px dashed #5B62CB;
    margin: 1em 0 0.5em !important;
    padding: 0.4em !important;
    text-align: center;
    /*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: 10px 0;*/
    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: 10px 0;*/
    padding: 0 0 0 1.2em;
    border-radius: 2px;
    color: #3e4956;
    text-align: center;
    line-height: 1;
}
.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 {
    margin: 0 auto 1em;
    padding: 0 0.8em;
    /*box-shadow:1px 0 0 #B3B3B3 inset,0 1px 0 #B3B3B3 inset ;*/
    /*border-top: 1px solid #B3B3B3;	
	border-left: 1px solid #B3B3B3;*/
    overflow: hidden;
}
.itemGrid li, .itemCol3 li {
    float: left;
	width: 12.7%;
    /*width: 21%;*/
    /*height:100%;*/
    overflow: hidden;
    padding: 0.8em;
    border-radius: 8px;
    /*padding:0.8em 0.8em 0.6em;*/
    /*box-shadow:0 -1px 0 0 #B3B3B3 inset,-1px 0 0 #B3B3B3 inset ;*/
    /*border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;*/
    font-size: 100%;
    margin: 0;
}

.itemGrid li.wide,
.itemCol3 li.wide {
	clear:both;
	width:46%;
}

.itemGrid li.half,
.itemCol3 li.half {
	clear:both;
	width:21%;
}

#noniron_order .itemCol3 li,
#noniron_order_sale .itemCol3 li,
#noniron_order_omake .itemCol3 li,
#noniron_order_newyear .itemCol3 li,
#k_non_order .itemCol3 li{
	width: 12.7%;
	/*width: 16%;*/
	/*padding: 0.8em;*/
}
#noniron_order .itemCol3 p,
#noniron_order_sale .itemCol3 p,
#noniron_order_omake .itemCol3 p,
#noniron_order_newyear .itemCol3 p,
#k_non_order .itemCol3 p{
	font-size: 12px
}
#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 0.6em;
	padding: 0 0 0 1em;
}
#noniron_order .itemGrid label:before,
#noniron_order .itemCol3 label:before,
#noniron_order_sale .itemGrid label:before,
#noniron_order_sale .itemCol3 label:before,
#noniron_order_omake .itemGrid label:before,
#noniron_order_omake .itemCol3 label:before,
#noniron_order_newyear .itemGrid label:before,
#noniron_order_newyear .itemCol3 label:before,
#k_non_order .itemGrid label:before,
#k_non_order .itemCol3 label:before{
    position: absolute;
    content: "";
    left: -10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

#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{
	clear:both;
	width:46%;
}
#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:21%;
	/*width:29.4%;*/
}

#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{
	width: 12.7%;
	/*width: 16%;*/
	/*padding: 0.8em;*/
}
#set5_order .itemCol3 p,
#set5_order_sale .itemCol3 p,
#clothnon_order .itemCol3 p,
#clothnon_order_sale .itemCol3 p,
#clothnon_order_omake .itemCol3 p,
#clothnon_order_newyear .itemCol3 p{
	font-size: 12px
}
#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 0.6em;
	padding: 0 0 0 1em;
}
#set5_order .itemGrid label:before,
#set5_order .itemCol3 label:before,
#set5_order_sale .itemGrid label:before,
#set5_order_sale .itemCol3 label:before,
#clothnon_order .itemGrid label:before,
#clothnon_order .itemCol3 label:before,
#clothnon_order_sale .itemGrid label:before,
#clothnon_order_sale .itemCol3 label:before,
#clothnon_order_omake .itemGrid label:before,
#clothnon_order_omake .itemCol3 label:before,
#clothnon_order_newyear .itemGrid label:before,
#clothnon_order_newyear .itemCol3 label:before{
    position: absolute;
    content: "";
    left: -10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

#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{
	clear:both;
	width:46%;
}

#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:21%;
	/*width:29.4%;*/
}

.itemGrid li p, .itemCol3 li p {
    text-align: left;
    font-size: 14px;
    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;
    /*box-shadow:0 -1px 0 0 #B3B3B3 inset,-1px 0 0 #B3B3B3 inset ;*/
    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%;
    /*width:39.375%;*/
}
/* 強調用のクラス */
.marking {
    /*background: #FFE300;*/
}
#label1, #label2, #label3, #label4, #label5, #label6 {
    /*padding-top: 20px;
	margin-top:-10px !important;*/
}
.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.5em !important;
    float: none !important;
}
.itemList li img.size-notes {
    display: initial !important;
}
.itemList li img.size-notes2 {
    display: none !important;
}

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

/*----------------------------------------------------------------------
   シート選択
----------------------------------------------------------------------*/
#seatNav,#seatNav2 {
    width: 540px;
    margin: 40px auto;
    text-align: center;
}
#seatNav img,#seatNav2 img{
    width: 100%;
}

#seatSelect {
    margin-top: 2em;
	padding-bottom: 1.5em;
    border-bottom:1px solid #C9CACA;
}

/*#noniron_order #seatNav,
#noniron_order_sale #seatNav{
    margin: 0 auto;
    border-bottom: none;
}*/
/*#noniron_order #seatSelect,
#noniron_order_sale #seatSelect,
#noniron_order_omake #seatSelect{
    padding-bottom: 0;
    border-bottom: none;
}*/

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

.tab-label,.tab-label2 {
    text-align: center;
    line-height: 52px;
    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 3px;
    /*box-shadow: 0 -3px 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 3px;
	border-left:solid #BE0000 3px;
	border-right:solid #BE0000 3px;
    box-shadow: 0 -3px 0 0 #fcebf2 inset;
}

/* アクティブなタブのアンダーバー */
#select-tab-cover,#select-tab-cover2 {
    position: absolute;
    width: 20%;
    height: 48px;
    border-style: none none solid;
    border-color: #BE0000;
    border-width: 3px;
    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: 3px;
    padding-bottom: 20px;
}

#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 20px;
}


/*#seatTab {
	width: 100%;
	margin: 0 ;
	padding:0 0 0 20px ;
	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: 15px;
	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;
    cursor: pointer;
}

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

#seatBox {
	width:600px;
	margin: -3px auto 3.5em;
	padding: 1em 0 ;
	overflow: hidden;
	text-align:center;
	border-top: solid #BE0000 3px;   
    
    /*border-bottom: solid #BE0000 3px;
    border-left: solid #BE0000 3px;
    border-right: solid #BE0000 3px;*/
}

.seat_wrap {
    position: relative;
    padding: 20px;
    /*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;
}

/*--------------------------------------------------------
　注文画面　共通処理
--------------------------------------------------------*/
.Number {
	font-size:18px;
	border-radius: 20px 0 0 20px ;
    -webkit-border-radius: 20px 0 0 20px ;
    -moz-border-radius: 20px 0 0 20px ;
	font-weight:bold;
    background-color: #4890d5 !important;
    background-position-y: center !important;
}
.no01 {
    background: url(../../sp/sp_img/order/ico_no1.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
    background-size: 20px auto, 3px auto;
}
.no02 {
	background:url(../../sp/sp_img/order/ico_no2.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no03 {
	background:url(../../sp/sp_img/order/ico_no3.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no04 {
	background:url(../../sp/sp_img/order/ico_no4.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no05 {
	background:url(../../sp/sp_img/order/ico_no5.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no06 {
	background:url(../../sp/sp_img/order/ico_no6.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no07 {
	background:url(../../sp/sp_img/order/ico_no7.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no08 {
	background:url(../../sp/sp_img/order/ico_no8.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no09 {
	background:url(../../sp/sp_img/order/ico_no9.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no10 {
	background:url(../../sp/sp_img/order/ico_no10.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no11 {
	background:url(../../sp/sp_img/order/ico_no11.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}
.no12 {
	background:url(../../sp/sp_img/order/ico_no12.png) no-repeat 10px center, url(../../sp/sp_img/order/white.png) repeat-y 37px top;
	background-size: 20px auto, 3px auto;
}

#kaigo .Number{
		background-color: #6CACCB !important;
	}
#kaigo #preview #result dt {
	background: #6CACCB !important;
}

/*--------------------------------------------------------
　h6
--------------------------------------------------------*/
#main p.normal {
    display: block;
    padding: 20px 0 20px 0;
    text-align: center;
}
#main p.top {
    padding: 50px 0 30px 0;
}
#main p.normal img {
    display: block;
    margin: 0 auto;
}
#main p.midashi {
    width: 756px;
    height: 30px !important;
    margin: 0 auto;
    padding: 0;
    display: block;
    background: #BE0000;
    overflow: hidden;
    font-size: 10px;
    color: #FFF;
}
#main p.nospace {
    display: block;
    padding: 0;
    text-align: center;
}
#main p.nospace img {
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------
　index
--------------------------------------------------------*/
ul.indexTOP {
    overflow: hidden;
}
ul.indexTOP li {
    float: left;
    width: 265px;
    height: 486px;
    margin-left: 24px;
    position: relative;
    padding: 0;
}
ul.indexTOP li img {
    display: block;
    margin: 0;
    padding: 0;
}
ul.indexTOP li:nth-child(1) {
    margin-left: 0px;
}
ul.indexTOP li > *:first-child {
    margin-left: 0px;
}
ul.indexTOP li p {
    position: absolute;
    margin: 0;
    padding: 0;
}
ul.indexTOP li p.btn01 {
    left: 20px;
    bottom: 70px;
}
ul.indexTOP li p.btn02 {
    left: 20px;
    bottom: 15px;
}
ul.indexUNDER {
    overflow: hidden;
}
ul.indexUNDER li {
    float: left;
    width: 845px;
    height: 486px;
    margin: 0;
    position: relative;
    padding: 0;
}
ul.indexUNDER li img {
    display: block;
    margin: 0;
    padding: 0;
}
ul.indexUNDER li p {
    position: absolute;
    margin: 0;
    padding: 0;
}
ul.indexUNDER li p.btn03 {
    left: 20px;
    bottom: 25px;
}
ul.indexUNDER li p.btn04 {
    left: 210px;
    bottom: 25px;
}
ul.indexUNDER li p.btn05 {
    left: 450px;
    bottom: 25px;
}
ul.indexUNDER li p.btn06 {
    left: 640px;
    bottom: 25px;
}
ul.indexTOPsale {
    overflow: hidden;
}
ul.indexTOPsale li {
    float: left;
    width: 265px;
    height: auto;
    margin-left: 24px;
    margin-bottom: 24px;
    position: relative;
    padding: 0;
}
ul.indexTOPsale li img {
    display: block;
    margin: 0;
    padding: 0;
}
ul.indexTOPsale li:nth-child(1) {
    margin-left: 0px;
}
ul.indexTOPsale li > *:first-child {
    margin-left: 0px;
}
ul.indexTOPsale li p {
    position: absolute;
    margin: 0;
    padding: 0;
}
/*--------------------------------------------------------
　index　sale用設定
--------------------------------------------------------*/
#saleA img.sealzone {
    margin-top: -486px;
}
/*--------------------------------------------------------
　キャンペーン
--------------------------------------------------------*/
.indexCAM {
    margin: 20px 0 40px;
    overflow: hidden;
}
.indexCAM li {
    float: left;
    margin: 8px;
}
/*--------------------------------------------------------
　index　キャンペーン
--------------------------------------------------------
ul.indexCAM {
	overflow: hidden;
	padding-bottom: 25px;
}
ul.indexCAM li {
	float: left;
	margin-left: 24px;
	position: relative;
	padding: 0;
	margin-top: 25px;
}
ul.indexCAM li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.indexCAM li:nth-child(1) { margin-left: 0px; }
ul.indexCAM li > *:first-child { margin-left: 0px; }

ul.indexCAM li p {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.indexCAM li p.btn01 { left:20px; bottom:70px; }
ul.indexCAM li p.btn02 { left:20px; bottom:15px; }*/
/*--------------------------------------------------------
　説明ページ
--------------------------------------------------------*/
#main ul.btnBlock1 {
    width: 756px;
    margin: 0 auto;
    text-align: center;
}
#main ul.btnBlock1 li {
    width: 360px;
    margin: 0 auto;
}
#main ul.btnBlock2 {
    width: 756px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;
    overflow: hidden;
}
#main ul.btnBlock2 li {
    width: 364px;
    float: left;
    margin: 0;
}
#main ul.btnBlock2 li:nth-child(1) {
    margin-right: 27px;
}
#main ul.btnBlock2 li > *:first-child {
    margin-right: 27px;
}
ul.sealUNDER {
    width: 766px;
    margin: 0 auto;
    overflow: hidden;
}
ul.sealUNDER li {
    float: left;
    width: 246px;
    margin: 10px 0 0 10px;
    position: relative;
    padding: 0;
}
ul.sealUNDER li img {
    display: block;
    margin: 0;
    padding: 0;
}
ul.sealUNDER li p {
    position: absolute;
    margin: 0;
    padding: 0;
}
ul.sealUNDER li:nth-child(1) {
    margin-left: 0px;
}
ul.sealUNDER li:nth-child(4) {
    margin-left: 0px;
}
ul.sealUNDER li > *:first-child {
    margin-left: 0px;
}
ul.sealUNDER li > *:first-child + * + * + * {
    margin-left: 0px;
}
ul.sealUNDER li p.btn05 {
    left: 20px;
    bottom: 70px;
}
ul.sealUNDER li p.btn06 {
    left: 20px;
    bottom: 15px;
}
ul.sealUNDER li p.btn09 {
    right: 20px;
    bottom: 70px;
}
ul.sealUNDER li p.btn10 {
    right: 20px;
    bottom: 15px;
}
ul.sealUNDER li:nth-child(7), ul.sealUNDER li:nth-child(8) {
    width: 760px;
    margin-left: 0;
}
.transition_no {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}
/*--------------------------------------------------------
　注文ページ
--------------------------------------------------------*/
.attention div.bg {
    position: relative;
}
.attention div.bg p.p2 {
    position: absolute;
    left: 170px;
    top: 10px;
    font-size: 14px;
}
.attention div.bg p.p3 {
    position: absolute;
    left: 170px;
    top: 2.2em;
    font-size: 14px;
}
#main ul.btnBlock6 {
    width: 766px;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    overflow: hidden;
}
#main ul.btnBlock6 li {
    width: 240px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 10px 0 0 20px;
}
#main ul.btnBlock6 li:nth-child(1) {
    margin-left: 0px;
}
#main ul.btnBlock6 li:nth-child(4) {
    margin-left: 0px;
}
#main ul.btnBlock6 li:nth-child(7) {
    margin-left: 0px;
}
#main ul.btnBlock6 li > *:first-child {
    margin-left: 0px;
}
#main ul.btnBlock6 li > *:first-child + * + * + * {
    margin-left: 0px;
}
#main ul.btnBlock6 li.on img {
    margin-top: -50px;
}
/*#main div.Number {
    background-image: url(../img/choose_step.gif);
}*/
ul.item2 {
    width: 764px;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
ul.item2 li {
    float: left;
    width: 380px !important;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    text-align: center;
    padding: 10px 0 10px 0;
}
ul.item2 li img {
    display: block;
    margin: 0 auto 10px auto;
    width: 273px;
    height: auto;
}
ul.item2 li input {
    margin-right: 5px;
}
div.hamidashi {
    position: relative;
}
ul.item4, ul.item4B {
    width: 764px;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
ul.item4 li {
    float: left;
    width: 190px !important;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    overflow: visible;
}
ul.item4B li {
    float: left;
    width: 190px !important;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    text-align: center;
    padding: 30px 0 30px 0;
    position: relative;
    overflow: visible;
}
ul.item4 li img, ul.item4B li img {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 146px;
    height: auto;
}
ul.item4 li input, ul.item4B li input {
    margin-right: 3px;
}
ul.item4C {
    width: 704px;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
ul.item4C li {
    float: left;
    width: 175px !important;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    text-align: center;
    padding: 30px 0 30px 0;
    position: relative;
    overflow: visible;
}
ul.item4C li img {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 110px;
    height: auto;
}
ul.item4C li input {
    margin-right: 3px;
}
img.star {
    position: absolute;
    bottom: 10%;
    left: 10px;
}
img.mizu {
    position: absolute;
    bottom: 10%;
    left: 10px;
}
img.lace {
    position: absolute;
    bottom: 10%;
    left: 10px;
}
#filter {
    margin: 0 auto;
    padding: 15px 0;
    width: 550px;
    text-align: center;
}
#filter a:link {
    text-decoration: underline;
    color: #000;
}
#filter a:visited {
    text-decoration: none;
    color: #000;
}
#filter a:active {
    text-decoration: none;
    color: #000;
}
#filter a:hover {
    text-decoration: none;
    color: #000;
}
#filter .active {
    font-weight: bold;
}
#filter a.active:link {
    text-decoration: none;
    color: #000;
}
#filter a.active:visited {
    text-decoration: none;
    color: #000;
}
#filter a.active:active {
    text-decoration: none;
    color: #000;
}
#filter a.active:hover {
    text-decoration: none;
    color: #000;
}
/*.text_check p {
	margin-left:75px;
}*/
.miyoji {
    font-size: 12px !important;
}
.miyoji strong {
    font-size: 14px !important;
    color: #CC0000;
}
select.mojiSelect {
    margin: -10px 0 0 205px;
    color: #CC0000 !important;
}
div.sealError {
    width: 764px;
    margin: 0 auto;
}
/*--------------------------------------------------------
　button　position
--------------------------------------------------------*/
p.btn07 {
    left: 50px;
    bottom: 5px;
}
p.btn08 {
    right: 50px;
    bottom: 0px;
    color: #000;
    font-size: 12px;
}
p.btn08 a {
    text-decoration: none;
}
p.btn08 a:link {
    color: #000;
    font-weight: bold;
}
p.btn08 a:visited {
    text-decoration: none;
    color: #000;
}
p.btn08 a:hover {
    text-decoration: underline;
    color: #333;
}
p.btn08 a:active {
    text-decoration: none;
}
/*--------------------------------------------------------
　text　position
--------------------------------------------------------*/
p.txt01, p.txt02, p.txt03, p.txt04, p.txt05 {
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    left: 396px;
    line-height: 1.6;
}
p.txt01 {
    top: 252px;
}
p.txt02 {
    top: 424px;
}
p.txt03 {
    top: 610px;
}
p.txt04 {
    top: 794px;
}
p.txt05 {
    top: 993px;
}
/*--------------------------------------------------------
　design list
--------------------------------------------------------*/
.btnList {
    width: 752px;
    margin: 10px auto 30px auto;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #BE0000;
    overflow: hidden;
}
.btnList li {
    float: left;
    width: 178px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}
/*--------------------------------------------------------
　くまモンページ
--------------------------------------------------------*/
div.kumamon {
    position: relative;
    width: 756px;
    margin: 0 auto;
}
div.kumamon p {
    position: absolute;
}
div.kumamon p.btn01 {
    top: 435px;
    left: 36px;
}
div.kumamon p.btn02 {
    top: 435px;
    left: 280px;
}
div.kumamon p.btn03 {
    top: 435px;
    left: 526px;
}
/*--------------------------------------------------------
　人気ランキング
--------------------------------------------------------*/
.rank {
    width: 756px;
    height: 370px;
    background: url(../img/rank_bg.png) no-repeat left top;
    margin: 0 auto;
    position: relative;
}
.rankBtn {
    position: absolute;
    right: 58px;
    top: 20px;
}
.rankDate {
    position: absolute;
    font-size: 10px;
    color: #595757;
    top: 32px;
    left: 416px;
}
.rankNotes {
    position: absolute;
    font-size: 10px;
    color: #595757;
    bottom: 55px;
    right: 50px;
    text-align: right;
}
.rankDate2 {
    color: #595757;
    font-size: 14px;
    float: left;
    padding: 10px 0 20px 40px !important;
}
.rankNotes2 {
    color: #595757;
    font-size: 14px;
    float: right;
    padding: 10px 40px 20px 0 !important;
}
.rank li img {
    width: 140px;
    height: auto;
}
.rank li:nth-child(1) {
    position: absolute;
    left: 160px;
    top: 98px;
}
.rank li:nth-child(2) {
    position: absolute;
    left: 350px;
    top: 98px;
}
.rank li:nth-child(3) {
    position: absolute;
    left: 540px;
    top: 98px;
}
.rank li:nth-child(4) {
    position: absolute;
    left: 160px;
    top: 208px;
}
.rank li:nth-child(5) {
    position: absolute;
    left: 350px;
    top: 208px;
}
.rank li:nth-child(6) {
    position: absolute;
    left: 540px;
    top: 208px;
}
.item4 li {
    /* 徐々に背景色を変化させる */
    transition: background-color 1s ease 0s;
}
/* 強調用のクラス */
.marking {
    background: #FFE300;
}
#label1, #label2, #label3, #label4, #label5, #label6 {
    /*padding-top: 20px;
	margin-top:-10px !important;*/
}
/*#main .select {
	width:650px;
	margin:30px auto ;
}
*/
/*----------------------------------------------------------------------
  注意
----------------------------------------------------------------------*/
.attention {
    text-align: center;
}
.attention img {
    width: 400px;
    margin: 0 auto 10px;
    text-align: center;
}
dl.attention, dl.attention2 {
    width: 664px;
    margin: 0 auto 12px;
    border: 3px solid #F9D5E4;
    padding: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
dl.attention dt, dl.attention2 dt {
    /*height: 40px;*/
    padding: 0.5em 0;
    background-color: #F9D5E4;
    background-image: url(../../inc/img/ico_+.png);
    background-repeat: no-repeat;
    background-position: 98% /*right 0.8em*/ center;
    /*background-size:21px auto;*/
    text-align: center;
    color: #595757;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
dl.attention dt.hovered, dl.attention2 dt.hovered {
    background-color: #F9D5E4;
    background-image: url(../../inc/img/ico_-.png);
    background-repeat: no-repeat;
    background-position: 98% /*right 0.8em*/ center;
    /*background-size:21px auto;*/
}
dl.attention dt span, dl.attention2 dt span {
    font-size: 14px;
    font-weight: normal;
    margin: 0 -5px;
}
dl.attention dd, dl.attention2 dd {
    padding: 15px 12px 10px;
    text-align: center;
}
dl.attention dd p, dl.attention2 dd p {
    font-size: 13px;
    line-height: 1.4;
    /*text-align:left;*/
    padding: 0;
}
dl.attention dd p.center, dl.attention2 dd p.center {
    text-align: center !important;
}
dl.attention dd hr, dl.attention2 dd hr {
    border: 0;
    border-bottom: 1px dashed #323232;
    margin: 1.5em 0;
}
dl.attention ul, dl.attention2 ul {
    margin: 1.5em 0 0;
    padding: 0.5em 0;
    background: url(../../inc/img/line.png) repeat-y center top;
}
dl.attention ul li, dl.attention2 ul li {
    display: inline;
    margin-right: 70px;
}
dl.attention ul li:nth-child(2), dl.attention2 ul li:nth-child(2) {
    margin-right: 0;
}
dl.attention dt:nth-child(1), dl.attention2 dt:nth-child(1) {
    text-indent: -1.5em;
}
dl.attention dt:nth-child(2), dl.attention2 dt:nth-child(2) {
    font-size: 108% !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(../../sp/seal/img/order/color_notes.png) no-repeat center top;
		background-size: contain;
		display: block;
		width: 120%;
		/*width: 137px;*/   
		padding-top: 16px;
	}