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

/*各ページ用*/
#pankuzu { margin:0 0 10px; text-align:left; font-size:12px;}


/*トップページ用*/
/*ファーストビュー用*/
#topimg { position:relative; width:100%; height:80vh; margin:-15px auto 50px; background:url(/newparts/img/top/topmain.jpg) no-repeat center center; background-size:cover;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
align-items:center;
}
#topimg #maintext { max-width:680px; box-sizing:border-box; margin:0 2vw; padding:15px; background-color:rgba(255,255,255,0.85);
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#topimg #maintext h2#maintilte { margin:0 auto 10px; padding:0; font-size:56px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;
/*text-shadow:
2px 0px 10px #FFFFFF, -2px 0px 10px #FFFFFF,
0px -2px 10px #FFFFFF, -2px 0px 10px #FFFFFF,
2px 2px 10px #FFFFFF, -2px 2px 10px #FFFFFF,
2px -2px 10px #FFFFFF, -2px -2px 10px #FFFFFF,
1px 2px 10px #FFFFFF, -1px 2px 10px #FFFFFF,
1px -2px 10px #FFFFFF, -1px -2px 10px #FFFFFF,
2px 1px 10px #FFFFFF, -2px 1px 10px #FFFFFF,
2px -1px 10px #FFFFFF, -2px -1px 10px #FFFFFF,
1px 1px 10px #FFFFFF, -1px 1px 10px #FFFFFF,
1px -1px 10px #FFFFFF, -1px -1px 10px #FFFFFF;*/}
#topimg #maintext h2#maintilte span { font-size:48px;}
#topimg #maintext .maintext { display:inline-block; max-width:620px; margin:0 auto; padding:0; text-align:left; font-size:20px;}
@media all and (max-width:1049px)
{
#topimg { margin:-30px auto 50px;}
}
@media all and (max-width:879px)
{
#topimg { height:82.5vh; margin:-6vw auto 50px;}
}
@media all and (max-width:719px)
{
#topimg { height:90vh; margin:-15px auto 50px;}
#topimg #maintext { margin:20vh 5vw 0; padding:10px 5px;}
#topimg #maintext h2#maintilte { font-size:6.8vw;}
#topimg #maintext h2#maintilte span { font-size:5.6vw;}
#topimg #maintext .maintext { padding:0 10px; font-size:1.6rem;}
}





/*ファーストビュー内バナー設置用*/
#topimg ul#bnr-container { position:absolute; top:0; right:0; bottom:0; left:0; max-width:1100px; margin:0 auto; padding:0; list-style:none; text-align:center;}
#topimg ul#bnr-container li {}
#topimg ul#bnr-container a { display:block;}
#topimg ul#bnr-container a img { display:block; width:100%;}
#topimg ul#bnr-container a:hover img { filter:drop-shadow(0 0 5px rgba(255,255,200,1.0));}
/*帯締め・帯揚げお選びサービスバナー用*/
#topimg ul#bnr-container li.bnr-obi_aj { position:absolute; right:2%; bottom:2vh; width:96%; max-width:320px; margin:0; text-align:right;}
@media all and (max-width:719px)
{
#topimg ul#bnr-container li.bnr-obi_aj { left:2%; margin:0 auto; text-align:center;}
}
/*色個性ファッション診断バナー用*/
#topimg ul#bnr-container li.bnr-irk_fs { position:absolute; top:2vh; left:2%; width:96%; max-width:320px; margin:0; text-align:left;}
@media all and (max-width:719px)
{
#topimg ul#bnr-container li.bnr-irk_fs { right:2%; margin:0 auto; text-align:center;}
}
/*着物を楽しむコーディネートサロンバナー用*/
#topimg ul#bnr-container li.bnr-cde_sl { position:absolute; top:2vh; right:2%; width:96%; max-width:320px; margin:0; text-align:left;}
@media all and (max-width:719px)
{
#topimg ul#bnr-container li.bnr-cde_sl { top:calc(2vh + 120px); left:2%; margin:0 auto; text-align:center;}
}

/*トップコンテンツ用*/
#home {}
#home ul#typicalconts { margin:0 0 40px; padding:0; list-style:none; font-size:0;}
#home ul#typicalconts li { display:inline-block; vertical-align:top; width:32%; margin:0 2% 0 0;}
#home ul#typicalconts li:last-of-type { margin:0;}
#home ul#typicalconts li a { display:block; margin:0; padding:0 0 10px; font-size:16px; color:#666666;}
#home ul#typicalconts li a:hover { text-decoration:none; opacity:0.75; background-color:#F2EDF8;}
#home ul#typicalconts li a h3 { padding:3px 0 1px; font-size:20px; font-weight:normal; color:#FFFFFF; background-color:#70276C;}
#home ul#typicalconts li a img { display:block; width:100%; height:auto; margin:5px auto; padding:0;}
#home ul#typicalconts li .youtubebox { position:relative; width:100%; margin:5px auto;}
#home ul#typicalconts li .youtubebox div { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
#home ul#typicalconts li .youtubebox div iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#home .infotext { display:inline-block; margin:0 auto; text-align:left; font-size:18px;}
#home .infotext p { margin-bottom:0.8em;}
#home .infotext p:last-of-type { margin-bottom:0;}
#home ul#joyvoice { margin:0; padding:0; list-style:none; font-size:0;}
#home ul#joyvoice li { display:inline-block; vertical-align:top; width:16%; margin:0 0.8% 0 0;}
#home ul#joyvoice li:last-of-type { margin:0;}
#home ul#joyvoice li a { display:block; font-size:14px; color:#666666;}
#home ul#joyvoice li a:hover { text-decoration:none; opacity:0.75;}
#home ul#joyvoice li a img { display:block; width:100%; height:auto; margin:0; padding:0;}
@media all and (max-width:919px)
{
#home ul#typicalconts li a h3 { font-size:18px;}
#home ul#joyvoice li { display:inline-block; vertical-align:top; width:32%; margin:0 2% 15px 0;}
#home ul#joyvoice li:nth-of-type(3n) { margin:0 0 15px;}
#home ul#joyvoice li a { display:block; font-size:14px;}
#home ul#joyvoice li a img { display:block; width:100%; height:auto; margin:0; padding:0;}
}
@media all and (max-width:719px)
{
#home .maintext { font-size:1.8rem;}
#home ul#typicalconts li { display:block; width:100%; max-width:480px; margin:0 auto 15px;}
#home ul#typicalconts li:last-of-type { margin:0 auto;}
#home ul#typicalconts li a { font-size:1.4rem;}
#home ul#typicalconts li a h3 { font-size:1.6rem;}
#home .infotext { font-size:1.6rem;}
#home ul#joyvoice li a { font-size:1.4rem;}
}
@media all and (max-width:539px)
{
#home ul#joyvoice li { display:inline-block; vertical-align:top; width:49%; margin:0 1% 15px 0;}
#home ul#joyvoice li:nth-of-type(3n) { margin:0 1% 15px 0;}
#home ul#joyvoice li:nth-of-type(2n) { margin:0 0 15px;}
}
#home h2.subtitle { margin:60px 0 20px; padding:5px; border-bottom:#000000 1px solid; text-align:center; font-size:28px; color:#333333; line-height:1.2; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;}
#home .cs-ctr > p,
#home .cs-ctr .cs-c_voice > p { margin:0 0 0.75em;}
#home .cs-ctr > p:last-of-type,
#home .cs-ctr .cs-c_voice > p:last-of-type { margin:0;}
#home .cs-ctr:after,
#home .cs-ctr .cs-c_voice:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
#home .cs-ctr,
#home .cs-ctr .cs-c_voice { 
    min-height: 1px; /*IE6、7対策*/ 
} 
* html #home .cs-ctr,
* html #home .cs-ctr .cs-c_voice { 
    height: 1px; 
    /*\*//*/ /*MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
}
#home .cs-ctr { display:inline-block; width:auto; box-sizing:border-box; margin:10px auto 30px; padding:0 1.0em; text-align:left; font-size:18px;}
#home .cc_pricebox { display:block; max-width:920px; box-sizing:border-box; margin:0 auto; padding:0;}/*.cs-ctrのinline-blockを不適合にする*/
#home .cc_rcmdimgbox { display:block; max-width:800px; box-sizing:border-box; margin:0 auto; padding:0;}/*.cs-ctrのinline-blockを不適合にする*/
span.emphasis { font-weight:bold; color:#333333; background-color:#FFFEE6;}
#home .cs-ctr > .linkbtn { display:inline-block;}
#home .cs-ctr > .linkbtn a { display:block; margin:0; padding:2px 7px; font-size:14px; color:#FFFFFF; background-color:#7E7473;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#home .cs-ctr > .linkbtn a:before { display:inline; content:"\025b6";}
#home .cs-ctr > .linkbtn a:hover { text-decoration:none; opacity:0.7;}
#home .cs-ctr ol.abouthelp { margin:0 0 0.75em; padding:0 1.0em 0 2.0em;}
#home .cs-ctr > ul.recommend { margin:0 0 0 1.5em;}
#home .cs-ctr > ul.rcmd-img { width:100%; margin:0 auto; padding:0; text-align:center; list-style:none; font-size:0;}
#home .cs-ctr > ul.rcmd-img li { display:inline-block; width:24.25%; max-width:193px; margin:15px 1.0% 0 0; padding:0;}
#home .cs-ctr > ul.rcmd-img li:last-of-type { margin:0;}
#home .cs-ctr > ul.rcmd-img li img { width:100%; height:auto;}
#home .cs-ctr .cs-c_voice { position:relative; margin:0 0 15px; padding:14px; border:#CCCCCC 1px solid;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#home .cs-ctr .cs-c_voice:last-of-type { margin:0;}
#home .cs-ctr .cs-c_voice img { float:left; width:40%; max-width:200px; height:auto; margin:0 1.0em 0.5em 0;}
#home .cs-ctr .cs-c_voice .cv-name { padding:5px; border-bottom:#433430 1px dotted; color:#452E27; font-weight:bold; background-color:#F2EEED;}
#home .cs-ctr .cs-c_voice > .linkbtn { position:absolute; top:19px; right:19px;}
#home .cs-ctr .cs-c_voice > .linkbtn a { display:block; margin:0; padding:2px 7px; font-size:14px; color:#FFFFFF; font-weight:bold; background-color:#7E7473;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#home .cs-ctr .cs-c_voice > .linkbtn a:before { display:inline; content:"\025b6";}
#home .cs-ctr .cs-c_voice > .linkbtn a:hover { text-decoration:none; opacity:0.7;}
#home .cs-ctr .cs-c_voice .ba-markup { margin-bottom:0.25em; border-bottom:#CCCCCC 1px dotted; font-size:14px; color:#7E634E; font-weight:bold;}
#home .cs-ctr .cs-c_voice .ba-markup:before,
#home .cs-ctr .cs-c_voice .ba-markup:after { display:inline; content:"\025bc";}
p img.img-choose { display:block; width:100%; max-width:800px; height:auto; margin:0 auto;}
#home .cs-ctr ul.nummark { max-width:900px; margin:0 auto; padding:0; list-style:none; text-align:left;}
#home .cs-ctr ul.nummark .imgbox01 { float:right; width:32%; max-width:284px; margin:0 0 0 0.5%; padding:0}
#home .cs-ctr ul.nummark .imgbox01 img { width:100%; height:auto;}
#home .cs-ctr ul.nummark .imgbox02 { text-indent:0; width:65%; max-width:440px; margin:0; padding:0}
#home .cs-ctr ul.nummark .imgbox02 img { width:100%;}
#home .cs-ctr ul.nummark li { margin:0 0 0.5em; padding:0 0 0 1.0em; text-indent:-1.0em; font-size:18px;}
#home .cs-ctr ul.nummark li:before { display:inline;}
#home .cs-ctr ul.nummark li:nth-of-type(1):before { content:"①";}
#home .cs-ctr ul.nummark li:nth-of-type(2):before { content:"②";}
#home .cs-ctr ul.nummark li:nth-of-type(3):before { content:"③";}
#home .cs-ctr ul.nummark li:nth-of-type(4):before { content:"④";}
#home .cs-ctr ul.nummark li:nth-of-type(5):before { content:"⑤";}
#home .cs-ctr ul.nummark li:nth-of-type(6):before { content:"⑥";}
#home .cs-ctr ul.nummark li:nth-of-type(7):before { content:"⑦";}
#home .cs-ctr ul.nummark li:nth-of-type(8):before { content:"⑧";}
#home .cs-ctr ul.nummark li:nth-of-type(9):before { content:"⑨";}
#home .cs-ctr ul.nummark li .detail { margin:0; padding:9px; border:#999999 1px solid; text-indent:0;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#home .cs-ctr ul.nummark li .detail p { margin:0.25em 0; padding:0.5em 0.5em 0.5em 1.5em; text-indent:-1.0em; background-color:#FFFCCE;}
#home .cs-ctr ul.nummark li .detail p:before { display:inline; content:"⇒";}
#home .cs-ctr .price_img { float:right; width:35%; max-width:200px; height:auto; margin:0 0 0 0.75em;}
#home .cs-ctr .cs-price { margin:0 auto 1.0em; padding:10px 5px; border-bottom:#960033 1px dotted; text-align:center; font-size:18px; font-weight:bold; color:#960033;}
#home .cs-ctr .cs-price p { margin:0 0 10px; padding:0 0 0 1.0em; text-indent:-1.0em; text-align:left; font-size:16px; font-weight:normal; color:#333333;}
#home .cs-ctr .cs-price p:before { display:inline; content:"●";}
#home .cs-ctr .cs-price p > span { font-size:14px;}
#home .cs-ctr .cs-price > span { font-size:24px;}
#home .cs-ctr .cs-price form { display:inline-block !important; vertical-align:text-bottom; margin:0 0 0 1.5em;}
#home ul#top-ctr { margin:60px 0 0; padding:0; list-style:none; font-size:0;}
#home ul#top-ctr li { display:inline-block; width:49%; margin:0 2% 0 0;}
#home ul#top-ctr li:last-of-type { margin:0;}
#home ul#top-ctr li h2.subtitle { margin:0 0 20px;}
#home ul#top-ctr li a { display:block; font-size:16px;}
#home ul#top-ctr li a:hover { text-decoration:none; opacity:0.7;}
#home ul#top-ctr li a img { max-width:100%; margin:0 auto;}
#home #bnr-prof { margin:40px auto 0; text-align:center;}
#home #bnr-prof a { display:inline-block; margin:0 auto;}
#home #bnr-prof a :hover { opacity:0.7;}
#wp-topinfo { width:95%; max-width:1000px; margin:0 auto; text-align:center;}
#wp-topinfo dl { font-size:0;}
#wp-topinfo dl a { display:block; margin:0 0 15px; padding:14px; border:#CCCCCC 1px solid; text-align:left; color:#333333;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#wp-topinfo dl a:hover { opacity:0.7; color:#70276C; background-color:#F1EBF5;}
#wp-topinfo dl dt { display:inline-block; vertical-align:top; width:20%; margin:0 2% 0 0;}
#wp-topinfo dl dt img { width:100%; height:auto;}
#wp-topinfo dl dd { display:inline-block; vertical-align:top; width:78%; font-size:16px;}
#wp-topinfo dl dd p.blog-toptitle { font-size:20px;}
#wp-topinfo dl dd p.blog-topdate { margin:5px 0; padding:5px; background-color:#EBEBEB;}
#wp-topinfo dl dd p.blog-toptext {}
#wp-topinfo dl dd p.blog-toptext span { display:block; color:#70276C;}
#wp-topinfo dl dd p.blog-toptext span:before { display:inline; content:"\025b6";}
#wp-topinfo .btn-more { text-align:center;}
#wp-topinfo .btn-more a { display:inline-block; margin:0; padding:5px 10px; font-size:16px; color:#FFFFFF; font-weight:normal; background-color:#70276C;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#wp-topinfo .btn-more a:before { display:inline; content:"\025b6";}
#wp-topinfo .btn-more a:hover { text-decoration:none; opacity:0.7;}
@media all and (max-width:719px)
{
#home h2.subtitle { font-size:2.2rem;}
#home .cs-ctr { display:block; font-size:1.6rem;}
#home .cs-ctr > .linkbtn a { font-size:1.2rem;}
#home .cs-ctr .cs-c_voice img { margin:0 0.5em 0.25em 0;}
#home .cs-ctr .cs-c_voice > .linkbtn a { font-size:1.2rem;}
#home .cs-ctr ul.nummark li { font-size:1.6rem;}
#home .cs-ctr .price_img { float:none; display:block; width:100%; margin:0 auto 10px;}
#home .cs-ctr .cs-price { font-size:1.6rem;}
#home .cs-ctr .cs-price p { font-size:1.6rem;}
#home .cs-ctr .cs-price p > span { font-size:1.4rem;}
#home .cs-ctr .cs-price > span { font-size:2.2rem;}
#home .cs-ctr .cs-price form { margin:0 0 0 0.5em;}
#home ul#top-ctr li { display:block; width:100%; margin:0 0 60px;}
#home ul#top-ctr li:last-of-type { margin:0;}
#wp-topinfo dl dt { width:35%; margin:0 1% 0 0;}
#wp-topinfo dl dd { width:64%; font-size:1.2rem;}
#wp-topinfo dl dd p.blog-toptitle { font-size:1.6rem;}
#wp-topinfo .btn-more a { font-size:1.6rem;}
}
@media all and (max-width:529px)
{
#home .cs-ctr > ul.rcmd-img li { width:49%; margin:15px 2.0% 0 0;}
#home .cs-ctr > ul.rcmd-img li:nth-of-type(2n) { margin:0;}
#wp-topinfo dl dt { display:block; width:auto; max-width:320px; margin:0 auto;}
#wp-topinfo dl dd { display:block; width:auto; margin:5px 0 0;}
}
#home .cs-ctr .cs-form { max-width:640px; margin:0 auto;}
#home .cs-ctr .cs-form > p { font-size:16px; color:#8B3A3A;}
#home .cs-ctr .cs-form dl { margin:20px 0 0; font-size:16px;}
#home .cs-ctr .cs-form dl dt { margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F3F3F3;}
#home .cs-ctr .cs-form dl dt span { display:inline-block; margin:0 3px; padding:1px 3px; font-size:10px; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:2px;    /* 古いFirefox */
-webkit-border-radius:2px; /* 古いSafari,Chrome */
border-radius:2px;         /* CSS3 */}
#home .cs-ctr .cs-form dl dd { margin:0 0 10px; padding:0 10px; text-align:left;}
#home .cs-ctr .cs-form dl dd:last-of-type { margin:0 0 30px;}
#home .cs-ctr .cs-form dl dd input[type=text] { width:95% !important;}
#home .cs-ctr .cs-form dl dd input[type=text].ftb-s { max-width:75px !important;}
#home .cs-ctr .cs-form dl dd input[type=text].ftb-m { max-width:200px !important;}
#home .cs-ctr .cs-form dl dd input[type=text].ftb-l { max-width:300px !important;}
#home .cs-ctr .cs-form dl dd select { width:auto !important;}
#home .cs-ctr .cs-form dl dd textarea { width:95% !important;}
#home .cs-ctr .cs-form dl dd input[type=file] { margin-top:5px !important;}
#home .cs-ctr .cs-form dl > .ctn_mail { margin:0 auto 30px; padding:9px; border:#FF0000 2px solid;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#home .cs-ctr .cs-form dl > .ctn_mail a { display:inline-block;}
#home .cs-ctr .cs-form dl > p { text-align:center;}
#home .cs-ctr .cs-form dl > p input[type=submit] { margin:0 3.0em 0 0; padding-right:1.0em !important; padding-left:1.0em !important; font-size:16px !important;}
#home .cs-ctr .cs-form dl > p input[type=reset] { font-size:14px !important;}

@media all and (max-width:719px)
{
#home .cs-ctr .cs-form { margin:0 5px;}
#home .cs-ctr .cs-form > p { font-size:1.4rem; text-align:left;}
#home .cs-ctr .cs-form dl { font-size:1.4rem;}
#home .cs-ctr .cs-form dl > p input[type=submit] { font-size:1.6rem !important;}
#home .cs-ctr .cs-form dl > p input[type=reset] { font-size:1.4rem !important;}
}
.entryptn { display:block; padding-top:160px; margin-top:-160px;}
.btn-entry { text-align:right;}
.btn-entry a { display:inline-block; margin:0; padding:4px; border:#FF0000 1px solid; color:#FF0000; font-weight:bold;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
.btn-entry a:before { display:inline; content:"\025bc";}
.btn-entry a:hover { text-decoration:none; background-color:#FFFF00; opacity:0.7;}

/*20231006追加*/
#home .cc_pricebox { width:auto;}
#home .cc_pricebox .cc_payment { margin:10px 0 0;}
#home .cc_pricebox .cc_payment a { display:inline-block; margin:0; padding:5px 20px; color:#FFFFFF; background-color:#FF0000;
moz-border-radius: 30px;    /* 古いFirefox */
-webkit-border-radius: 30px; /* 古いSafari,Chrome */
border-radius: 30px;         /* CSS3 */}
#home .cc_pricebox .cc_payment a:hover { text-decoration:none; opacity:0.7;}
#home .cc_pricebox .cc_payment a img { width:40px; height:auto; vertical-align:middle; margin:0 5px 0 0;}
#home .cc_pricebox .bk_payment { margin:15px 0 0; font-weight:normal; color:#007DDB;}
#home .cc_pricebox .bk_payment div { display:inline-block; margin:0 auto; padding:13px; border:#007DDB 2px solid; color:#333333; background-color:#EDFAFE;
moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#home .cc_pricebox .bk_payment div p { margin:0; color:#333333;}
#home .cc_pricebox .bk_payment div p:before { display:none; content:"";}
@media all and (max-width:719px)
{
#home .cc_pricebox { width:auto;}
#home .cc_pricebox .cc_payment a { padding:10px 15px;}
#home .cc_pricebox .cc_payment a,
#home .cc_pricebox .bk_payment { font-size:1.6rem;}
}

/*20231018追加*/
#home .cs-ctr .cs-form dl dd select { font-size:14px;}
#home .cs-ctr .cs-form .s_boxgroup { margin:0 0 15px; padding:8px; border:#C6C6C6 2px solid;
moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#home .cs-ctr .cs-form .s_boxgroup dd:last-of-type { margin-bottom:0 !important;}
#home .cs-ctr .cs-form .s_boxgroup span.needitem { display:inline-block; margin:0 3px; padding:1px 3px; font-size:10px; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:2px;    /* 古いFirefox */
-webkit-border-radius:2px; /* 古いSafari,Chrome */
border-radius:2px;         /* CSS3 */}
#formWrap { text-align:center;}
#formWrap h3 { margin-bottom:20px; color:#4A2D88; font-size:22px;}
#formWrap h4 { margin-bottom:20px; color:#FF0000;}
#formWrap > p { font-size:16px; color:#8B3A3A;}
#formWrap p.error_messe { text-align:center !important; color:#FF0000;}
#formWrap table.formTable { display:block; margin:0; padding:0; border:0;}
#formWrap table.formTable tbody { display:block; width:100%; margin:0; padding:0; border:0;}
#formWrap table.formTable th { display:block; margin:0; padding:0; border:0;}
#formWrap table.formTable td { display:block; margin:0; padding:0; border:0;}

@media all and (max-width:719px)
{
#formWrap h3 { font-size:2.0rem;}
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
.exclusive_home { max-width:none !important;}
.exclusive_home #home #bnr40klr { position:relative; display:inline-block; width:auto; max-width:840px; margin:0 20px 40px;}
.exclusive_home #home #bnr40klr:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
}
.exclusive_home #home #bnr40klr a { display:block; margin:0; padding:19px; border:#C952E2 1px solid; font-size:0;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
.exclusive_home #home #bnr40klr a:hover { background-color:#FDEFFE; text-decoration:none; opacity:0.7;}
.exclusive_home #home #bnr40klr a img { display:inline-block; vertical-align:top; width:40%; max-width:320px; height:auto;}
.exclusive_home #home #bnr40klr a p:nth-of-type(1) { display:inline-block; vertical-align:top; width:58%; margin:0 0 0 2%; padding:0; text-align:left; font-size:16px; color:#333333;}
.exclusive_home #home #bnr40klr a p:nth-of-type(1) span { display:inline-block; margin:5px -1px 5px 0; padding:0 0.5em; border-right:#666666 1px solid; border-left:#666666 1px solid; line-height:1.2;}
.exclusive_home #home #bnr40klr a p:nth-of-type(2) { position:absolute; bottom:20px; left:20px; width:38%; max-width:320px; height:30px; margin:0; padding:0 10px; font-size:16px; color:#FFFFFF; line-height:30px; background-color:#C952E2;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
.exclusive_home #home .exclusive_home_box { max-width:1100px !important; margin:0 auto 60px; padding:0;}
.exclusive_home #home .exclusive_home_box h2 { font-size:36px !important;}
.exclusive_home #home .exclusive_home_box h2:first-of-type { margin-top:0 !important;}
.exclusive_home #home .exclusive_home_box h2 p.annotation { margin:5px auto; font-size:20px !important;}
.exclusive_home #home .exclusive_home_box h2 span.annotation { display:inline-block !important; vertical-align:top !important; text-align:left !important; font-size:18px !important;}
.exclusive_home #home .exclusive_home_box h2 p.newline { display:inline-block !important;}
.exclusive_home #home .exclusive_home_box h3.highlight { margin:0 auto 20px; text-align:center; font-weight:normal; font-size:20px;}
.exclusive_home #home .exclusive_home_box h3.highlight span.emphasis { margin:0 5px; padding:0 5px; color:#70276C; font-size:24px; font-weight:normal; line-height:2.0;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(234,223,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(234,223,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(234,223,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eadfe9',GradientType=0 ); /* IE6-9 */
}
.exclusive_home #home .exclusive_home_box .infotext { display:inline-block; margin:10px 20px 40px; text-align:center;}
.exclusive_home #home .exclusive_home_box .infotext p { margin-bottom:0.8em; text-align:left; font-size:18px;}
.exclusive_home #home .exclusive_home_box .infotext p:last-of-type { margin-bottom:0;}
.exclusive_home #home .exclusive_home_box .infotext p span.emphasis { color:#70276C; font-weight:bolder;}
.exclusive_home #home .exclusive_home_box ul#typicalconts { margin:0 20px !important}
.exclusive_home #home .exclusive_home_box .cs-ctr { display:inline-block; margin:10px 20px 0 !important; padding:0;}
.exclusive_home #home .exclusive_home_box .cs-ctr p { margin-bottom:0.8em; text-align:left; font-size:18px;}
.exclusive_home #home .exclusive_home_box .cs-ctr p:last-of-type { margin-bottom:0;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp { display:inline-block; margin:0 0 0.8em; padding:0; list-style:none; text-align:left; font-size:18px;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li { margin:0; padding:0 0 0.5em 2.0em; text-indent:-2.0em}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:before { display:inline; margin:0 0.5em 0 0; padding:0 0.25em; color:#FFFFFF; background-color:#70276C;
-moz-border-radius:20px;    /* 古いFirefox */
-webkit-border-radius:20px; /* 古いSafari,Chrome */
border-radius:20px;         /* CSS3 */}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(1):before { content:"１";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(2):before { content:"２";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(3):before { content:"３";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(4):before { content:"４";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(5):before { content:"５";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(6):before { content:"６";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(7):before { content:"７";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(8):before { content:"８";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li:nth-of-type(9):before { content:"９";}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp li span.emphasis { color:#70276C; font-weight:bolder;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.recommend { display:block; margin:0 auto; list-style:none; text-align:center;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.recommend li { display:block; width:100%; margin:0 auto 0.75em; padding:0; text-align:center;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.recommend li span { margin:0 5px; padding:0 5px; text-align:center; color:#70276C; font-size:24px; font-weight:normal;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(234,223,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(234,223,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(234,223,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eadfe9',GradientType=0 ); /* IE6-9 */
}
.exclusive_home #home .exclusive_home_box ul#joyvoice { margin:0 20px 20px;}
.exclusive_home #home .exclusive_home_box .cs-form p:last-of-type { text-align:center;}
.exclusive_home #home .exclusive_home_box .cs-c_voice span.emphasis { color:#70276C; font-weight:bolder;}
.exclusive_home #home .exclusive_home_box #bnr-prof { width:100%; max-width:640px; margin:20px auto 0;}
.exclusive_home #home .exclusive_home_box #bnr-prof img { width:100%; height:auto;}
@media all and (max-width:1139px)
{
.exclusive_home { margin:0 !important;}
.exclusive_home #home .exclusive_home_box { padding:0 2% !important;}
}
@media all and (max-width:1139px)
{
.exclusive_home #home .exclusive_home_box h3.highlight br { display:none;}
}
@media all and (max-width:719px)
{
.exclusive_home { width:100% !important;}
.exclusive_home #home #bnr40klr {}
.exclusive_home #home #bnr40klr a { padding:9px;}
.exclusive_home #home #bnr40klr a img { width:100%; margin:0 auto;}
.exclusive_home #home #bnr40klr a p:nth-of-type(1) { display:block; width:auto; margin:10px 0; padding:0; text-align:center; font-size:1.4rem;}
.exclusive_home #home #bnr40klr a p:nth-of-type(2) { position:relative; bottom:auto; left:auto; width:auto; max-width:none; font-size:1.6rem;}
.exclusive_home #home .exclusive_home_box h2 { font-size:2.4rem !important;}
.exclusive_home #home .exclusive_home_box h2 p.annotation { display:inline-block; margin:0 0 0 0.5em; font-size:1.8rem !important;}
.exclusive_home #home .exclusive_home_box h2 span.annotation { font-size:1.2rem !important;}
.exclusive_home #home .exclusive_home_box h3.highlight { font-size:1.8rem;}
.exclusive_home #home .exclusive_home_box h3.highlight span.emphasis { font-size:2.0rem; line-height:1.6;}
.exclusive_home #home .exclusive_home_box .infotext { margin:10px 5px 40px;}
.exclusive_home #home .exclusive_home_box .infotext p { font-size:1.6rem;}
.exclusive_home #home .exclusive_home_box .cs-ctr { margin:10px 5px 0 !important;}
.exclusive_home #home .exclusive_home_box .cs-ctr p { font-size:1.6rem;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.abouthelp { font-size:1.6rem;}
.exclusive_home #home .exclusive_home_box .cs-ctr ul.recommend li span { font-size:2.0rem;}
}

/*共用ボタンバナー用*/
#home .bnr-entry_area { position:relative; height:auto; margin:0 0 80px;}
#home .bnr-entry_area .bnr-entry { display:inline-block; margin:0 auto; padding:0 2%;}
#home .bnr-entry_area .bnr-entry a { display:block; margin:0; padding:21px 16px; border:#70276C 4px solid; background-color:#F4EFF4;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#home .bnr-entry_area .bnr-entry a:hover { text-decoration:none; opacity:0.8;}
#home .bnr-entry_area .bnr-entry a h2 { display:inline-block; vertical-align:middle; margin:0 auto; text-align:center; font-weight:normal; font-size:22px !important; color:#333333;}
#home .bnr-entry_area .bnr-entry a h2 p { margin:0 5px 0 0;}
#home .bnr-entry_area .bnr-entry a h2 p:before,
#home .bnr-entry_area .bnr-entry a h2 p:after { display:inline; content:"▼"; color:#70276C; font-size:28px;}
#home .bnr-entry_area .bnr-entry a h2 p span.emphasis { margin:0 5px; padding:0 2px; color:#FF0000; font-size:28px; background-color:transparent !important;}
@media all and (max-width:719px)
{
#home .bnr-entry_area .bnr-entry a { position:relative; padding:11px 30px;}
#home .bnr-entry_area .bnr-entry a h2 { font-size:1.8rem !important;}
#home .bnr-entry_area .bnr-entry a h2 p:before,
#home .bnr-entry_area .bnr-entry a h2 p:after { position:absolute; font-size:2.2rem;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);}
#home .bnr-entry_area .bnr-entry a h2 p:before { left:5px;}
#home .bnr-entry_area .bnr-entry a h2 p:after { right:5px;}
#home .bnr-entry_area .bnr-entry a h2 p span.emphasis { display:inline-block; font-size:2.2rem;}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*z-70213cordinateページ用*/
#consulting { text-align:left;}
#consulting h2 { position:relative; margin:0 0 40px; padding:5px; text-align:left; font-size:0; background:url(/newparts/img/z-70213cordinate/bg_mainimg.jpg) bottom center no-repeat #F8F8F7; background-size:contain;}
#consulting h2 img { display:inline-block; vertical-align:middle; width:23%; margin:0 2% -40px 0; padding:0;}
#consulting h2 p { display:inline-block; vertical-align:middle; width:70%; margin:0; padding:0; text-align:center; font-size:3.4vw; color:#333333;
font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;}
#consulting h2 p span { display:inline-block;}
#consulting h2 a.link-prof { position:absolute; bottom:-30px; left:22%; display:inline-block; margin:0; padding:3px 5px; font-size:12px; font-weight:normal; color:#666666; background-color:#F0F0F0;}
#consulting h2 a.link-prof:hover { color:#715593; background-color:#EEE4FC;}
@media all and (max-width:919px)
{
#consulting h2 img { width:30%;}
#consulting h2 p { width:68%; font-size:3.2vw;}
#consulting h2 a.link-prof { left:28%;}
}
@media all and (max-width:719px)
{
#consulting h2 img { width:20%;}
#consulting h2 p { width:78%; font-size:5.6vw;}
#consulting h2 a.link-prof { left:20%;}
}
#consulting ul#style-type { width:100%; margin:80px auto 40px; padding:0; text-align:center; list-style:none; font-size:0;}
#consulting ul#style-type li { display:inline-block; width:16%; max-width:193px; margin:0 0.8% 0 0; padding:0;}
#consulting ul#style-type li:last-of-type { margin:0;}
#consulting ul#style-type li img { width:100%; height:auto;}
@media all and (max-width:1279px)
{
#consulting ul#style-type { max-width:600px;}
#consulting ul#style-type li { width:32%; margin:0 2% 15px 0;}
#consulting ul#style-type li:nth-of-type(3n) { margin:0 0 15px;}
}
@media all and (max-width:719px)
{
#consulting ul#style-type { margin:50px auto 5px;}
}
@media all and (max-width:529px)
{
#consulting ul#style-type li { width:49%; margin:0 2% 15px 0;}
#consulting ul#style-type li:nth-of-type(3n) { margin:0 2% 15px 0;}
#consulting ul#style-type li:nth-of-type(2n) { margin:0 0 15px;}
}
#consulting h3 { margin:0; padding:5px; padding-left:1.5em; text-indent:-1.0em; border-bottom:#000000 1px solid; text-align:left; font-size:22px; color:#333333; line-height:1.2;
font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#consulting h3:before { display:inline; content:"\025CB";}
#consulting .cs-ctr > p,
#consulting .cs-ctr .cs-c_voice > p { margin:0 0 0.75em;}
#consulting .cs-ctr > p:last-of-type,
#consulting .cs-ctr .cs-c_voice > p:last-of-type { margin:0;}
#consulting .cs-ctr:after,
#consulting .cs-ctr .cs-c_voice:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
#consulting .cs-ctr,
#consulting .cs-ctr .cs-c_voice { 
    min-height: 1px; /*IE6、7対策*/ 
} 
* html #consulting .cs-ctr,
* html #consulting .cs-ctr .cs-c_voice { 
    height: 1px; 
    /*\*//*/ /*MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
}
#consulting .cs-ctr { margin:10px 1.0em 30px; padding:0; text-align:left; font-size:16px;}
#consulting .cs-ctr > .linkbtn { display:inline-block;}
#consulting .cs-ctr > .linkbtn a { display:block; margin:0; padding:2px 7px; font-size:14px; color:#FFFFFF; background-color:#7E7473;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#consulting .cs-ctr > .linkbtn a:before { display:inline; content:"\025b6";}
#consulting .cs-ctr > .linkbtn a:hover { text-decoration:none; opacity:0.7;}
#consulting .cs-ctr > ul.recommend { margin:0 0 0 1.5em;}
#consulting .cs-ctr > ul.rcmd-img { width:100%; margin:0 auto; padding:0; text-align:center; list-style:none; font-size:0;}
#consulting .cs-ctr > ul.rcmd-img li { display:inline-block; width:24.25%; max-width:193px; margin:15px 1.0% 0 0; padding:0;}
#consulting .cs-ctr > ul.rcmd-img li:last-of-type { margin:0;}
#consulting .cs-ctr > ul.rcmd-img li img { width:100%; height:auto;}
#consulting .cs-ctr .cs-c_voice { position:relative; margin:0 0 15px; padding:14px; border:#CCCCCC 1px solid;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#consulting .cs-ctr .cs-c_voice:last-of-type { margin:0;}
#consulting .cs-ctr .cs-c_voice img { float:left; width:40%; max-width:200px; height:auto; margin:0 1.0em 0.5em 0;}
#consulting .cs-ctr .cs-c_voice .cv-name { padding:5px; border-bottom:#433430 1px dotted; color:#452E27; font-weight:bold; background-color:#F2EEED;}
#consulting .cs-ctr .cs-c_voice > .linkbtn { position:absolute; top:19px; right:19px;}
#consulting .cs-ctr .cs-c_voice > .linkbtn a { display:block; margin:0; padding:2px 7px; font-size:14px; color:#FFFFFF; font-weight:bold; background-color:#7E7473;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#consulting .cs-ctr .cs-c_voice > .linkbtn a:before { display:inline; content:"\025b6";}
#consulting .cs-ctr .cs-c_voice > .linkbtn a:hover { text-decoration:none; opacity:0.7;}
#consulting .cs-ctr .cs-c_voice .ba-markup { margin-bottom:0.25em; border-bottom:#CCCCCC 1px dotted; font-size:14px; color:#7E634E; font-weight:bold;}
#consulting .cs-ctr .cs-c_voice .ba-markup:before,
#consulting .cs-ctr .cs-c_voice .ba-markup:after { display:inline; content:"\025bc";}
p img.img-choose { display:block; width:100%; max-width:800px; height:auto; margin:0 auto;}
#consulting .cs-ctr .price_img { float:right; width:35%; max-width:200px; height:auto; margin:0 0 0 0.75em;}
#consulting .cs-ctr .cs-price { margin:0 0 0.75em; padding:10px 5px; border-bottom:#960033 1px dotted; font-size:18px; font-weight:bold; color:#960033;}
#consulting .cs-ctr .cs-price span { font-size:24px;}
#consulting .cs-ctr .cs-price form { display:inline-block !important; vertical-align:text-bottom; margin:0 0 0 1.5em;}
#consulting .cs-ctr .cs-form {}
#consulting .cs-ctr .cs-form dl { font-size:14px;}
#consulting .cs-ctr .cs-form dl dt { float:left; width:200px; margin:0 0 5px; padding:5px; text-align:center;}
#consulting .cs-ctr .cs-form dl dd { margin:0 0 5px; padding:5px; border-left:#F3F3F3 210px solid;}
#consulting .cs-ctr .cs-form dl dd span { display:inline-block; font-size:12px;}
#consulting .cs-ctr .cs-form dl dd span.fctn { display:block; color:#990033;}
#consulting .cs-ctr .cs-form dl dd input[type=text] { width:95% !important;}
#consulting .cs-ctr .cs-form dl dd input[type=text].ftb-s { max-width:75px !important;}
#consulting .cs-ctr .cs-form dl dd input[type=text].ftb-m { max-width:200px !important;}
#consulting .cs-ctr .cs-form dl dd input[type=text].ftb-l { max-width:300px !important;}
#consulting .cs-ctr .cs-form dl dd select { width:auto !important;}
#consulting .cs-ctr .cs-form dl dd textarea { width:95% !important;}
#consulting .cs-ctr .cs-form dl dd input[type=file] { margin-top:5px !important;}
#consulting .cs-ctr .cs-form dl dd p { margin:0 0 1.0em; padding:0 0 1.0em 1.0em; text-indent:-1.0em; border-bottom:#666666 1px dotted;}
#consulting .cs-ctr .cs-form dl dd p:before { display:inline; content:"●";}
#consulting .cs-ctr .cs-form dl dd p:last-of-type { margin:0; padding:0 0 0 1.0em; border-bottom:none;}
#consulting .cs-ctr .cs-form dl > p { text-align:center;}
#consulting .cs-ctr .cs-form dl > p input[type=submit] { margin:0 3.0em 0 0; padding-right:1.0em !important; padding-left:1.0em !important; font-size:16px !important;}
#consulting .cs-ctr .cs-form dl > p input[type=reset] { font-size:14px !important;}
@media all and (max-width:919px)
{
#consulting .cs-ctr .cs-form dl dt { float:none; width:auto; margin:0; text-align:left; background-color:#F3F3F3;}
#consulting .cs-ctr .cs-form dl dd { margin:0 0 5px; border-left:none;}
}
@media all and (max-width:719px)
{
#consulting h3 { font-size:1.8rem;}
#consulting .cs-ctr { font-size:1.4rem;}
#consulting .cs-ctr > .linkbtn a { font-size:1.2rem;}
#consulting .cs-ctr .cs-c_voice img { margin:0 0.5em 0.25em 0;}
#consulting .cs-ctr .cs-c_voice > .linkbtn a { font-size:1.2rem;}
#consulting .cs-ctr .cs-price { font-size:1.6rem;}
#consulting .cs-ctr .cs-price span { font-size:2.2rem;}
#consulting .cs-ctr .cs-price form { margin:0 0 0 0.5em;}
#consulting .cs-ctr .cs-form dl { font-size:1.4rem;}
#consulting .cs-ctr .cs-form dl dd span { font-size:1.2rem;}
#consulting .cs-ctr .cs-form dl > p input[type=submit] { font-size:1.6rem !important;}
#consulting .cs-ctr .cs-form dl > p input[type=reset] { font-size:1.4rem !important;}
}
@media all and (max-width:529px)
{
#consulting .cs-ctr > ul.rcmd-img li { width:49%; margin:15px 2.0% 0 0;}
#consulting .cs-ctr > ul.rcmd-img li:nth-of-type(2n) { margin:0;}
}

/*20231023追加*/
#consulting .cs-ctr .cs-price .cc_payment { margin:10px 0 0;}
#consulting .cs-ctr .cs-price .cc_payment a { display:inline-block; margin:0; padding:5px 20px; color:#FFFFFF; background-color:#FF0000;
moz-border-radius: 30px;    /* 古いFirefox */
-webkit-border-radius: 30px; /* 古いSafari,Chrome */
border-radius: 30px;         /* CSS3 */}
#consulting .cs-ctr .cs-price .cc_payment a:hover { text-decoration:none; opacity:0.7;}
#consulting .cs-ctr .cs-price .cc_payment a img { width:40px; height:auto; vertical-align:middle; margin:0 5px 0 0;}
#consulting .cs-ctr .cs-price .bk_payment { margin:15px 0 0; font-weight:normal; color:#007DDB;}
#consulting .cs-ctr .cs-price .bk_payment div { display:inline-block; margin:0 auto; padding:13px; border:#007DDB 2px solid; color:#333333; background-color:#EDFAFE;
moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#consulting .cs-ctr .cs-price .bk_payment div p { margin:0; color:#333333;}
#consulting .cs-ctr .cs-price .bk_payment div p:before { display:none; content:"";}
@media all and (max-width:719px)
{
#consulting .cs-ctr .cs-price { width:auto;}
#consulting .cs-ctr .cs-price .cc_payment a { padding:10px 15px;}
#consulting .cs-ctr .cs-price .cc_payment a,
#consulting .cs-ctr .cs-price .bk_payment { font-size:1.6rem;}
}

/*item.phpページ用*/
#item {}
#item #priceinfo { display:inline-block; margin:0.5em auto; padding:9px; border:#FF0000 1px solid; text-align:left; font-size:14px; color:#FF0000;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
/*上部パーツ*/
#item h2#campaign { display:none; text-align:left; /*background-color:#F90;*/}
/*画像切替部＆商品概要部用*/
#item #item-content { width:auto; margin:0; padding:0; font-size:0;}
#item #item-content #contents { display:inline-block; vertical-align:top; width:63%; margin:0 2% 0 0;}
#item #item-photo { display:block; width:100%; margin:0; padding:0; font-size:0;}
#item #item-mainphoto { display:block; width:100%; margin:0; text-align:center; /*clip:rect(0 450px 600px 0);*/}
#item #box-mainphoto { position:relative; width:100%; background-color:#F3F3F3;}
#item #box-mainphoto:before{ display:block; padding-top:100%; content:"";}
#item #box-mainphoto img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:auto; object-fit:contain;}
/*---20211227変更前---
#item #item-thumbnailphoto { display:block; width:100%; margin:0; padding:0; text-align:center;}
#item #item-thumbnailphoto #thumbnailbox { width:auto; padding:10px 0; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail { display:inline-block; vertical-align:middle; width:10%; margin:0 10px 0 0;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:last-of-type { margin:0;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail img { width:100%;}
---*/
#item #item-thumbnailphoto { display:block; width:100%; margin:0; padding:0; text-align:center;}
#item #item-thumbnailphoto #thumbnailbox { width:auto; padding:10px 0; font-size:0; text-align:left;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail { position:relative; display:inline-block; vertical-align:top; width:15%; margin:0 2% 5px 0; background-color:#F3F3F3;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:before { display:block; padding-top:100%; content:"";}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(6n) { margin:0 0 5px;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:auto; object-fit:cover;}
/*---↑20211227追加↑---*/
#item #btn-mypage { margin:15px auto 0;}
#item #btn-mypage a { display:inline-block; margin:0 auto; padding:5px 15px; font-size:16px; color:#FFFFFF; background-color:#FF9999;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#item #btn-mypage a:hover { text-decoration:none; color:#FFFF99; background-color:#FF6666;}
#item #btn-mypage a:before { display:inline; content:"★";}
#item ul#mp_cmnt { display:inline-block; margin:10px auto; padding:0 1.0em; list-style:none; text-align:left; font-size:12px;}
#item ul#mp_cmnt li { margin-bottom:0.4em; padding-left:1.0em; text-indent:-1.0em; line-height:1.3;}
#item ul#mp_cmnt li:last-of-type { margin-bottom:0;}
#item ul#mp_cmnt li:before { display:inline; content:"※";}
#item #prevnext { margin:0 auto; text-align:center;}
#item #prevnext span { vertical-align:middle; margin:0 1.0em; font-size:18px;}
#item #prevnext img { vertical-align:middle;}
#item #data { display:inline-block; vertical-align:top; width:35%; box-sizing:border-box; margin:0; padding:0; font-size:14px;}
#item #data h3 { margin:0; padding:8px 5px 0; border-top:#916C3F 2px solid; font-size:18px;}
#item #data .itemid { margin:0; padding:10px 5px;}
#item #data ul { list-style:none;}
#item #data .pricebox { border-top:#916C3F 2px solid; /*border-bottom:#CCCCCC 1px solid; background-color:#F9F1EC;*/}
#item #data .pricebox ul.box {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #F5E6F7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#F5E6F7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#F5E6F7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */}
#item #data ul.box { padding-left:5px !important; padding-bottom:0 !important; margin:0; padding:10px 0 !important; border-bottom:#CCCCCC 1px solid; text-align:left;}
#item #data ul.box li { margin:0 10px; padding-left:1.0em;}
#item #data ul.box li.title { text-indent:-1.0em;}
#item #data ul.box li.title:before { display:inline; content:"\0020\025bc";}
#item #data ul.box li.price { padding-left:0 !important; text-align:center !important; line-height:1.4 !important;}
#item #data ul.box li.price span { font-size:24px; font-weight:bold; color:#FF0000;}
#item #data ul.box li.notes { margin:5px 5px 0 !important; padding-left:0 !important; text-align:center !important; font-size:12px; color:#FF0000;}
#item #data ul.box li.left,
#item #data ul.box li.reservation { display:inline-block; vertical-align:middle; margin:0 auto; padding:0; text-align:center;}
img.img_reserve { width:100%; max-width:280px; height:auto; margin:0 auto;}
img.img_reserve:hover { opacity:0.7;}
#item #data ul.box li.left input[type=image] { margin:0; padding:0;}
#item #data ul.box li.left img { display:block;}
#item #data ul.box li#cartinbtn { display:block !important; width:100% !important; max-width:281px; margin:0 auto 10px; padding:0; text-align:center;}
#item #data ul.box li#cartinbtn:hover { text-decoration:none; opacity:0.7;}
#item #data ul.box li#cartinbtn input[type=image] { display:inline-block; width:100% !important; height:auto !important; box-sizing:border-box; margin:0 !important; padding:0 !important;}
#item #data ul.box form,
#item #data ul.box ul.clearfix { text-align:center;}
#item #data #stock-txt { margin:15px auto; padding:0;}
#item #data #stock-txt span { font-size:20px; font-weight:bold; color:#FF0000;}
#item #data #finish-date { width:100%; height:145px; overflow-x:scroll; overflow-y:hidden; margin:0 0 15px; border-bottom:#CCCCCC 1px solid;}
#item #data #btn-ilc { margin:0 0 15px;}
#item #data #btn-ilc a { display:block; margin:0; padding:10px 5px; color:#FFFFFF; font-size:16px; line-height:1.2; background-color:#FF6600;
/*text-shadow:
1px 1px 5px #EA831C, -1px 1px 5px #EA831C,
1px -1px 5px #EA831C, -1px -1px 5px #EA831C,
2px 2px 5px #EA831C, -2px 2px 5px #EA831C,
2px -2px 5px #EA831C, -2px -2px 5px #EA831C;*/
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#item #data #btn-ilc a:hover { text-decoration:none; opacity:0.7;}
#item #data #btn-iteminq { margin:0 0 15px;}
#item #data #btn-iteminq a { display:block; margin:0 0 10px; padding:10px 5px; color:#FFFFFF; font-size:16px; line-height:1.2; background-color:#663300;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#item #data #btn-iteminq a:hover { text-decoration:none; opacity:0.7;}
#item #data #btn-iteminq a span { display:inline-block;}
#item #data #tel-txt { margin:0 0 5px; padding:0 0 14px; border-bottom:#CCCCCC 1px solid; font-size:12px; text-align:center;}
#item #data #irokosei { margin:0 0 5px; padding:0 0 5px; border-bottom:1px dotted; font-size:14px;}
#item #data ul.item-icon { position:relative; width:100%; max-width:300px; margin:0 auto; padding:0; list-style:none; text-align:center; font-size:0;}
#item #data ul.item-icon li { display:inline-block; width:16.6%; margin:0 0 5px;}
#item #data ul.item-icon li img { width:100%;}
#item #data ul.item-icon li p { display:none; position:absolute; top:-35px; right:0; left:0; padding:5px;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#item #data ul.item-icon li:nth-of-type(1) p { color:#FFFFFF; background-color:#EB9EC0;}
#item #data ul.item-icon li:nth-of-type(2) p { color:#FFFFFF; background-color:#175BAE;}
#item #data ul.item-icon li:nth-of-type(3) p { padding:4px; border:#333333 1px solid; color:#333333; background-color:#FFFFFF;}
#item #data ul.item-icon li:nth-of-type(4) p { color:#FFFFFF; background-color:#9659A6;}
#item #data ul.item-icon li:nth-of-type(5) p { color:#FFFFFF; background-color:#955E01;}
#item #data ul.item-icon li:nth-of-type(6) p { color:#FFFFFF; background-color:#DF0213;}
#item #data ul.item-icon li:hover p { display:inline-block; font-size:14px;}
/*#item #data .inbox-img { margin:0 auto;}
#item #data .inbox-img img { width:100%; max-width:282px; margin:0 auto;}*/
/*↓良く分からないけどとりあえず*/
#item #data .formbox { margin:0; padding:0;}
#item #data .sctbox { margin:10px 0 0; padding:5px; font-size:14px;}
#item #data .notes { padding-top:0 !important; padding-bottom:0 !important;}
#item2,#item3,#item4 { display:none;}
/*↑良く分からないけどとりあえず*/
@media all and (max-width:919px)
{
#item #item-content #contents { display:block; width:100%; margin:0;}
#item #data { display:block; width:100%; margin:20px 0 0;}
}
@media all and (max-width:719px)
{
#item #item-mainphoto { max-width:640px; margin:0 auto;}
#item #item-thumbnailphoto {}
#item #item-thumbnailphoto { position:relative; display:block; width:100%; margin:0; padding:0; text-align:center;}
#item #item-thumbnailphoto:before { position:absolute; top:40%; left:0; display:block; font-size:1.0rem; color:#333333; z-index:99; content:"\025b6"; transform:rotate(180deg);}
#item #item-thumbnailphoto:after { position:absolute; top:40%; right:0; display:block; font-size:1.0rem; color:#333333; z-index:99; content:"\025b6";}
#item #item-thumbnailphoto #thumbnailbox { width:auto; margin:10px auto; padding:0 5px; border-right:#FFFFFF 10px solid; border-left:#FFFFFF 10px solid; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail { display:inline-block; vertical-align:middle; width:14%; margin:0 10px 0 0;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(6n) { margin:0 10px 0 0;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:last-of-type { margin:0;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail:before { display:none;}
#item #item-thumbnailphoto #thumbnailbox p.thumbnail img { position:relative; object-fit:fill; width:100%; height:auto;}
/*---↑20211227追加↑---*/
#item #data ul.box li.price { text-align:center !important;}
#item #data ul.box li.price span { font-size:2.4rem;}
#item #data ul.box li.notes { text-align:center !important; font-size:1.2rem;}
}
/*上記内非表示処理等--------------------*/
#item #data .pricebox > ul.box { display:none;}
#item #data .pricebox > ul.box:first-of-type { display:block;}
#item #data .pricebox > ul.box:first-of-type li.title { display:none;}
#item #data .pricebox > ul.box:first-of-type li.notes { margin-top:0.5em;}
#item #data .pricebox > ul.box:first-of-type li.notes br { display:none;}
#item #data .formbox { display:none;}
#item #data #item1 > ul.box { margin-bottom:0; padding-bottom:3px !important; border-bottom:none;}
#item #data #item1 > ul.box li.price { display:none;}
#item #data ul#tailoring-type { display:inline-block; margin:0 auto; padding:0; list-style:none; text-align:left;}
#item #data ul#tailoring-type li a { display:block; margin:5px 0 0; padding:0; padding-left:1.5em; text-indent:-1.5em; color:#333333;}
#item #data ul#tailoring-type li a:before { display:inline; content:"\025b6\0020";}
#item #data ul#tailoring-type li a:hover { text-decoration:none; color:#C491CE;}
#item #data p#stock-txt { margin:10px 0 15px; padding:15px 0 0; border-top:#CCCCCC 1px solid;}
/*ページ下部用*/
#item #explanation { margin:20px 0; padding:14px; border:#B68142 1px solid; text-align:left;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#item #explanation h3 { margin:0 0 0.5em; padding:0 0 0.5em; border-bottom:#B68142 1px dotted; font-size:16px; color:#B68142;}
#item #explanation > div { font-size:14px;}
#item #explanation > div img,
#item #explanation > div iframe { max-width:100% !important;}
/*不要になる？ここから*/
#item #recommendation { margin:20px 0 0; text-align:left;}
#item #recommendation h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#item #recommendation > ul { margin:0 10px; padding:0; list-style:none; font-size:0; overflow:hidden;}
#item #recommendation > ul > li { display:inline-block; vertical-align:top; width:19%; margin:0 1% 0 0;}
#item #recommendation > ul > li:last-of-type { margin:0;}
#item #recommendation > ul > li > ul { width:100%; list-style:none;}
#item #recommendation > ul > li > ul > li.photo,
#item #recommendation > ul > li > ul > li.photo div,
#item #recommendation > ul > li > ul > li.photo div img { width:100% !important; height:auto !important;}
#item #recommendation > ul > li > ul > li.title,
#item #recommendation > ul > li > ul > li.price { width:100% !important; height:auto !important; font-size:12px;}
#item #recommendation > ul > li > ul > li > ul.icon { width:100% !important; height:auto !important; font-size:0;}
#item #recommendation > ul > li > ul > li > ul.icon > li { display:inline-block; vertical-align:top; margin:0 0 0 2px;}
#item #recommendation .prev {}
#item #recommendation .next {}
/*不要になる？ここまで*/
#item #checkitem { margin:20px 0 0; text-align:left;}
#item #checkitem h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#item #checkitem ul { margin:0 10px; padding:0; list-style:none; overflow:hidden; font-size:0;}
#item #checkitem ul li { display:inline-block; vertical-align:middle; width:10.2%; margin:0 1% 5px 0; background-color:#F3F3F3;}
#item #checkitem ul li:nth-of-type(9n) { margin:0 0 5px;}
#item #checkitem ul li div,
#item #checkitem ul li div img { width:100% !important; height:auto !important;} 
#item #checkitem ul li div a:hover img { opacity:0.7;} 
#item #itemkeyword { margin:20px 0 0; padding:9px 0 0; border-top:#853866 1px solid; text-align:left;}
#item #itemkeyword h3 { margin:0 0 5px; padding:0 5px; font-size:16px; color:#853866;}
#item #itemkeyword #itemtxt { padding:0 5px 0 10px; font-size:14px;}
#item .beneathbox { margin:20px 0 40px; text-align:left;}
#item .beneathbox h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#item .beneathbox p#itemtxt { margin:0 1.0em; padding:0; font-size:14px;}
#item #shopping-guide { margin:20px 0 0; text-align:left; font-size:0;}
#item #shopping-guide h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#item #shopping-guide ul { display:inline-block; vertical-align:top; width:48%; margin:0 1%; padding:0; list-style:none;}
#item #shopping-guide ul li { margin:0 0 2.0em; font-size:14px;}
#item #shopping-guide ul li h4 { margin:0 0 5px; padding:0 0 2px; border-bottom:1px solid; font-size:14px; color:#853866;}
#item #shopping-guide ul li h4:before { display:inline; content:"\025ce";}
#item #shopping-guide ul li p { margin:0 0 1.0em; padding:0 0.5em 0 1.0em;}
#item #shopping-guide ul li p:last-of-type { margin:0;}
#item #shopping-guide ul li p span { display:block; font-weight:bold;}
#item #shopping-guide ul li p img { display:inline-block; vertical-align:middle; margin:5px 5px 0 0;}
#item #shopping-guide ul li p img:last-of-type { margin:0;}
@media all and (max-width:919px)
{
#item #shopping-guide ul { display:block; width:98%;}
}
@media all and (max-width:719px)
{
}
@media all and (max-width:479px)
{
#item #checkitem ul li { width:32%; margin:0 2% 5px 0;}
#item #checkitem ul li:nth-of-type(9n) { margin:0 2% 5px 0;}
#item #checkitem ul li:nth-of-type(3n) { margin:0 0 5px;}
}

/*item.phpページNEWレイアウト用*/
#item.newlayout {}
#item.newlayout h2#item-name { display:inline-block; width:calc(100% - 185px); margin:20px 0 10px; padding:10px; border-bottom:#999999 1px dotted; border-left:#333333 5px solid; text-align:left; font-size:22px; color:#333333; background-color:#F9F9F9;}
#item.newlayout a#item-name_link { display:inline-block; vertical-align:top; width:175px; height:54px; margin:20px 0 10px 10px;}
#item.newlayout a#item-name_link img { width:100%; height:auto;}
#item.newlayout a#item-name_link:hover img { opacity:0.7;}
#item.newlayout #item-content #contents { display:inline-block; vertical-align:top; width:60%; margin:0 2% 0 0;}
#item.newlayout #item-photo #flexctr { width:100%; margin:0; padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
gap:0 1%;}
#item.newlayout #box-mainphoto { order:2; display:inline-block; vertical-align:top; position:relative; width:83.2%; margin:0; padding:0; background-color:#F3F3F3;}
#item.newlayout #item-thumbnailphoto { order:1; display:inline-block; vertical-align:top; width:15.8%; margin:0; padding:0; text-align:center;}
#item.newlayout #item-thumbnailphoto #thumbnailbox { width:auto; padding:0; font-size:0; text-align:left;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail { position:relative; display:inline-block; vertical-align:top; width:48%; margin:0 4% 5px 0; background-color:#F3F3F3;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:before { display:block; padding-top:100%; content:"";}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(6n) { margin:0 4% 5px 0;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(2n) { margin:0 0 5px;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:auto; object-fit:cover;}
/*不要になる？ここから*/
#item.newlayout #recommendation > ul > li > ul > li.photo { position:relative; width:100% !important; height:0 !important; margin:0 0 5px; padding-top:100%; background-color:#F3F3F3;}
#item.newlayout #recommendation > ul > li > ul > li.photo div { position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; height:auto !important;}
#item.newlayout #recommendation > ul > li > ul > li.photo div img { object-fit:/*cover*/contain; object-position:/*50% 0%*/50% 50%; width:100% !important; height:100% !important;}
#item.newlayout #recommendation > ul > li > ul > li.title,
#item.newlayout #recommendation > ul > li > ul > li.price { font-size:14px;}
/*不要になる？ここまで*/
#item.newlayout #recommend-item { margin:20px 0 0; text-align:left;}
#item.newlayout #recommend-item > ul { margin:0 10px; padding:0; list-style:none; font-size:0; overflow:hidden;}
#item.newlayout #recommend-item > ul > li { display:inline-block; vertical-align:top; width:19%; margin:0 1% 0 0;}
#item.newlayout #recommend-item > ul > li:last-of-type { margin:0;}
#item.newlayout #recommend-item > ul > li a { display:block; margin:0; padding:0; text-align:center;}
#item.newlayout #recommend-item > ul > li a:hover { opacity:0.7;}
#item.newlayout #recommend-item > ul > li a div { position:relative; width:100% !important; height:0 !important; margin:0 0 5px; padding-top:100%; text-align:left; background-color:#F3F3F3;}
#item.newlayout #recommend-item > ul > li a div img { position:absolute; top:0; object-fit:/*cover*/contain; object-position:/*50% 0%*/50% 50%; width:100% !important; height:100% !important;}
#item.newlayout #recommend-item > ul > li a p { display:inline-block; width:auto !important; height:auto !important; margin:0 auto; text-align:left; font-size:14px;}
#item.newlayout #such-item { margin:20px 0 0; text-align:left;}
#item.newlayout #such-item > ul { margin:0 10px; padding:0; list-style:none; font-size:0; overflow:hidden;}
#item.newlayout #such-item > ul > li { display:inline-block; vertical-align:top; width:19%; margin:0 1% 0 0;}
#item.newlayout #such-item > ul > li:last-of-type { margin:0;}
#item.newlayout #such-item > ul > li > ul { width:100%; list-style:none; text-align:center;}
#item.newlayout #such-item > ul > li > ul > li.photo { position:relative; width:100% !important; height:0 !important; margin:0 0 5px; padding-top:100%; text-align:left; background-color:#F3F3F3;}
#item.newlayout #such-item > ul > li > ul > li.photo div { position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; height:auto !important;}
#item.newlayout #such-item > ul > li > ul > li.photo div img { object-fit:/*cover*/contain; object-position:/*50% 0%*/50% 50%; width:100% !important; height:100% !important;}
#item.newlayout #such-item > ul > li > ul > li.title { display:inline-block; width:auto !important; height:auto !important; margin:0 auto; text-align:left; font-size:14px;}
#item.newlayout #such-item > ul > li > ul > li.price { display:none; width:100% !important; height:auto !important; text-align:center; font-size:14px;}
#item.newlayout #such-item > ul > li > ul > li > ul.icon { width:100% !important; height:auto !important; font-size:0;}
#item.newlayout #such-item > ul > li > ul > li > ul.icon > li { display:inline-block; vertical-align:top; margin:0 0 0 2px;}
#item.newlayout #such-item .prev {}
#item.newlayout #such-item .next {}
#item.newlayout #such-item > ul > li > ul > li.title a { display:block;}
#item.newlayout #such-item a:hover { opacity:0.7;}
#item.newlayout #yours-item { margin:20px 0 0; text-align:left;}
#item.newlayout #yours-item > ul { margin:0 10px; padding:0; list-style:none; font-size:0; overflow:hidden;}
#item.newlayout #yours-item > ul > li { display:inline-block; vertical-align:top; width:19%; margin:0 1% 0 0;}
#item.newlayout #yours-item > ul > li:last-of-type { margin:0;}
#item.newlayout #yours-item > ul > li a { display:block; margin:0; padding:0; text-align:center;}
#item.newlayout #yours-item > ul > li a:hover { opacity:0.7;}
#item.newlayout #yours-item > ul > li a div { position:relative; width:100% !important; height:0 !important; margin:0 0 5px; padding-top:100%; text-align:left; background-color:#F3F3F3;}
#item.newlayout #yours-item > ul > li a div img { position:absolute; top:0; object-fit:/*cover*/contain; object-position:/*50% 0%*/50% 50%; width:100% !important; height:100% !important;}
#item.newlayout #yours-item > ul > li a p { display:inline-block; width:auto !important; height:auto !important; margin:0 auto; text-align:left; font-size:14px;}
#item.newlayout #checkitem ul { margin:0 10px 10px; padding:0; list-style:none; overflow:hidden; font-size:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
gap:0 1%;}
#item.newlayout #checkitem ul li { display:inline-block; vertical-align:middle; width:10.2%; margin:0; background-color:#F3F3F3;}
#item.newlayout #checkitem ul li:nth-of-type(9n) { margin:0;}
#item.newlayout #checkitem ul li div { width:100% !important; height:100% !important;} 
#item.newlayout #checkitem ul li div img { object-fit:/*cover*/contain; object-position:/*50% 0%*/50% 50%; width:100% !important; height:100% !important;} 
#item.newlayout #checkitem ul li div a:hover img { opacity:0.7;} 
#item.newlayout #recommendation h3,
#item.newlayout #recommend-item h3,
#item.newlayout #such-item h3,
#item.newlayout #yours-item h3,
#item.newlayout #checkitem h3,
#item.newlayout .beneathbox h3 { margin:0 0 10px; padding:10px; border-bottom:#663300 1px dotted; border-left:#663300 5px solid; font-size:18px; color:#333333; background-color:#FAF5F5;}
#item.newlayout #itemkeyword h3 { color:#663300;}
#item.newlayout #itemkeyword { border-top:#663300 1px solid;}
#item.newlayout #data { display:inline-block; vertical-align:top; width:38%; box-sizing:border-box; margin:0; padding:0; font-size:14px;}
#item.newlayout #data .itemid { margin:0; padding:5px 0 0; font-size:12px;}
#item.newlayout #data h3 { display:none;}
#item.newlayout #data .pricebox { border-top:none;}
#item.newlayout #data .pricebox ul.box { background:#FFFFFF; filter:none;}
#item.newlayout #data .pricebox .price p { display:inline-block; margin:0 0.25em;}
#item.newlayout #data p#yoyaku-ctn { margin:10px auto 0; padding:9px; border:#FF0000 1px solid; text-align:left; font-size:13px; color:#DB0005;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#item.newlayout #data ul#tailoring-type { display:block; margin:0 auto 10px; padding:0 0 10px; border-bottom:#663300 1px dotted; list-style:none; text-align:center;}
#item.newlayout #data ul#tailoring-type li { display:inline-block; margin:5px 0.5em 0;}
#item.newlayout #data ul.box { padding-left:0 !important; padding-bottom:0 !important; margin:0; padding:5px 0 !important; border-bottom:none; text-align:left;}
#item.newlayout #data #stock-txt { margin:10px auto; padding:10px 0 0;}
#item.newlayout #data #btn-ilc a { max-width:281px; margin:0 auto; font-size:14px;
-moz-border-radius: 40px;    /* 古いFirefox */
-webkit-border-radius: 40px; /* 古いSafari,Chrome */
border-radius: 40px;         /* CSS3 */}
#item.newlayout #data #btn-iteminq a { max-width:281px; margin:0 auto 10px; font-size:14px;
-moz-border-radius: 40px;    /* 古いFirefox */
-webkit-border-radius: 40px; /* 古いSafari,Chrome */
border-radius: 40px;         /* CSS3 */}
@media all and (max-width:719px)
{
#item.newlayout h2#item-name { display:block; width:100%; margin:20px 0 10px; padding:10px; border-bottom:#999Z1px dotted; border-left:#333333 5px solid; text-align:left; font-size:22px; color:#333333; background-color:#F9F9F9;}
#item.newlayout a#item-name_link { display:none;}
#item.newlayout #item-content #contents { display:block; width:100%; margin:0;}
#item.newlayout #item-photo #flexctr { width:100%; margin:0; padding:0; display:block; gap:0;}
#item.newlayout #box-mainphoto { order:1; display:block; width:100%;}
#item.newlayout #item-thumbnailphoto { order:2; display:block; width:100%; margin:0;}
#item.newlayout #item-thumbnailphoto { position:relative; display:block; width:100%; margin:0; padding:0; text-align:center;}
#item.newlayout #item-thumbnailphoto:before { position:absolute; top:40%; left:0; display:block; font-size:1.0rem; color:#333333; z-index:99; content:"\025b6"; transform:rotate(180deg);}
#item.newlayout #item-thumbnailphoto:after { position:absolute; top:40%; right:0; display:block; font-size:1.0rem; color:#333333; z-index:99; content:"\025b6";}
#item.newlayout #item-thumbnailphoto #thumbnailbox { width:auto; margin:10px auto; padding:0 5px; border-right:#FFFFFF 10px solid; border-left:#FFFFFF 10px solid; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail { display:inline-block; vertical-align:middle; width:14%; margin:0 10px 0 0;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(2n) { margin:0 10px 0 0;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:nth-of-type(6n) { margin:0 10px 0 0;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:last-of-type { margin:0;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail:before { display:none;}
#item.newlayout #item-thumbnailphoto #thumbnailbox p.thumbnail img { position:relative; object-fit:fill; width:100%; height:auto;}
#item.newlayout #recommendation h3,
#item.newlayout #recommend-item h3,
#item.newlayout #such-item h3,
#item.newlayout #yours-item h3,
#item.newlayout #checkitem h3,
#item.newlayout .beneathbox h3 { padding:5px; font-size:1.6rem;}
#item.newlayout #data { display:block; width:100%; margin:0; padding:0; font-size:1.4rem;}
#item.newlayout #data h3 { display:block; margin:10px 0 0; padding:10px 5px; border-top:#999999 1px solid; font-size:1.8rem; color:#333333;}
#item.newlayout #data .itemid { font-size:1.2rem;}
#item.newlayout #data #btn-ilc a { font-size:1.4rem;}
#item.newlayout #data #btn-iteminq a { font-size:1.4rem;}
}
@media all and (max-width:539px)
{
/*不要になる？ここから*/
#item.newlayout #recommendation > ul > li { width:32%; margin:0 2% 10px 0;}
#item.newlayout #recommendation > ul > li:nth-of-type(3n) { margin:0 0 10px;}
#item.newlayout #recommendation > ul > li:last-of-type { margin:0 0 10px;}
/*不要になる？ここまで*/
#item.newlayout #recommend-item > ul > li { width:32%; margin:0 2% 10px 0;}
#item.newlayout #recommend-item > ul > li:nth-of-type(3n) { margin:0 0 10px;}
#item.newlayout #recommend-item > ul > li:last-of-type { margin:0 0 10px;}
#item.newlayout #such-item > ul > li { width:32%; margin:0 2% 10px 0;}
#item.newlayout #such-item > ul > li:nth-of-type(3n) { margin:0 0 10px;}
#item.newlayout #such-item > ul > li:last-of-type { margin:0 0 10px;}
#item.newlayout #yours-item > ul > li { width:32%; margin:0 2% 10px 0;}
#item.newlayout #yours-item > ul > li:nth-of-type(3n) { margin:0 0 10px;}
#item.newlayout #yours-item > ul > li:last-of-type { margin:0 0 10px;}
#item.newlayout #checkitem ul { margin:0 10px;
flex-wrap:wrap;
gap:10px 2%;}
#item.newlayout #checkitem ul li { width:32%; margin:0;}
#item.newlayout #checkitem ul li:nth-of-type(9n) { margin:0;}
#item.newlayout #checkitem ul li:nth-of-type(3n) { margin:0;}
}

/*list.phpページ用*/
#ichiran {}
/*上部パーツ*/
/*#ichiran h2 { display:table; width:100%; height:100px; box-sizing:border-box; margin:0; padding:0 20px; text-align:left; font-size:20px; color:#FFFFFF; background:url(/img/title_bar.gif) no-repeat; background-size:cover;}
#ichiran h2 span { display:table-cell; vertical-align:middle;}*/
#ichiran h2 { display:table; width:100%; box-sizing:border-box; margin:0; padding:10px 0 5px; border-bottom:#333333 1px solid; text-align:center; font-size:20px; color:#333333;}
#ichiran h2 span { display:table-cell; vertical-align:middle;}
#ichiran #cate-cmt { width:auto; margin:5px 20px; padding:0; text-align:left; font-size:14px;}
#ichiran #cate-cmt img,
#ichiran #cate-cmt iframe { max-width:100% !important;}
#ichiran #listinfo { margin:0 0 10px; padding:10px 0 0 5px; /*border-top:1px solid #c2b4a9;*/}
#ichiran #listinfo .left { float:left; text-align:left;}
#ichiran #listinfo .right { float:right; text-align:right;}
#ichiran #listinfo .left p,
#ichiran #listinfo .right p { display:inline-block; vertical-align:middle; width:auto; height:30px; line-height:30px;}
#ichiran #listinfo .right ul.cnt_pager { display:inline-block; vertical-align:middle; margin:0 0 0 10px; padding:0; text-align:center; list-style:none; font-size:0;}
#ichiran #listinfo .right ul.cnt_pager li { display:inline-block; vertical-align:middle; margin:0 2px 0 0; padding:0;}
#ichiran #listinfo .right ul.cnt_pager li:last-of-type { margin:0;}
#ichiran #listinfo .right ul.cnt_pager li a { display:block; width:30px; height:30px; margin:0; padding:0; font-size:12px; color:#FFFFFF; line-height:30px; background-color:#333333;}
#ichiran #listinfo .right ul.cnt_pager li a:hover { text-decoration:none; opacity:0.7;}
#ichiran #listinfo .right ul.cnt_pager li.reader { width:auto; height:30px; font-size:8px; color:#333333; line-height:30px;}
#ichiran #listinfo .right ul.cnt_pager li.current { width:30px; height:30px; border:#333333 1px solid; font-size:12px; color:#333333; line-height:30px; background-color:#FFFFFF;}
#ichiran ul#serch-box { margin:0; padding:10px 0; border:#956632 1px solid; list-style:none; font-size:0;
background: #e3d3c4; /* Old browsers */
background: -moz-linear-gradient(top,  #e3d3c4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e3d3c4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e3d3c4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d3c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#ichiran ul#serch-box li { display:inline-block; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; font-size:14px;}
#ichiran ul#serch-box li:nth-of-type(1) { width:18%;}
#ichiran ul#serch-box li:nth-of-type(1) br { display:none;}
#ichiran ul#serch-box li:nth-of-type(2) { width:21%; border-left:#956632 1px solid;}
#ichiran ul#serch-box li:nth-of-type(3) { width:21%;}
#ichiran ul#serch-box li:nth-of-type(4) { width:40%;}
#ichiran ul#serch-box li select { width:auto; margin:0 5px;}
#ichiran #customer_report { margin:20px 0 0; text-align:left;}
#ichiran #customer_report h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#ichiran #customer_report p { margin:0 1.0em 20px; padding:0; text-align:left; font-size:14px;}
@media all and (max-width:1099px)
{
#ichiran ul#serch-box li:nth-of-type(1) { width:20.4%;}
#ichiran ul#serch-box li:nth-of-type(1) br { display:inline;}
#ichiran ul#serch-box li:nth-of-type(2) { width:22.4%;}
#ichiran ul#serch-box li:nth-of-type(3) { width:21.0%;}
#ichiran ul#serch-box li:nth-of-type(4) { width:35.3%;}
#ichiran ul#serch-box li select { display:block; margin:0 auto;}
}
/*@media all and (max-width:919px)
{
#ichiran ul#serch-box li { font-size:12px;}
#ichiran ul#serch-box li:nth-of-type(1) { width:14.3%;}
#ichiran ul#serch-box li:nth-of-type(2) { width:15.4%;}
#ichiran ul#serch-box li:nth-of-type(3) { width:14.0%;}
#ichiran ul#serch-box li:nth-of-type(4) { width:28.3%;}
#ichiran ul#serch-box li select { width:90%; font-size:12px;}
}*/
@media all and (max-width:839px)
{
#ichiran #listinfo .left p,
#ichiran #listinfo .right p { width:auto; height:auto; line-height:1.6;}
#ichiran #listinfo .right ul.cnt_pager { display:block; margin:5px 0 0;}
}
@media all and (max-width:719px)
{
#ichiran #cate-cmt { font-size:1.4rem;}
#ichiran #listinfo .left p,
#ichiran #listinfo .right p { height:30px; line-height:30px;}
#ichiran #listinfo .right ul.cnt_pager { display:inline-block; margin:0 0 0 10px;}
#ichiran #listinfo .right ul.cnt_pager li a { font-size:1.2rem;}
#ichiran #listinfo .right ul.cnt_pager li.reader { font-size:0.8rem;}
#ichiran #listinfo .right ul.cnt_pager li.current { font-size:1.2rem;}
#ichiran ul#serch-box { padding:5px 0;}
#ichiran ul#serch-box li { font-size:1.2rem;}
#ichiran ul#serch-box li:nth-of-type(1) { display:block; width:98%; margin:0 auto 3px; padding:0 0 2px; border-bottom:#956632 1px solid;}
#ichiran ul#serch-box li:nth-of-type(1) br { display:none;}
#ichiran ul#serch-box li:nth-of-type(2) { width:24.7%; border-left:none;}
#ichiran ul#serch-box li:nth-of-type(3) { width:27.7%;}
#ichiran ul#serch-box li:nth-of-type(4) { width:47.6%;}
#ichiran ul#serch-box li select { width:90%; padding:3px; font-size:1.2rem;}
#ichiran #customer_report h3 { font-size:1.6rem;}
#ichiran #customer_report p { font-size:1.4rem;}
}
@media all and (max-width:539px)
{
#ichiran #listinfo { position:relative;}
#ichiran #listinfo .left { position:absolute; top:10px; left:5px;}
#ichiran #listinfo .right { width:100%;}
#ichiran #listinfo .left p,
#ichiran #listinfo .right p { width:auto; height:auto; line-height:1.6;}
#ichiran #listinfo .right ul.cnt_pager { display:block; width:100%; margin:0;}
}
/*画像表示部*/
#ichiran {}
#ichiran ul.itemlist { width:auto; box-sizing:border-box; margin:0; padding:0; /*border-top:#956632 1px solid;*/ border-left:#956632 1px solid; text-align:left; font-size:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;
justify-content:left;}
#ichiran ul.itemlist > li { display:inline-block; vertical-align:top; width:20%; margin:0; padding:0; border-right:#956632 1px solid; border-bottom:#956632 1px solid;}
#ichiran ul.itemlist > li > ul { display:block; margin:0; padding:14px; list-style:none; text-align:center;}
#ichiran ul.itemlist > li > ul > li { display:block; width:100%; margin:0; padding:0; font-size:14px;}
#ichiran ul.itemlist > li > ul > li:nth-of-type(1) div { width:100%; height:auto; margin:0 auto;}
#ichiran ul.itemlist > li > ul > li:nth-of-type(1) div img { width:100%; height:auto;}
#ichiran ul.itemlist > li > ul > li.title { text-align:left;}
#ichiran ul.itemlist > li > ul > li.price { margin:5px 0 0; padding:2px 0 0; border-top:#956632 1px dotted;}
#ichiran ul.itemlist > li > ul > li > ul.icon { display:block; margin:2px 0 0; padding:0; list-style:none; text-align:left; font-size:0;}
#ichiran ul.itemlist > li > ul > li > ul.icon li { display:inline-block; vertical-align:middle; margin:0 2px 0 0; padding:0;}
#ichiran ul.itemlist > li > ul > li > ul.icon li img { margin:0; padding:0;}
#ichiran #pagerbox { margin:10px 0 0; text-align:right; font-size:14px;}
@media all and (max-width:1399px)
{
#ichiran ul.itemlist > li { width:25%;}
}
@media all and (max-width:919px)
{
#ichiran ul.itemlist > li { width:33.3%;}
#ichiran ul.itemlist > li:nth-of-type(3n) { width:33.4%;}
}
@media all and (max-width:719px)
{
#ichiran ul.itemlist > li { width:25%;}
#ichiran ul.itemlist > li:nth-of-type(3n) { width:25%;}
}
@media all and (max-width:579px)
{
#ichiran ul.itemlist > li { width:33.3%;}
#ichiran ul.itemlist > li:nth-of-type(3n) { width:33.4%;}
}
@media all and (max-width:419px)
{
#ichiran ul.itemlist > li { width:50%;}
#ichiran ul.itemlist > li:nth-of-type(3n) { width:50%;}
}
/*下部フォーム部*/
#ichiran #category { margin:0; padding:14px; border:#CCCCCC 1px solid;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#ichiran #category h3 { margin:0; padding:0 0 5px; border-bottom:#CCCCCC 1px solid; font-size:16px; font-weight:normal; color:#333333;}
#ichiran #category dl { margin:10px 0; font-size:14px; line-height:1.8;}
#ichiran #category dt { float:left; width:150px; margin:0 0 5px; padding:10px 0;}
#ichiran #category dt h4 { font-weight:normal;}
#ichiran #category dd { margin:0 0 5px; padding:10px 5px 9px; border-bottom:#CCCCCC 1px dotted; border-left:#F0F0F0 150px solid; text-align:left;}
#ichiran #category dd span { display:inline-block; margin:0 1.5em 0 0;}
#ichiran #category dd span:last-of-type { margin:0;}
#ichiran #category dd img { vertical-align:middle;}
#ichiran #category dd input[type=checkbox] { margin-right:3px;}
#ichiran #category dd select { width:auto !important; padding:3px !important;}
#ichiran #category dd select { width:auto !important; padding:3px !important;}
#ichiran #category dd ul#maincolor { margin:0; padding:0; list-style:none; font-size:0;}
#ichiran #category dd ul#maincolor li { display:inline-block; width:auto; margin:0 10px 5px 0; padding:0; font-size:14px;}
#ichiran #category dd ul#maincolor li:last-of-type { margin:0;}
#ichiran #category dd ul#maincolor li img { width:30px; height:18px; margin:0 2px;}
#ichiran #category input[type=submit] { display:inline-block !important; width:281px !important; height:40px !important; margin:0 0 0 20px !important; padding:0 !important; border:#154DBF 1px solid !important; color:#FFFFFF !important; font-size:16px; background-color:#154DBF !important;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#ichiran #category input[type=button] { display:inline-block !important; width:281px !important; height:40px !important; margin:0 0 0 20px !important; padding:0 !important; border:#999999 1px solid !important; color:#666666 !important; font-size:16px; background-color:#FFFFFF !important;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#ichiran input[type=submit]:hover,
#ichiran input[type=button]:hover { opacity:0.7;}
@media all and (max-width:939px)
{
#ichiran #category input[type=submit] { display:block !important; margin:0 auto 15px !important;}
#ichiran #category input[type=button] { display:block !important; margin:0 auto !important;}
}
@media all and (max-width:719px)
{
#ichiran #category h3 { font-size:1.6rem;}
#ichiran #category dl { font-size:1.4rem;}
}
@media all and (max-width:579px)
{
#ichiran #category dt { float:none; width:auto; margin:0 0 5px; padding:5px 0; background-color:#F0F0F0;}
#ichiran #category dd { margin:0 0 5px; padding:5px; border-bottom:none; border-left:none;}
}

/*ご決済や発送(ご購入までの流れ)ページ用*/
#order {}
#order h2 { display:table; width:100%; height:100px; box-sizing:border-box; margin:0; padding:0 20px; text-align:left; font-size:20px; color:#593351; background:url(/newparts/img/order/ba-title2.gif) no-repeat right bottom; background-size:cover;}
#order h2 span { display:table-cell; vertical-align:middle;}
#order #order-navi { margin:20px 5px 0; text-align:left;}
/*#order #order-navi span { display:inline-block;}*/
#order #order-navi span:before { display:inline; content:"｜";}
#order #order-navi span:last-of-type:after { display:inline; content:"｜";}
#order h3 { margin:30px 0 10px; padding:5px 5px 3px 5px; border-left:#DAA2DD 10px solid; text-align:left; font-size:18px; color:#524236; font-weight:normal; background-color:#E6DEDB;}
#order .subctr { margin:0 20px; padding:0; text-align:left; font-size:16px;}
#order .subctr p { margin:0.8em 0 0;}
#order .subctr p:first-of-type { margin:0;}
#order .subctr p span.bold-red { color:#C80000; font-weight:bold;}
#order .subctr p img { max-width:100%;}
#order .subctr p img.size45-300 { width:45%; max-width:300px;}
#order .subctr h4 { margin:20px 0 10px; border-bottom:#DAA2DD 2px solid; font-size:18px; font-weight:normal;}
#order .subctr h4:before { display:inline; content:"\025b6\0020"; color:#DAA2DD;}
#order .subctr ul.order-method { margin:20px 0 0; padding:0; list-style:none; font-size:0;}
#order .subctr ul.order-method li { display:inline-block; vertical-align:top; box-sizing:border-box;}
#order .subctr ul.order-method li:nth-of-type(1) { width:49%; margin:0 2% 0 0;}
#order .subctr ul.order-method li:nth-of-type(2) { width:49%; margin:0; padding:7px; border:#333333 3px double; font-size:16px;}
#order .subctr ul.order-method li:nth-of-type(1) p { min-height:26px; padding:0 0 0 30px; font-size:20px; font-weight:bold;}
#order .subctr ul.order-method li p.telbox { background:url(/images/slice_14.jpg) no-repeat left top; background-size:26px 26px;}
#order .subctr ul.order-method li p.telbox span { display:inline-block; vertical-align:middle; margin:0 0 0 5px; padding:2px 10px; font-size:12px; font-weight:normal; background-color:#F3E1F4;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#order .subctr ul.order-method li p.faxbox { background:url(/images/slice_21.jpg) no-repeat left top; background-size:26px 26px;}
#order .subctr ul.order-method li p.faxbox a { display:inline-block; vertical-align:middle; margin:0 0 0 5px; padding:2px 10px; font-size:14px; font-weight:normal; color:#FFFFFF; background-color:#86328A;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#order .subctr ul.order-method li p.mailbox { background:url(/images/slice_25.jpg) no-repeat left center; background-size:26px 26px;}
#order .subctr ul.order-method li:nth-of-type(2) p:nth-of-type(1) { text-align:center; font-weight:bold;}
#order .subctr ul.order-method li:nth-of-type(2) form{ text-align:center;}
#order .subctr ul.order-method li:nth-of-type(2) form input[type=image] { max-width:100%; margin:0 auto; text-align:center;}
#order .subctr ul.order-method li:nth-of-type(2) p:nth-of-type(3) { font-size:12px;}
#order .subctr dl {}
#order .subctr dl dt { margin:0 0 5px; padding:5px; border-bottom:#000000 1px dotted; color:#333333; background-color:#F2F2F2;}
#order .subctr dl dd { margin:0 0 15px; padding:0 0 0 1.0em;}
#order .subctr ul.notcancel { margin:0.8em 0 0; padding:0 0 0 1.5em;}
#order .subctr p.cancelcase { padding-left:1.0em; text-indent:-1.0em;}
#order .subctr p.cancelcase:before { display:inline; content:"●";}
#order .subctr p.carerequest { padding-left:1.0em; text-indent:-1.0em;}
#order .subctr p.carerequest:before { display:inline; content:"●";}
#order .subctr p.carerequest a { display:inline-block; vertical-align:middle; margin:0; padding:5px; text-indent:0; color:#FFFFFF; background-color:#86328A;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#order .subctr > p.faxbox { min-height:26px; padding:0 0 0 30px; font-size:20px; font-weight:bold; background:url(/images/slice_21.jpg) no-repeat left top; background-size:26px 26px;}
#order .subctr > p.faxbox a { display:inline-block; vertical-align:middle; margin:0 0 0 5px; padding:2px 10px; font-size:14px; font-weight:normal; color:#FFFFFF; background-color:#86328A;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#order .subctr > p.mailbox { min-height:26px; padding:0 0 0 30px; font-size:20px; font-weight:bold; background:url(/images/slice_25.jpg) no-repeat left center; background-size:26px 26px;}
@media all and (max-width:949px)
{
#order .subctr ul.order-method li { display:block; vertical-align:top; box-sizing:border-box;}
#order .subctr ul.order-method li:nth-of-type(1) { width:100%; margin:0 0 15px;}
#order .subctr ul.order-method li:nth-of-type(2) { width:100%;}
}
@media all and (max-width:719px)
{
#order h2 { font-size:2.0rem;}
#order h3 { font-size:1.6rem;}
#order .subctr { margin:0 10px; font-size:1.4rem;}
#order .subctr h4 { font-size:1.6rem;}
#order .subctr ul.order-method li:nth-of-type(2) { font-size:1.4rem;}
#order .subctr ul.order-method li:nth-of-type(1) p { font-size:1.8rem;}
#order .subctr ul.order-method li p.telbox span { font-size:1.1rem;}
#order .subctr ul.order-method li p.faxbox a { font-size:1.4rem;}
#order .subctr ul.order-method li:nth-of-type(2) p:nth-of-type(3) { font-size:1.1rem;}
#order .subctr > p.faxbox { font-size:1.8rem;}
#order .subctr > p.faxbox a { font-size:1.4rem;}
#order .subctr > p.mailbox { font-size:1.8rem;}
}

/*cart.phpページ用*/
#cart {}
#cart h2 { display:table; width:100%; box-sizing:border-box; margin:0; padding:10px 0 5px; border-bottom:#333333 1px solid; text-align:center; font-size:20px; color:#333333;}
#cart h2 span { display:table-cell; vertical-align:middle;}
#cart #cartflow { width:100%; margin:10px auto; padding:0 0 10px; border-bottom:#333333 1px solid; font-size:0;}
#cart #cartflow p { display:inline-block; vertical-align:middle; margin:0; padding:0; text-align:center; font-size:14px; color:#CCCCCC;}
#cart #cartflow p:nth-of-type(2n) { margin:0 1.0em; color:#333333;}
#cart #cartflow p.applicable { color:#333333;}
#cart #cartflow p br { display:none;}
#cart #cartinfo { margin:0; padding:0;}
#cart #cartinfo #thankbox { display:inline-block; margin:0 auto; padding:19px; border:#CCCCCC 1px solid; font-size:16px;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#cart #cartinfo #thankbox p:nth-of-type(1) { margin:0 auto 5px; text-align:center;}
#cart #cartinfo #thankbox p:nth-of-type(2) { margin:10px auto 0; text-align:center; font-weight:bold;}
#cart #cartinfo #thankbox span { display:inline-block; margin-left:1.5em;}
#cart #cartinfo #recommendation { margin:20px 0 0; text-align:left;}
#cart #cartinfo #recommendation h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#cart #cartinfo #recommendation > ul { margin:0 10px; padding:0; list-style:none; font-size:0; overflow:hidden;}
#cart #cartinfo #recommendation > ul > li { display:inline-block; vertical-align:top; width:19%; margin:0 1% 0 0;}
#cart #cartinfo #recommendation > ul > li:last-of-type { margin:0;}
#cart #cartinfo #recommendation > ul > li > ul { width:100%; list-style:none;}
#cart #cartinfo #recommendation > ul > li > ul > li.photo,
#cart #cartinfo #recommendation > ul > li > ul > li.photo div,
#cart #cartinfo #recommendation > ul > li > ul > li.photo div img { width:100% !important; height:auto !important;}
#cart #cartinfo #recommendation > ul > li > ul > li.title,
#cart #cartinfo #recommendation > ul > li > ul > li.price { width:100% !important; height:auto !important; font-size:12px;}
#cart #cartinfo #recommendation > ul > li > ul > li > ul.icon { width:100% !important; height:auto !important; font-size:0;}
#cart #cartinfo #recommendation > ul > li > ul > li > ul.icon > li { display:inline-block; vertical-align:top; margin:0 0 0 2px;}
#cart #cartinfo #recommendation .prev {}
#cart #cartinfo #recommendation .next {}
#cart #cartinfo #checkitem { margin:20px 0 0; text-align:left;}
#cart #cartinfo #checkitem h3 { margin:0 0 10px; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#853866;}
#cart #cartinfo #checkitem ul { margin:0 10px; padding:0; list-style:none; overflow:hidden; font-size:0;}
#cart #cartinfo #checkitem ul li { display:inline-block; vertical-align:middle; width:10.2%; margin:0 1% 5px 0;}
#cart #cartinfo #checkitem ul li:nth-of-type(9n) { margin:0 0 5px;}
#cart #cartinfo #checkitem ul li div,
#cart #cartinfo #checkitem ul li div img { width:100% !important; height:auto !important;} 
#cart #cartinfo #checkitem ul li div a:hover img { opacity:0.7;} 
@media all and (max-width:719px)
{
#cart h2 { font-size:2.0rem;}
#cart #cartflow p { font-size:1.2rem;}
#cart #cartinfo p#inputinfo { font-size:1.2rem;}
#cart #cartinfo #thankbox { padding:14px; text-align:left; font-size:1.4rem;}
#cart #cartinfo #thankbox br { display:none;}
#cart #cartinfo #thankbox p:nth-of-type(1) { margin:0 0 3px; text-align:left;}
#cart #cartinfo #thankbox p:nth-of-type(2) { margin:5px auto 0;}
#cart #cartinfo #thankbox span { display:block; margin-left:0;}
#cart #cartinfo #recommendation h3 { font-size:1.6rem;}
#cart #cartinfo #recommendation > ul > li > ul > li.price { font-size:1.2rem;}
#cart #cartinfo #checkitem h3 { font-size:1.6rem;}
}
@media all and (max-width:479px)
{
#cart #cartflow p br { display:inline;}
#cart #cartinfo #checkitem ul li { width:32%; margin:0 2% 5px 0;}
#cart #cartinfo #checkitem ul li:nth-of-type(9n) { margin:0 2% 5px 0;}
#cart #cartinfo #checkitem ul li:nth-of-type(3n) { margin:0 0 5px;}
}
/*User_CartItem.phpページ用*/
/*各phpページ共通表示用*/
.itemempty { margin:50px 0; font-size:16px; color:#FF0000;}
.itemempty p { margin:0 auto 10px; font-size:18px;}
@media all and (max-width:719px)
{
.itemempty { font-size:1.6rem;}
.itemempty p { font-size:1.8rem;}
}
/*User_CartItem.phpページ用*/
/*cart.phpページ表示用*/
#purchaselist { margin:10px 0 40px; padding:0;}
#purchaselist p#insideinfo { margin:0 auto 15px; padding:0; font-size:16px;}
#purchaselist ul { width:100%; margin:0; padding:0; border-right:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-justify-content: center;
justify-content: center;}
/*#purchaselist ul:last-of-type { border-bottom:#CCCCCC 1px solid;}*/
#purchaselist ul li { display:inline-block; vertical-align:top; margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:16px;
display:-webkit-box;
display:-ms-flexbox;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
#purchaselist ul:nth-of-type(1) li { padding:10px 0; background-color:#F5F5F5;}
#purchaselist ul li:nth-of-type(1) { width:100%; padding:10px; box-sizing:border-box;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;}
#purchaselist ul li:nth-of-type(1) img { flex-shrink:0; vertical-align:middle; width:80px; margin:0;}
#purchaselist ul li:nth-of-type(1) p.imgempty { width:80px !important; height:106px; box-sizing:border-box; margin:0; padding:40px 0 0; background-color:#EFEFEF;}
#purchaselist ul li:nth-of-type(1) p.itemname { vertical-align:middle; width:100%; margin:0; padding-left:10px; text-align:left;}
#purchaselist ul li:nth-of-type(1) p.itemname a { display:block; width:auto; box-sizing:border-box; color:#666666;}
#purchaselist ul li:nth-of-type(1) p.itemname a:hover { text-decoration:none; opacity:0.7;}
#purchaselist ul li:nth-of-type(1) p.itemname span { display:block;}
#purchaselist ul li:nth-of-type(1) p.itemname span br:last-of-type { display:none;}
#purchaselist ul li:nth-of-type(2) { flex-shrink:0; width:50px;}
#purchaselist ul li:nth-of-type(2) div { width:50px;}
#purchaselist ul li:nth-of-type(2) div p:nth-of-type(1) { margin:0 auto 10px;}
#purchaselist ul li:nth-of-type(3) { flex-shrink:0; width:120px;}
#purchaselist ul li:nth-of-type(3) div { width:120px;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(1) { margin:0 5px; padding:0 0 5px;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(2) { margin:0 10px; padding:0 0 2px; border:#EFEFEF 1px solid; font-size:12px; color:#777777;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(2) span { display:block; margin:0 auto 2px; padding:2px 0; background-color:#EFEFEF;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(3) { margin:5px 5px 0;}
#purchaselist #totalbox { margin:0; padding:15px 10px; border:#CCCCCC 1px solid; text-align:right; background-color:#F5F5F5;}
#purchaselist #totalbox #totalall { font-size:16px;}
#purchaselist #totalbox #totalall span { font-size:20px; font-weight:bold;}
#purchaselist #cartinfo { margin:20px 0; text-align:left; font-size:14px;}
#purchaselist #cartbtn01 { text-align:center;}
#purchaselist #cartbtn01 form input[type=image] { display:inline-block; width:281px; height:auto; margin:0; padding:0;}
#purchaselist #cartbtn01 form input[type=button] { display:inline-block !important; width:281px !important; height:40px !important; margin:0 0 0 20px !important; padding:0 !important; border:#999999 1px solid !important; color:#666666 !important; font-size:16px;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#purchaselist #cartbtn01 form input[type=image]:hover,
#purchaselist #cartbtn01 form input[type=button]:hover { opacity:0.7;}
@media all and (max-width:899px)
{
#purchaselist ul li { font-size:14px;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(2) { font-size:11px;}
#purchaselist #cartbtn01 form input[type=image] { display:block; margin:0 auto 15px;}
#purchaselist #cartbtn01 form input[type=button] { display:block !important; margin:0 auto !important;}
}
@media all and (max-width:719px)
{
#purchaselist p#insideinfo { font-size:1.4rem;}
#purchaselist ul li { font-size:1.4rem;}
#purchaselist ul li:nth-of-type(3) div p:nth-of-type(2) { font-size:1.2rem;}
#purchaselist #totalbox #totalall { font-size:1.6rem;}
#purchaselist #totalbox #totalall span { font-size:2.0rem;}
#purchaselist #cartinfo { font-size:1.4rem;}
}
@media all and (max-width:479px)
{
#purchaselist ul li:nth-of-type(1) { display:block; text-align:center;}
#purchaselist ul li:nth-of-type(1) img { display:block; margin:0 auto;}
#purchaselist ul li:nth-of-type(1) p.itemname { margin:5px 0 0; padding-left:0; text-align:center;}
#purchaselist ul li:nth-of-type(1) p.itemname a { display:inline-block; margin:0 auto; text-align:left;}
#purchaselist ul li:nth-of-type(1) p.itemname span { display:inline-block; text-align:left; font-size:1.4rem;}
}
/*User_CartItem.phpページ用*/
/*cart3.phpページ表示用*/
#procedure { margin:10px 0 40px; padding:0;}
#procedure p#inputinfo { display:inline-block; margin:0 auto; padding:0; text-align:left !important; font-size:14px;}
#procedure #memberinbox { margin:40px 0 0;}
#procedure #memberinbox h3 { margin:0 0 10px; font-size:16px; color:#666666;}
#procedure #memberinbox ul { display:inline-block; margin:0; padding:9px; border:#CCCCCC 1px solid; list-style:none; font-size:0;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#procedure #memberinbox ul li { margin:0; padding:0; list-style:none; font-size:14px;}
#procedure #memberinbox ul li:nth-of-type(1) { display:block; margin:0 0 5px; text-align:center;}
#procedure #memberinbox ul li:nth-of-type(2) { display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
#procedure #memberinbox ul li:nth-of-type(3) { display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#procedure #memberinbox ul li:nth-of-type(4) { display:inline-block; vertical-align:middle; margin:0 10px 0 0; font-size:12px;}
#procedure #memberinbox ul li:nth-of-type(5) { display:inline-block; vertical-align:middle; text-align:center;}
#procedure #memberinbox ul li:nth-of-type(6) { display:block; margin:5px 0 0; text-align:center;}
#procedure #memberinbox ul li:nth-of-type(2) p,
#procedure #memberinbox ul li:nth-of-type(3) p { display:inline-block; vertical-align:middle; margin:0 5px 0 0; padding:7px; text-align:center; background-color:#EFEFEF;}
#procedure #memberinbox ul li:nth-of-type(2) input[type=text] { width:200px;}
#procedure #memberinbox ul li:nth-of-type(3) input[type=password] { width:80px;}
#procedure #inputformbox { margin:40px 0 0; padding:0;}
#procedure #inputformbox dl { margin:10px 0; font-size:14px; line-height:1.8; color:#333333;}
#procedure #inputformbox dl h3 { margin:0 0 10px; font-size:16px; color:#666666;}
#procedure #inputformbox dl h4 { margin:0 0 5px; padding:5px 10px; text-align:left; font-size:16px; background-color:#EAEAEA;}
#procedure #inputformbox dl dt { float:left; width:160px; margin:0 0 5px; padding:10px 0 0; font-size:12px; font-weight:bold;}
#procedure #inputformbox dl dt span { display:inline-block; margin:0 0 0 0.5em; padding:0 2px; font-size:10px; font-weight:normal; color:#FFFFFF; background-color:#FF0000;}
#procedure #inputformbox dl dd { min-height:40px !important; margin:0 0 5px; padding:10px 5px 9px 10px; border-bottom:#CCCCCC 1px dotted; border-left:#F0F0F0 160px solid; text-align:left; font-size:14px;}
#procedure #inputformbox .textred { color:#FF0000;}
#procedure #inputformbox .textblue { color:#0066FF;}
#procedure #inputformbox dl h4 span.textred { display:inline-block; margin:0 0 0 1.0em; font-size:14px; font-weight:normal;}
#procedure #inputformbox dl dd span.textred,
#procedure #inputformbox dl dd span.textblue { display:inline-block; margin:0 0 0 1.0em; font-size:12px;}
#procedure #inputformbox dl dd strong.textred { display:block; margin:0;}
#procedure #inputformbox dl dd input[type=text] { width:100% !important;}
#procedure #inputformbox dl dd input[type=text].type01 { max-width:100px;}
#procedure #inputformbox dl dd input[type=text].type02 { max-width:200px;}
#procedure #inputformbox dl dd input[type=text].type03 { max-width:300px;}
#procedure #inputformbox dl dd input[type=text].type04 { max-width:400px;}
#procedure #inputformbox dl dd input[type=text].type05 { max-width:500px;}
#procedure #inputformbox dl dd input[type=text].type06 { max-width:600px;}
#procedure #inputformbox dl dd textarea { width:100% !important;}
#procedure #inputformbox dl dd select { width:auto !important; padding:3px !important;}
#procedure #inputformbox dl dd input[type=checkbox] { margin-right:3px;}
#procedure #inputformbox input[type=button] { display:inline-block !important; width:281px !important; height:40px !important; margin:10px 10px 0 !important; padding:0 !important; border:#999999 1px solid !important; color:#666666 !important; font-size:16px;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#procedure #inputformbox input[type=submit] { display:block !important; width:281px !important; height:40px !important; margin:10px auto 0 !important; padding:0 !important; border:#FF0000 1px solid !important; color:#FFFFFF !important; font-size:16px; background-color:#FF0000 !important;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#procedure #inputformbox input[type=button]:hover,
#procedure #inputformbox input[type=submit]:hover { opacity:0.7;}
#procedure #inputformbox dl dd p.payinfo { display:inline-block; margin:0 auto 5px; padding:9px; border:#CCCCCC 1px solid;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#procedure #inputformbox dl dd p.payinfo span { display:block; margin:0 0 0 1.5em;}
#procedure #inputformbox dl dd p.paymethod { margin:5px 0 0; line-height:2.0;}
#procedure #inputformbox dl dd p.paymethod span { display:inline-block; margin:0 0 0 1.0em;}
#procedure #inputformbox dl dd iframe { width:95%; height:72px; margin:5px 0 0 1.0em;}
#procedure #inputformbox dl dd p.errorinfo { display:inline-block; margin:0 0 0 0.5em; padding:2px 5px; font-size:12px; color:#FFFFFF; background-color:#FF0000;}
@media all and (max-width:959px)
{
#procedure #inputformbox dl dd iframe { height:95px;}
}
@media all and (max-width:839px)
{
#procedure #inputformbox dl dd iframe { height:118px;}
}
@media all and (max-width:719px)
{
#procedure p#inputinfo { font-size:1.2rem;}
#procedure #memberinbox ul { text-align:left;}
#procedure #memberinbox ul li { font-size:1.2rem;}
#procedure #memberinbox ul li:nth-of-type(2) { display:block; margin:0 0 5px;}
#procedure #memberinbox ul li:nth-of-type(3) { margin:0 5px 5px 0;}
#procedure #memberinbox ul li:nth-of-type(4) { margin:0 0 5px;}
#procedure #memberinbox ul li:nth-of-type(5) { display:block;}
#procedure #memberinbox ul li:nth-of-type(2) input[type=text] { width:180px;}
#procedure #memberinbox ul li:nth-of-type(3) input[type=password] { width:70px; font-size:1.2rem;}
#procedure #memberinbox ul li:nth-of-type(2) p,
#procedure #memberinbox ul li:nth-of-type(3) p { width:98px;}
#procedure #inputformbox dl { font-size:1.4rem;}
#procedure #inputformbox dl dd iframe { height:72px;}
}
@media all and (max-width:679px)
{
#procedure #inputformbox dl dd iframe { height:95px;}
}
@media all and (max-width:579px)
{
#procedure #inputformbox dl dt { float:none; width:auto; margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F0F0F0;}
#procedure #inputformbox dl dt br { display:none;}
#procedure #inputformbox dl dd { margin:0 0 5px; padding:5px 5px 5px 10px; border-bottom:none; border-left:none;}
}
@media all and (max-width:399px)
{
#procedure #inputformbox dl dd iframe { height:141px;}
}
/*User_CartItem.phpページ用*/
/*cart4.phpページ表示用*/
#purchaselist > h3 { margin:20px 0 10px; font-size:16px;}
#procedure #inputformbox.verifibox dl dd { min-height:40px !important;}
#procedure #inputformbox.verifibox dl dd.line02 { min-height:60px !important;}
#procedure #inputformbox.verifibox dl dd.line03 { min-height:80px !important;}
@media all and (max-width:579px)
{
#procedure #inputformbox.verifibox dl dd,
#procedure #inputformbox.verifibox dl dd.line02,
#procedure #inputformbox.verifibox dl dd.line03 { min-height:20px !important;}
}
/*User_CartItem.phpページ用*/
/*cart5.phpページ表示用*/
#purchase-comp {}
#purchase-comp > p { display:inline-block; margin:50px auto; padding:0; text-align:center; font-size:16px;}
#purchase-comp > p span { display:inline-block;}
#purchase-comp > p.completemsg { color:#188000;}
#purchase-comp > p.errormsg { color:#FF0000;}
@media all and (max-width:719px)
{
#purchase-comp > p { margin:30px auto 50px; padding:0 10px; text-align:left; font-size:1.6rem;}
#purchase-comp > p span { display:block;}
}

/*アクセスページ用*/
#access {}
#access ul#maininfo { margin:0 0 40px; padding:0; list-style:none; font-size:0;}
#access ul#maininfo li { display:inline-block; vertical-align:top; height:238px;}
#access ul#maininfo li img { width:100%; height:auto;}
#access ul#maininfo li:nth-of-type(1) { width:467px; border-bottom:#BA8857 2px solid;}
#access ul#maininfo li:nth-of-type(1) p { display:inline-block; margin:8px auto 0; padding:0; text-align:left; font-size:18px; color:#666666;}
#access ul#maininfo li:nth-of-type(2) { width:235px;}
@media all and (max-width:1023px)
{
#access ul#maininfo li { display:block; height:auto;}
#access ul#maininfo li:nth-of-type(1) { width:100%; max-width:467px; margin:0 auto 10px;}
#access ul#maininfo li:nth-of-type(1) p { margin:8px auto;}
#access ul#maininfo li:nth-of-type(2) { width:100%; max-width:235px; margin:0 auto;}
}
@media all and (max-width:419px)
{
#access ul#maininfo li:nth-of-type(1) p { font-size:1.6rem;}
}
#access .adr-method { font-size:0;
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;}
#access .adr-method div { display:inline-block; vertical-align:top; box-sizing:border-box; width:48.5%; margin-bottom:3%;}
#access .adr-method div:nth-of-type(1), #access .adr-method div:nth-of-type(3) { margin-right:3%;} 
#access .adr-method div, #access .mp-box { padding:2%; border:#EEE0B5 2px solid; text-align:left; font-size:16px; background-color:#FDFBF0;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#access .adr-method div h3, #access .mp-box h3, #access .root-directions h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; font-size:18px; background-color:#EEE0B5;}
#access .adr-method div p { margin:0 0 5px; padding:0 0 0 5px; border-bottom:#666666 1px dotted;}
#access .adr-method div p.ctn { padding-left:1.5em; border-bottom:none; font-size:14px; text-indent: -1em;}
#access .adr-method div p.ctn:before { display: inline; content: "※";}
#access .mp-box {  margin-bottom:3%;}
#access .mp-box p { width:100%; max-width:685px; margin:0 auto 15px;}
#access .mp-box p img { width:100%; height:auto;}
#access .mp-box iframe { width:100%; height:50vh;}
#access .root-directions { font-size:0;
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;}
#access .root-directions h3 span { /*display:block;*/ font-weight:normal; font-size:14px;}
#access .root-directions h3 p { padding:5px; font-weight:normal; font-size:14px; background-color:#FFFFFF;}
#access .root-directions div { display:inline-block; vertical-align:top; box-sizing:border-box; width:32%; margin:0 0 2% 0; padding:2%; border:#CCCCCC 2px solid; background-color:#FFFFFF;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#access .root-directions div img { width:100%; max-width:220px; margin-bottom:10px;}
#access .root-directions > p { box-sizing:border-box; width:2%; font-size:0; background:url(../img/z-41115map/acc-arrow.gif) center center no-repeat; background-size:contain;}
#access .root-directions > p:nth-of-type(3n) { display:none;}
#access .root-directions div span { display:block; text-align:left; font-size:14px;}
@media all and (max-width:1279px)
{
#access .adr-method  { display:block; flex-wrap:none;}
#access .adr-method div { display:block;width:auto; margin-bottom:3%;}
#access .adr-method div:nth-of-type(1), #access .adr-method div:nth-of-type(3) { margin-right:0;} 
}
@media all and (max-width:719px)
{
#access .adr-method div, #access .mp-box { font-size:1.4rem;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#access .adr-method div h3, #access .mp-box h3, #access .root-directions h3 { font-size:1.6rem;}
#access .adr-method div p.ctn { font-size:1.2rem;}
#access .root-directions { display:block; flex-wrap:none;}
#access .root-directions h3 span { font-size:1.2rem;}
#access .root-directions h3 p { text-align:left; font-size:1.2rem;}
#access .root-directions div { display:block; width:auto;}
#access .root-directions div:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
#access .root-directions div { 
    min-height: 1px; /*IE6、7対策*/ 
} 
* #access .root-directions div { 
    height: 1px; 
    /*\*//*/ /*MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
}
#access .root-directions div img { float:left; width:40%; margin:0 10px 0 0;}
#access .root-directions > p { width:100%; height:15px; transform:rotate(90deg);}
#access .root-directions > p:nth-of-type(3n) { display:block;}
}

/*お選びサービス用*/
/*帯締め・帯揚げページ用*/
#obiage-obijime {}
#obiage-obijime .maininfo { color:#333333;}
#obiage-obijime .maininfo img { display:block; width:100%; height:auto;}
#obiage-obijime .maininfo h2 { margin:15px auto 10px; text-align:center; font-size:28px;}
#obiage-obijime .maininfo p { margin:0 auto 15px; font-size:18px;}
#obiage-obijime .youtubebox { margin:20px 0 0;}
#obiage-obijime .youtubebox div { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
#obiage-obijime .youtubebox div iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#obiage-obijime #aj-box { margin:0 15px;}
#obiage-obijime #aj-box h3 { display:table; width:100%; box-sizing:border-box; margin:40px auto 10px; padding:10px 5px 5px 10px; border-bottom:#333333 1px solid; text-align:left; font-size:20px; color:#333333;}
#obiage-obijime #aj-box ul.nummark { margin:0 10px; padding:0; list-style:none; text-align:left;}
#obiage-obijime #aj-box ul.nummark li { margin:0 0 0.5em; padding:0 0 0 1.0em; text-indent:-1.0em; font-size:16px;}
#obiage-obijime #aj-box ul.nummark li:before { display:inline;}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(1):before { content:"①";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(2):before { content:"②";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(3):before { content:"③";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(4):before { content:"④";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(5):before { content:"⑤";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(6):before { content:"⑥";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(7):before { content:"⑦";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(8):before { content:"⑧";}
#obiage-obijime #aj-box ul.nummark li:nth-of-type(9):before { content:"⑨";}
#obiage-obijime #aj-box ul.nummark li .detail { margin:0; padding:9px; border:#999999 1px solid; text-indent:0;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#obiage-obijime #aj-box ul.nummark li .detail p { margin:0.25em 0; padding:0.5em 0.5em 0.5em 1.5em; text-indent:-1.0em; background-color:#FFFCCE;}
#obiage-obijime #aj-box ul.nummark li .detail p:before { display:inline; content:"⇒";}
#obiage-obijime #aj-box .imgbox01 { width:100%; margin:20px 0 0;}
#obiage-obijime #aj-box .imgbox01 img { width:100%;}
#obiage-obijime #aj-box .imgbox02 { float:right; width:32%; margin:0 0 0 0.5%; padding:0}
#obiage-obijime #aj-box .imgbox02 img { width:100%;}
#obiage-obijime #aj-box .imgbox03 { text-indent:0; width:60%; max-width:440px; margin:0; padding:0}
#obiage-obijime #aj-box .imgbox03 img { width:100%;}
#obiage-obijime #aj-box .pricemark { font-size:18px; font-weight:bold;}
#obiage-obijime #aj-box .pricemark p { display:inline-block; margin:0 1.0em; padding:0; color:#960033;}
#obiage-obijime #aj-box .pricemark p > span { font-size:24px;}
#obiage-obijime #aj-box .pricemark form { display:inline-block; vertical-align:top;}
#obiage-obijime #aj-box ul.caselist { width:auto; margin:0 10px; padding:0; font-size:0;}
#obiage-obijime #aj-box ul.caselist li { display:inline-block; vertical-align:top; width:48%; margin:0 0 20px; box-sizing:border-box;}
#obiage-obijime #aj-box ul.caselist li:nth-of-type(2n) { margin-left:4%;}
#obiage-obijime #aj-box ul.caselist li a { display:block; padding:9px; border-top:#E8E8E8 1px solid; border-right:#C2C2C2 5px solid; border-bottom:#848484 5px solid; border-left:#D5D5D5 1px solid; font-size:14px; color:#333333;}
#obiage-obijime #aj-box ul.caselist li a:hover { text-decoration:none; background-color:#FFFEDF; opacity:0.8;}
#obiage-obijime #aj-box ul.caselist li a:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
#obiage-obijime #aj-box ul.caselist li a img:first-of-type { float:left; margin:0 10px 0 0;}
#obiage-obijime #aj-box ul.caselist li a p.namebox { margin:0 0 5px; border-bottom:#666666 1px dotted; text-align:left; font-size:14px; font-weight:bold;}
#obiage-obijime #aj-box ul.caselist li a p.namebox span { font-size:18px;}
#obiage-obijime #aj-box ul.caselist li a p.comment { text-align:left; font-size:14px;}
#obiage-obijime #aj-box .cs-form { margin:0 10px;}
#obiage-obijime #aj-box .cs-form > p { font-size:16px; color:#8B3A3A;}
#obiage-obijime #aj-box .cs-form dl { margin:20px 0 0; font-size:16px;}
#obiage-obijime #aj-box .cs-form dl dt { margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F3F3F3;}
#obiage-obijime #aj-box .cs-form dl dt span { display:inline-block; margin:0 3px; padding:1px 3px; font-size:10px; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:2px;    /* 古いFirefox */
-webkit-border-radius:2px; /* 古いSafari,Chrome */
border-radius:2px;         /* CSS3 */}
#obiage-obijime #aj-box .cs-form dl dd { margin:0 0 10px; padding:0 10px; text-align:left;}
#obiage-obijime #aj-box .cs-form dl dd input[type=text] { width:95% !important;}
#obiage-obijime #aj-box .cs-form dl dd input[type=text].ftb-s { max-width:75px !important;}
#obiage-obijime #aj-box .cs-form dl dd input[type=text].ftb-m { max-width:200px !important;}
#obiage-obijime #aj-box .cs-form dl dd input[type=text].ftb-l { max-width:300px !important;}
#obiage-obijime #aj-box .cs-form dl dd select { width:auto !important;}
#obiage-obijime #aj-box .cs-form dl dd textarea { width:95% !important;}
#obiage-obijime #aj-box .cs-form dl dd input[type=file] { margin-top:5px !important;}
#obiage-obijime #aj-box .cs-form dl > p { text-align:center;}
#obiage-obijime #aj-box .cs-form dl > p input[type=submit] { margin:0 3.0em 0 0; padding-right:1.0em !important; padding-left:1.0em !important; font-size:16px !important;}
#obiage-obijime #aj-box .cs-form dl > p input[type=reset] { font-size:14px !important;}
@media all and (max-width:959px)
{
#obiage-obijime #aj-box ul.caselist li { width:100%;}
#obiage-obijime #aj-box ul.caselist li:nth-of-type(2n) { margin-left:0;}
}
@media all and (max-width:719px)
{
#obiage-obijime .maininfo h2 { font-size:2.4rem;}
#obiage-obijime .maininfo p { font-size:1.6rem;}
#obiage-obijime #aj-box { margin:0 5px;}
#obiage-obijime #aj-box h3 { font-size:1.8rem;}
#obiage-obijime #aj-box ul.nummark li { font-size:1.4rem;}
#obiage-obijime #aj-box ul.caselist li a { padding:4px; font-size:1.4rem;}
#obiage-obijime #aj-box ul.caselist li a p.namebox { font-size:1.4rem;}
#obiage-obijime #aj-box ul.caselist li a p.namebox span { font-size:1.6rem;}
#obiage-obijime #aj-box ul.caselist li a p.comment { font-size:1.4rem;}
#obiage-obijime #aj-box .cs-form { margin:0 5px;}
#obiage-obijime #aj-box .cs-form > p { font-size:1.4rem; text-align:left;}
#obiage-obijime #aj-box .cs-form dl { font-size:1.4rem;}
#obiage-obijime #aj-box .cs-form dl > p input[type=submit] { font-size:1.6rem !important;}
#obiage-obijime #aj-box .cs-form dl > p input[type=reset] { font-size:1.4rem !important;}
}
/*20220408追加*/
#obiage-obijime #aj-box #qa-area dl { text-align:left; font-size:16px;}
#obiage-obijime #aj-box #qa-area dl div { margin:0 0 20px; padding:14px; border:#999999 1px solid; /*box-shadow:0 0 5px rgba(0,0,0,0.3);*/
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#obiage-obijime #aj-box #qa-area dl dt { margin:0 0 10px; padding:0 0 10px 1.7em; text-indent:-1.7em; border-bottom:#999999 1px dotted;}
#obiage-obijime #aj-box #qa-area dl dt:before { display:inline; font-weight:bold; color:#006699; content:"Ｑ.\0020";}
#obiage-obijime #aj-box #qa-area dl dd { margin:0; padding:0 0 0 1.7em; text-indent:-1.7em;}
#obiage-obijime #aj-box #qa-area dl dd:before { display:inline; font-weight:bold; color:#FF3300; content:"Ａ.\0020";}
@media all and (max-width:719px)
{
#obiage-obijime #aj-box #qa-area dl { font-size:1.4rem;}
}
/*20231006追加*/
#obiage-obijime #aj-box .pricemark .cc_payment { margin:10px 0 0;}
#obiage-obijime #aj-box .pricemark .cc_payment a { display:inline-block; margin:0; padding:5px 20px; color:#FFFFFF; background-color:#FF0000;
moz-border-radius: 30px;    /* 古いFirefox */
-webkit-border-radius: 30px; /* 古いSafari,Chrome */
border-radius: 30px;         /* CSS3 */}
#obiage-obijime #aj-box .pricemark .cc_payment a:hover { text-decoration:none; opacity:0.7;}
#obiage-obijime #aj-box .pricemark .cc_payment a img { width:40px; height:auto; vertical-align:middle; margin:0 5px 0 0;}
#obiage-obijime #aj-box .pricemark .bk_payment { margin:15px 0 0; font-weight:normal; color:#007DDB;}
#obiage-obijime #aj-box .pricemark .bk_payment div { display:inline-block; margin:0 auto; padding:13px; border:#007DDB 2px solid; color:#333333; background-color:#EDFAFE;
moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#obiage-obijime #aj-box .pricemark .bk_payment div p { margin:0; color:#333333;}
@media all and (max-width:719px)
{
#obiage-obijime #aj-box .pricemark .cc_payment a { padding:10px 15px;}
#obiage-obijime #aj-box .pricemark .cc_payment a,
#obiage-obijime #aj-box .pricemark .bk_payment { font-size:1.6rem;}
}


/*着物を楽しむコーディネートサロンページ用*/
#coorde-salon {}
#coorde-salon h2 { margin:30px auto 10px; text-align:center; font-size:28px; color:#333333;}
#coorde-salon h2 span { display:inline-block;}
#coorde-salon #aj-box { margin:0 15px; color:#333333;}
#coorde-salon #aj-box img.img01 { float:left; display:block; width:55%; margin:0 1.0em 0.5em 0;}
#coorde-salon #aj-box img.img02 { float:right; display:block; width:40%; margin:0 0 0.5em 1.0em;}
#coorde-salon #aj-box img.img03 { float:left; display:block; width:45%; max-width:180px; margin:0 1.0em 0.5em 0;}
#coorde-salon #aj-box div > p { margin:1.0em 0 0; text-align:left; font-size:16px;}
#coorde-salon #aj-box div.secondsec > p { font-size:14px;}
#coorde-salon #aj-box div > p.place-add { display:inline-block; padding:14px; border:#999999 1px solid;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#coorde-salon #aj-box div > p.place-add > span { display:block; margin:0; font-size:14px;}
#coorde-salon #aj-box div > p.place-add > span > span { display:inline-block;}
#coorde-salon #aj-box div > p a { display:inline-block; vertical-align:middle; margin:0; padding:3px 5px; color:#524367; background-color:#EAE7EF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#coorde-salon #aj-box div > p a:before { display:inline; content:"\025b6";}
#coorde-salon #aj-box div > p a:hover { text-decoration:none; opacity:0.7;}
#coorde-salon #aj-box h3 { display:table; width:100%; box-sizing:border-box; margin:40px auto 10px; padding:10px 5px 5px 10px; border-bottom:#333333 1px solid; text-align:left; font-size:20px; color:#333333;}
#coorde-salon #aj-box .cs-form { margin:0 10px;}
#coorde-salon #aj-box .cs-form > p { font-size:16px; color:#8B3A3A;}
#coorde-salon #aj-box .cs-form dl { margin:20px 0 0; font-size:16px;}
#coorde-salon #aj-box .cs-form dl dt { margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F3F3F3;}
#coorde-salon #aj-box .cs-form dl dt span { display:inline-block; margin:0 3px; padding:1px 3px; font-size:10px; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:2px;    /* 古いFirefox */
-webkit-border-radius:2px; /* 古いSafari,Chrome */
border-radius:2px;         /* CSS3 */}
#coorde-salon #aj-box .cs-form dl dd { margin:0 0 10px; padding:0 10px; text-align:left;}
#coorde-salon #aj-box .cs-form dl dd input[type=text] { width:95% !important;}
#coorde-salon #aj-box .cs-form dl dd input[type=text].ftb-s { max-width:75px !important;}
#coorde-salon #aj-box .cs-form dl dd input[type=text].ftb-m { max-width:200px !important;}
#coorde-salon #aj-box .cs-form dl dd input[type=text].ftb-l { max-width:300px !important;}
#coorde-salon #aj-box .cs-form dl dd select { width:auto !important;}
#coorde-salon #aj-box .cs-form dl dd textarea { width:95% !important;}
#coorde-salon #aj-box .cs-form dl dd input[type=file] { margin-top:5px !important;}
#coorde-salon #aj-box .cs-form dl > p { text-align:center;}
#coorde-salon #aj-box .cs-form dl > p input[type=submit] { margin:0 3.0em 0 0; padding-right:1.0em !important; padding-left:1.0em !important; font-size:16px !important;}
#coorde-salon #aj-box .cs-form dl > p input[type=reset] { font-size:14px !important;}
@media all and (max-width:719px)
{
#coorde-salon h2 { font-size:2.4rem;}
#coorde-salon #aj-box { margin:0 5px;}
#coorde-salon #aj-box h3 { font-size:1.8rem;}
#coorde-salon #aj-box .cs-form { margin:0 5px;}
#coorde-salon #aj-box .cs-form > p { font-size:1.4rem; text-align:left;}
#coorde-salon #aj-box .cs-form dl { font-size:1.4rem;}
#coorde-salon #aj-box .cs-form dl > p input[type=submit] { font-size:1.6rem !important;}
#coorde-salon #aj-box .cs-form dl > p input[type=reset] { font-size:1.4rem !important;}
}
@media all and (max-width:639px)
{
#coorde-salon #aj-box img.img01,
#coorde-salon #aj-box img.img02 { float:none; width:100%; margin:1.0em 0 0;}
}
@media all and (max-width:519px)
{
#coorde-salon #aj-box img.img03 { float:none; width:100%; max-width:100%; margin:0 0 0.5em;}
}
/*20240227追加*/
#coorde-salon #aj-box .schedule { padding-right:10px; padding-left:10px; text-align:center; color:#FFFFFF; font-size:18px; background-color:#784594;}


/*mypage関連用*/
#mypage {}
#mypage h2 { display:table; width:100%; box-sizing:border-box; margin:0; padding:10px 0 5px; border-bottom:#333333 1px solid; text-align:center; font-size:20px; color:#333333;}
#mypage h2 span { display:table-cell; vertical-align:middle;}
/*User_LoginSystem.php*/
/*mypage.php用*/
#mypage #mp_login { margin:20px 0 40px;}
#mypage #mp_login h3 { margin:0 0 10px; font-size:16px;}
#mypage #mp_login ul { display:inline-block; margin:0; padding:0; list-style:none; font-size:0;}
#mypage #mp_login ul li { margin:0; padding:0; list-style:none; font-size:14px;}
#mypage #mp_login ul li:nth-of-type(1) { display:block; margin:0 0 10px; text-align:center;}
#mypage #mp_login ul li:nth-of-type(2) { display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
#mypage #mp_login ul li:nth-of-type(3) { display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#mypage #mp_login ul li:nth-of-type(4) { display:inline-block; vertical-align:middle; margin:0 10px 0 0; font-size:12px;}
#mypage #mp_login ul li:nth-of-type(5) { display:inline-block; vertical-align:middle; text-align:center;}
#mypage #mp_login ul li:nth-of-type(6) { display:block; margin:10px 0 0; text-align:center;}
#mypage #mp_login ul li:nth-of-type(6) a { display:inline-block; margin:0 auto; padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#666;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#mypage #mp_login ul li:nth-of-type(6) a:hover { text-decoration:none; opacity:0.7;}
#mypage #mp_login ul li:nth-of-type(2) p,
#mypage #mp_login ul li:nth-of-type(3) p { display:inline-block; vertical-align:middle; margin:0 5px 0 0; padding:7px; text-align:center; background-color:#EFEFEF;}
#mypage #mp_login ul li:nth-of-type(2) input[type=text] { width:200px;}
#mypage #mp_login ul li:nth-of-type(3) input[type=password] { width:80px;}
#mypage #mp_index { text-align:left; font-size:14px;}
#mypage #mp_index h3 { margin:0 0 15px; padding:5px 10px; border:#999999 1px solid; font-size:16px; color:#333333; font-weight:normal;}
#mypage #mp_index h4 { margin:0 0 15px; padding:10px 1.5em 5px; text-indent:-1.0em; border-bottom:#999999 1px solid; font-size:16px; color:#333333; font-weight:normal;}
#mypage #mp_index h4:before { display:inline;}
#mypage #mp_index h4:nth-of-type(1):before { content:"①";}
#mypage #mp_index h4:nth-of-type(2):before { content:"②";}
#mypage #mp_index h4:nth-of-type(3):before { content:"③";}
#mypage #mp_index p { margin:0 0 15px;}
#mypage #mp_index p img { width:100%; max-width:600px; height:auto;}
#mypage #mp_index .sectionbox { margin:0 1.5em;}
#mypage h2#mp_nameid { margin:0 auto 5px; padding:10px 0; border-bottom:#333333 1px solid; font-size:0;}
#mypage h2#mp_nameid p { display:inline-block; vertical-align:middle; margin:0; padding:0; font-size:20px; font-weight:bold;}
#mypage h2#mp_nameid p span { display:inline-block !important; margin:0 0 0 0.5em; font-size:16px; font-weight:normal;}
#mypage h2#mp_nameid form { display:inline-block !important; vertical-align:middle; margin:0; padding:0;}
#mypage h2#mp_nameid input[type=submit] { margin:0 0 0 1.0em; padding:3px 10px; font-size:12px !important; border:#999999 1px solid; background-color:#FFFFFF;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#mypage h2#mp_nameid input[type=submit]:hover { text-decoration:none; background-color:#CCCCCC;}
#mypage ul#mp_menu { margin:0; padding:5px 0; list-style:none; font-size:0; background-color:#F5F5F5;}
#mypage ul#mp_menu li { display:inline-block; vertical-align:middle; padding:0 5px;}
#mypage ul#mp_menu li:nth-of-type(2) { border-right:#666666 1px solid; border-left:#666666 1px solid;}
#mypage ul#mp_menu li a { display:block; margin:0 auto; padding:2px 5px; color:#CE3924; font-size:16px;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#mypage ul#mp_menu li a:hover { text-decoration:none; color:#652816; background-color:#FDF0EA;}
#mypage ul#mp_menu li.current a { color:#FFFFFF; background-color:#602622;}
#mypage ul#mp_cmnt { display:inline-block; margin:10px auto; padding:0 1.0em; list-style:none; text-align:left; font-size:12px;}
#mypage ul#mp_cmnt li { margin-bottom:0.4em; padding-left:1.0em; text-indent:-1.0em; line-height:1.3;}
#mypage ul#mp_cmnt li:last-of-type { margin-bottom:0;}
#mypage ul#mp_cmnt li:before { display:inline; content:"※";}
#mypage .mp_pager { position:relative; margin:0 auto 5px; text-align:left;}
#mypage .mp_pager form { display:inline-block !important; vertical-align:middle; margin:0; padding:0;}
#mypage .mp_pager form:nth-of-type(2) { margin:0 5px;}
#mypage .mp_pager input[type=submit] { margin:0; padding:3px 8px; font-size:12px !important; border:#999999 1px solid; background-color:#FFFFFF;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */}
#mypage .mp_pager input[type=submit]:hover { text-decoration:none; background-color:#CCCCCC;}
#mypage .mp_pager input[type=submit].current { color:#652816; font-weight:bold; background-color:#FDF0EA; pointer-events:none;}
#mypage .mp_pager p.linkbtn { position:absolute; top:0; right:0;}
#mypage .mp_pager p.linkbtn a { display:inline-block; box-sizing:border-box; margin:0 auto; padding:3px 5px 2px; font-size:14px; color:#FFFFFF; background-color:#D21717;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#mypage .mp_pager p.linkbtn a:hover { text-decoration:none; opacity:0.7;}
#mypage ul#mp_register { margin:0; padding:0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; list-style:none; font-size:0; background:url(../img/mypage/line.gif) top center repeat-y;}
#mypage ul#mp_register li { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; margin:0; padding:10px; border-top:#CCCCCC 1px solid; text-align:center; font-size:14px;}
#mypage ul#mp_register li form p { position:relative; width:100% !important; height:auto !important; max-height:400px; margin:0 auto 10px !important; padding-top:133.3% !important; background-color:#EFEFEF !important;}
#mypage ul#mp_register li form p img { position:absolute; top:0; right:0; bottom:auto; left:0; width:100% !important; height:auto !important;}
#mypage ul#mp_register li form p span { position: absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
#mypage ul#mp_register li form input[type=file] { width:100%; box-sizing:border-box; margin:0 0 5px;}
#mypage ul#mp_register li form select,
#mypage ul#mp_register li form textarea { width:100%; box-sizing:border-box; margin:0 0 5px;}
#mypage ul#mp_register li form input[type=submit] { display:block; margin:0 auto; font-size:12px !important; border:#999999 1px solid; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#mypage ul#mp_register li form input[type=submit]:hover { text-decoration:none; background-color:#CCCCCC;}
@media all and (max-width:999px)
{
#mypage #mp_login ul { text-align:left;}
#mypage #mp_login ul li:nth-of-type(2) { display:block; margin:0 0 5px;}
#mypage #mp_login ul li:nth-of-type(3) { margin:0 5px 5px 0;}
#mypage #mp_login ul li:nth-of-type(4) { margin:0 0 5px;}
#mypage #mp_login ul li:nth-of-type(5) { display:block;}
#mypage #mp_login ul li:nth-of-type(2) input[type=text] { width:180px;}
#mypage #mp_login ul li:nth-of-type(3) input[type=password] { width:70px;}
#mypage #mp_login ul li:nth-of-type(2) p,
#mypage #mp_login ul li:nth-of-type(3) p { width:98px; font-size:12px;}
}
@media all and (max-width:719px)
{
#mypage h2 { font-size:2.0rem;}
#mypage #mp_login h3 { font-size:1.6rem;}
#mypage #mp_login ul li { font-size:1.2rem;}
#mypage #mp_login ul li:nth-of-type(3) input[type=password] { font-size:1.2rem;}
#mypage #mp_index .sectionbox { margin:0 0.5em;}
#mypage h2#mp_nameid p { font-size:1.8rem;}
#mypage h2#mp_nameid p span { font-size:1.4rem;}
#mypage h2#mp_nameid input[type=submit] { font-size:1.2rem}
#mypage ul#mp_menu li a { font-size:1.4rem;}
#mypage .mp_pager input[type=submit] { font-size:1.2rem}
#mypage ul#mp_register li { font-size:1.4rem;}
#mypage ul#mp_register li form input[type=submit] { font-size:1.2rem}
}
/*mypage_recmnd.php用*/
#mypage #mp_rcmd { margin-top:20px;}
#mypage #mp_rcmd ul { width:100%; margin:0; padding:0; border-right:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-justify-content: center;
justify-content: center;}
#mypage #mp_rcmd ul:last-of-type { border-bottom:#CCCCCC 1px solid;}
#mypage #mp_rcmd ul li { display:inline-block; vertical-align:top; margin:0; padding:0; border-top:#CCCCCC 1px solid; box-sizing:border-box; font-size:14px;
display:-webkit-box;
display:-ms-flexbox;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
#mypage #mp_rcmd ul li:nth-of-type(1) { flex-shrink:0; vertical-align:middle; width:20px; margin:0; border-left:#CCCCCC 1px solid;}
#mypage #mp_rcmd ul li:nth-of-type(2) { flex-shrink:0; vertical-align:middle; width:100px; margin:0; padding:5px 0 5px 5px; border-left:#CCCCCC 1px solid; text-align:left;}
#mypage #mp_rcmd ul li:nth-of-type(2) a,
#mypage #mp_rcmd ul li:nth-of-type(2) a img { display:block;}
#mypage #mp_rcmd ul li:nth-of-type(3) { vertical-align:middle; width:100%; margin:0; padding:10px; text-align:left}
#mypage #mp_rcmd ul li:nth-of-type(3) div { display:block; width:100%; margin:0; padding:0; text-align:left;}
#mypage #mp_rcmd ul li:nth-of-type(3) p { text-align:left;}
#mypage #mp_rcmd ul li:nth-of-type(4) { flex-shrink:0; vertical-align:middle; width:60px; margin:0; border-left:#CCCCCC 1px solid;}
@media all and (max-width:719px)
{
#mypage #mp_rcmd ul li { font-size:1.4rem;}
}
/*mypage_member.php用*/
/*mypage_newreg.php用*/
#mypage #mp_mbinfo { margin-top:20px;}
#mypage #mp_mbinfo dl { margin:10px 0; font-size:14px; line-height:1.8; color:#333333;}
#mypage #mp_mbinfo dt { float:left; width:120px; margin:0 0 5px; padding:10px 0 0; font-size:12px; font-weight:bold;}
#mypage #mp_mbinfo dt span { display:inline-block; margin:0 0 0 0.5em; padding:0 2px; font-size:10px; font-weight:normal; color:#FFFFFF; background-color:#FF0000;}
#mypage #mp_mbinfo dd { min-height:40px !important; margin:0 0 5px; padding:10px 5px 9px 10px; border-bottom:#CCCCCC 1px dotted; border-left:#F0F0F0 120px solid; text-align:left; font-size:14px;}
#mypage #mp_mbinfo .textred { color:#FF0000;}
#mypage #mp_mbinfo .textblue { color:#0066FF;}
#mypage #mp_mbinfo dl dd span.textred,
#mypage #mp_mbinfo dl dd span.textblue { display:inline-block; margin:0 0 0 1.0em; font-size:12px;}
#mypage #mp_mbinfo dl dd strong.textred { display:block; margin:0;}
#mypage #mp_mbinfo dl dd input[type=text] { width:100% !important;}
#mypage #mp_mbinfo dl dd input[type=text].type01 { max-width:100px;}
#mypage #mp_mbinfo dl dd input[type=text].type02 { max-width:200px;}
#mypage #mp_mbinfo dl dd input[type=text].type03 { max-width:300px;}
#mypage #mp_mbinfo dl dd input[type=text].type04 { max-width:400px;}
#mypage #mp_mbinfo dl dd input[type=text].type05 { max-width:500px;}
#mypage #mp_mbinfo dl dd input[type=text].type06 { max-width:600px;}
#mypage #mp_mbinfo dl dd select { width:auto !important; padding:3px !important;}
#mypage #mp_mbinfo input[type=submit].btn_regist { display:inline-block !important; width:281px !important; height:40px !important; margin:10px 10px 0 !important; padding:0 !important; border:#FF0000 1px solid !important; color:#FFFFFF !important; font-size:16px; background-color:#FF0000 !important;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#mypage #mp_mbinfo input[type=submit].btn_reset,
#mypage #mp_mbinfo input[type=submit].btn_return { display:inline-block !important; width:281px !important; height:40px !important; margin:10px 10px 0 !important; padding:0 !important; border:#999999 1px solid !important; color:#666666 !important; font-size:16px; background-color:#FFFFFF !important;
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */}
#mypage #mp_mbinfo input[type=button]:hover,
#mypage #mp_mbinfo input[type=submit]:hover { opacity:0.7;}
#mypage #mp_mbinfo dl dd p.errorinfo { display:inline-block; margin:0 0 0 0.5em; padding:2px 5px; font-size:12px; color:#FFFFFF; background-color:#FF0000;}
@media all and (max-width:719px)
{
#mypage #mp_mbinfo dl { font-size:1.4rem;}
#mypage #mp_mbinfo dt { font-size:1.2rem;}
#mypage #mp_mbinfo dl dd span.textred,
#mypage #mp_mbinfo dl dd span.textblue { font-size:1.2rem;}
#mypage #mp_mbinfo dl dd p.errorinfo { font-size:1.2rem;}
}
@media all and (max-width:579px)
{
#mypage #mp_mbinfo dl dt { float:none; width:auto; margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F0F0F0;}
#mypage #mp_mbinfo dl dt br { display:none;}
#mypage #mp_mbinfo dl dd { margin:0 0 5px; padding:5px 5px 5px 10px; border-bottom:none; border-left:none;}
}

/*トップページ：追加用*/
#home .bnr210609 { margin:40px auto; text-align:center;}
#home .bnr210609 a { display:block; margin:0; padding:0 0 20px; text-align:center; font-size:0; background:url(../img/top/20210609/bg.jpg) repeat-y center top; background-size:100% auto;}
#home .bnr210609 a:hover { text-decoration:none; opacity:0.85;}
#home .bnr210609 a img { display:inline-block; margin:0; padding:0;}
#home .bnr210609 a img:nth-of-type(1) { width:51.5%; max-width:530px;}
#home .bnr210609 a img:nth-of-type(2) { width:48.5%; max-width:500px;}
#home .bnr210609 a p { display:inline-block; margin:15px 5vw 0; padding:15px; text-align:left; font-size:18px; color:#222222; background-color:#FFFFFF;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#home .bnr210609 a img:nth-of-type(3) { display:block; width:100%; max-width:160px; margin:15px auto 0;}
@media all and (max-width:719px)
{
#home .bnr210609 a { padding:0 0 2vw;}
#home .bnr210609 a img { display:block; margin:0 auto;}
#home .bnr210609 a img:nth-of-type(1) { width:100%;}
#home .bnr210609 a img:nth-of-type(2) { width:100%;}
#home .bnr210609 a p { margin:2vw 2vw 0; font-size:1.8rem;}
}
#home #add220311 { position:relative; margin:0 20px 40px; padding:0; text-align:left; font-size:16px;}
#home #add220311 div { float:left; width:49%; margin:0 2% 0 0;}
#home #add220311 div p { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
#home #add220311 div p iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#home #add220311 h3 { margin:0; padding:0.5em 0; font-size:18px;}
#home #add220311 a { display:inline-block; margin:0.5em 0 0 1.0em; padding:0 0 0 1.0em; text-indent:-1.0em;}
#home #add220311 a:before { display:inline; content:"\025b6";}
@media all and (max-width:719px)
{
#home #add220311 { font-size:1.4rem;}
#home #add220311 h3 { font-size:1.6rem;}
}
@media all and (max-width:539px)
{
#home #add220311 div { float:none; width:100%; margin:0;}
}

/*初めてのお客様へページ用*/
#hajimete {}
#hajimete h2 { display:table; width:100%; height:100px; box-sizing:border-box; margin:0; padding:0 20px; text-align:left; font-size:20px; color:#593351; background:url(/newparts/img/order/ba-title2.gif) no-repeat right bottom; background-size:cover;}
#hajimete h2 span { display:table-cell; vertical-align:middle;}
#hajimete h3 { margin:30px 0 10px; padding:5px 5px 3px 5px; border-left:#DAA2DD 10px solid; text-align:left; font-size:18px; color:#524236; font-weight:normal; background-color:#E6DEDB;}
#hajimete #maininfo { margin:20px 5px; padding:0; text-align:left; font-size:18px;}
#hajimete #maininfo span { font-size:22px;}
#hajimete .subctr { margin:0 20px; padding:0; text-align:left; font-size:16px;}
#hajimete .subctr h4 { margin:20px 0 10px; border-bottom:#DAA2DD 2px solid; font-size:18px; color:#8C5C9E; font-weight:normal;}
#hajimete .subctr h4:before { display:inline; content:"\025b6\0020"; color:#DAA2DD;}
#hajimete .subctr p { margin:0.8em 0 0;}
#hajimete .subctr p span { display:inline-block;}
#hajimete .subctr .linebnr { display:block; box-sizing:border-box; width:100%; max-width:180px; margin:10px 0 0; text-align:center; line-height:1.0 !important;}
#hajimete .subctr .linebnr a { display:inline-block; margin:0 auto; padding:8px; border:#27B900 2px solid; background-color:#EBFFCA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#hajimete .subctr .linebnr a:hover { text-decoration:none;}
#hajimete .subctr .linebnr a span { display:block; margin:0 0 5px; color:#27B900 !important; font-weight:bold;}
#hajimete .subctr .linebnr a img:nth-of-type(1) { display:block; width:100%; height:auto; margin:0 auto 5px;}
#hajimete .subctr .linebnr a img:nth-of-type(2) { display:block; width:100%; height:auto; margin:0 auto;}
.txtgreen { color:#18ABA4;}
.txtvermilion { color:#EF4801;}
#hajimete .subctr img.imgflt-l { float:left; width:45%; max-width:280px; margin:0 1.0em 0.5em 0; border:#CCCCCC 1px solid;}
#hajimete .subctr img.imgflt-r { float:right; width:45%; max-width:280px; margin:0 0 0.5em 1.0em; border:#CCCCCC 1px solid;}
@media all and (max-width:719px)
{
#hajimete h2 { font-size:2.0rem;}
#hajimete h3 { font-size:1.6rem;}
#hajimete #maininfo { font-size:1.6rem;}
#hajimete #maininfo span { font-size:2.0rem;}
#hajimete .subctr { margin:0 10px; font-size:1.4rem;}
#hajimete .subctr h4 { font-size:1.6rem;}
}

/*仮予約･お問い合わせページ用*/
#res-inq { max-width:1100px; margin:0 auto; padding:0 2vw;}
#res-inq h2 { width:100%; box-sizing:border-box; margin:20px auto; padding:10px 0 5px; border-bottom:#333333 2px solid; text-align:center; font-size:24px; color:#333333;}
#res-inq p.send_ctninfo { display:inline-block; margin:0; padding:9px; border:#FF0000 1px solid; text-align:left;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#res-inq form { max-width:720px; margin:0 auto;}
#res-inq dl { margin:20px 0 0; font-size:16px;}
#res-inq dl dt { margin:0 0 5px; padding:5px 10px; text-align:left; background-color:#F3F3F3;}
#res-inq dl dt span { display:inline-block; margin:0 3px; padding:1px 3px; font-size:10px; color:#FFFFFF; background-color:#FF0000;
-moz-border-radius:2px;    /* 古いFirefox */
-webkit-border-radius:2px; /* 古いSafari,Chrome */
border-radius:2px;         /* CSS3 */}
#res-inq dl dd { margin:0 0 20px; padding:0 10px; text-align:left;}
#res-inq dl dd input[type=text] { box-sizing:border-box; width:100% !important;}
#res-inq dl dd input[type=text].ftb-s { max-width:100px !important;}
#res-inq dl dd input[type=text].ftb-m { max-width:200px !important;}
#res-inq dl dd input[type=text].ftb-l { max-width:300px !important;}
#res-inq dl dd select { width:auto !important; font-size:16px !important;}
#res-inq dl dd textarea { box-sizing:border-box; width:100% !important;}
#res-inq dl dd input[type=file] { margin-top:5px !important; font-size:16px;}
#res-inq dl dd p { display:inline-block; vertical-align:middle; margin-right:2.0em;}
#res-inq dl dd span { display:inline-block; vertical-align:middle; font-size:14px; color:#0066CC;}
#res-inq dl dd span:nth-of-type(2) { display:block;}
#res-inq dl dd span:before { display:inline; content:"　※";}
#res-inq input[type=submit]:hover { color:#FFFFFF !important; background-color:#555555 !important;}
@media all and (max-width:719px)
{
#res-inq h2 { font-size:2.2rem !important;}
#res-inq dl { font-size:1.4rem !important;}
#res-inq dl dd select { font-size:1.4rem !important;}
#res-inq dl dd input[type=file] { font-size:1.4rem !important;}
#res-inq dl dd span { font-size:1.2rem !important;}
}


/*仮予約･お問い合わせページ用*/
#partnership {}
#partnership h2 { width:100%; box-sizing:border-box; margin:40px auto; padding:10px 0 5px; border-bottom:#333333 2px solid; text-align:center; font-size:28px; font-weight:normal; color:#333333;}
#partnership .infotext { margin:0 2.0em; padding:0; text-align:left;}
#partnership .infotext p { margin:0 0 0.5em; padding:0; font-size:16px;}
#partnership .logoimg { width:100%; max-width:565px; height:auto; margin:20px auto;}
#partnership .logoimg img { width:100%; height:auto;}
#partnership #pdflink { margin:0; padding:0; text-align:center;}
#partnership #pdflink a { display:inline-block; margin:0; padding:19px 39px; border:#704480 1px solid; font-size:16px; color:#704480;
-moz-border-radius:40px;    /* 古いFirefox */
-webkit-border-radius:40px; /* 古いSafari,Chrome */
border-radius:40px;         /* CSS3 */}
#partnership #pdflink a:hover { color:#FFFFFF; text-decoration:none; background-color:#704480;}
@media all and (max-width:719px)
{
#partnership h2 { font-size:2.4rem;}
#partnership .infotext { margin:0 1.0em;}
#partnership .infotext p { font-size:1.6rem;}
#partnership #pdflink { margin:0 1.0em;}
#partnership #pdflink a { padding:14px 24px; font-size:1.6rem;}
#partnership #pdflink a span { display:inline-block;}
}

/*きもの人についてページ用*/
#about {}
#about h2 { display:table; width:100%; height:100px; box-sizing:border-box; margin:0; padding:0 20px; border-bottom:#B88657 5px solid; text-align:left; font-size:24px; font-weight:normal; color:#4D3F35; background:url(/newparts/img/com/bg-title.jpg) no-repeat center bottom; background-size:cover;}
#about h2 span { display:table-cell; vertical-align:middle; letter-spacing:0.2em; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;
/*text-shadow:
2px 0px 10px #E9E0D6, -2px 0px 10px #E9E0D6,
0px -2px 10px #E9E0D6, -2px 0px 10px #E9E0D6,
2px 2px 10px #E9E0D6, -2px 2px 10px #E9E0D6,
2px -2px 10px #E9E0D6, -2px -2px 10px #E9E0D6,
1px 2px 10px #E9E0D6, -1px 2px 10px #E9E0D6,
1px -2px 10px #E9E0D6, -1px -2px 10px #E9E0D6,
2px 1px 10px #E9E0D6, -2px 1px 10px #E9E0D6,
2px -1px 10px #E9E0D6, -2px -1px 10px #E9E0D6,
1px 1px 10px #E9E0D6, -1px 1px 10px #E9E0D6,
1px -1px 10px #E9E0D6, -1px -1px 10px #E9E0D6;*/}
#about .maininfo { margin:30px 1.0em 20px; text-align:left;}
#about .maininfo p { margin:1.0em 0 0; font-size:18px;}
#about h3 { margin:30px 0 10px; padding:8px 5px; border-left:#BFA79D 10px solid; text-align:left; font-size:18px; color:#4D3F35; font-weight:normal; background-color:#ECE8E1;}
#about .subctr { margin:0 20px; padding:0; text-align:left; font-size:16px;}
#about .outline,
#about .history {}
#about .outline dl,
#about .history dl { margin:0; padding:0; font-size:16px; z-index:0;}
#about .outline dl dt,
#about .history dl dt { float:left; width:160px; margin:0 0 5px; padding:5px 10px; text-align:center;}
#about .outline dl dd,
#about .history dl dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 160px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;}
#about .outline dl dd span,
#about .history dl dd span { display:inline-block;}
#about .outline > p { margin:0; padding-top:0.5em; padding-left:1.5em; text-indent:-1.5em;}
#about .outline > p:before { display:inline; content:"\025b6\0020";}
#about .project { text-align:center;}
#about .project > p { display:inline-block; margin:20px auto; padding:0; text-align:left; font-size:18px;}
#about .project ul { margin:0; padding:0; list-style:none; text-align:left; font-size:0;}
#about .project ul li { display:inline-block; vertical-align:top; width:49%; margin:0; padding:0; text-align:center;}
#about .project ul li:nth-of-type(3) { margin-top:15px;}
#about .project ul li:nth-of-type(4) { margin-top:15px;}
#about .project ul li:nth-of-type(2n) { margin-left:2%;}
#about .project ul li a { display:block; background-color:#F5F5F5;}
#about .project ul li a:hover { text-decoration:none; color:#7A40AA; background-color:#F8F7E9; opacity:0.7;}
#about .project ul li a div { display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; padding:5px; font-size:16px; color:#333333;}
#about .project ul li a div p.sitename { margin:0; padding:0; font-weight:bold;}
#about .project ul li a div p.siteurl { margin:0; padding:0; font-size:12px; color:#0066FF;}
#about .project ul li a div p span { display:inline-block;}
#about .project ul li a img { display:inline-block; vertical-align:middle; width:50%;}
#about .philosophy {}
#about .philosophy > p { margin:1.0em 0 0; padding:0; border-bottom:#CCCCCC 2px solid; font-size:18px;}
#about .creed {}
#about .creed > p { margin:1.0em 0 0; padding:0; padding-left:1.0em; text-indent:-1.0em; border-bottom:#CCCCCC 2px solid; font-size:18px;}
#about .creed > p:before { display:inline; content:"・";}
#about .subctr h4 { margin:20px 0 10px; border-bottom:#BFA79D 2px solid; text-align:left; font-size:18px; color:#4D3F35; font-weight:normal;}
#about .subctr h4:before { display:inline; content:"\025b6\0020"; color:#BFA79D;}
@media all and (max-width:719px)
{
#about .maininfo p { font-size:1.6rem;}
#about .outline dl,
#about .history dl { font-size:1.4rem;}
#about .outline dl dt { width:90px;}
#about .history dl dt { float:none; width:auto; margin:0; padding:5px 10px 0; text-align:left;}
#about .outline dl dd { border-left:#F2F2F2 90px solid;}
#about .history dl dd { padding:0 10px 5px 20px; border-left:none;}
#about .project > p { font-size:1.6rem;}
#about .project ul li a div p.siteurl { font-size:1.2rem;}
#about .philosophy > p { font-size:1.6rem;}
#about .creed > p { font-size:1.6rem;}
#about h2 { font-size:2.2rem;}
#about h3 { font-size:1.6rem;}
#about .subctr { margin:0 10px; font-size:1.4rem;}
#about .subctr h4 { font-size:1.6rem;}
}
@media all and (max-width:539px)
{
#about .project ul li { display:block; width:100%; max-width:360px; margin:0 auto 10px;}
#about .project ul li:nth-of-type(3) { margin-top:0;}
#about .project ul li:nth-of-type(4) { margin-top:0;}
#about .project ul li:nth-of-type(2n) { margin-left:auto;}
#about .project ul li:last-of-type { margin:0 auto;}
}


/*着物選びのお手伝いページ用*/
#home.kimonoerabi {}
#home.kimonoerabi > h2 { margin:40px auto 10px; padding:0; font-size:60px; color:#333333; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; transform: rotate(.05deg) !important;}
#home.kimonoerabi > h2 p { font-size:36px;}
#home.kimonoerabi > h2 span { font-size:48px;}
#home.kimonoerabi > .maintext { display:inline-block; margin:0 auto; padding:0; text-align:left; font-size:20px;}
#home.kimonoerabi > .imgphoto { width:100%; height:40vh; margin:30px 0 60px; padding:0; background:url(../img/kimonoerabi/mainimg.jpg) center center no-repeat; background-size:cover;}
@media all and (max-width:719px)
{
#home.kimonoerabi > h2 { margin:120px auto 10px; font-size:8.0vw;}
#home.kimonoerabi > h2 p { font-size:5.2vw;}
#home.kimonoerabi > h2 span { font-size:5.6vw;}
#home.kimonoerabi > .maintext { padding:0 10px; font-size:1.6rem;}
#home.kimonoerabi > .imgphoto { height:50vh; margin:20px 0 40px;}
}

/*トップページ用*/
#home {}
#home .workbox { margin:40px 0 0; padding:14px; border:#C2C2C2 1px solid;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
align-items:center;
gap:20px;
}
#home .workbox > h3,
#home .workbox > div { position:relative; width:100%; height:360px; margin:0; padding:0; text-align:center;}
#home .workbox > h3 > p,
#home .workbox > div > div { position:absolute; width:100%; box-sizing:border-box; padding:15px;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit- transform:translateY(-50%) translateX(-50%);}
#home .workbox > h3 { background:url(../img/top/itemsample.jpg) center center no-repeat; background-size:cover;}
#home .workbox > div {}
#home .workbox > .item01 { order:1;}
#home .workbox > .item02 { order:2;}
#home .workbox > h3 > p { font-size:32px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', 'Sawarabi Mincho', serif !important; background:rgba(255,255,255,0.85);}
#home .workbox > h3 > p span { display:block; font-size:22px;}
#home .workbox > div p.w-txt { margin:0; padding:0; text-align:left; font-size:18px;}
#home .workbox > div p.w-btn { margin:2.0em 0 0; padding:0;}
#home .workbox > div p.w-btn a { display:inline-block; margin:0 auto; padding:9px; border:#72276B 1px solid; font-size:18px; color:#72276B;}
#home .workbox > div p.w-btn a:hover { text-decoration:none; background-color:#F4EEF9;}

/*z-70213cordinate/index.php用*/
.add240614 {}
ul#advantage { max-width:400px; margin:1.0em auto 0; padding:0; list-style:none; text-align:center;}
ul#advantage li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
ul#advantage li h5 { margin:0 0 5px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;}
ul#advantage li p { display:inline-block;  vertical-align:middle;}
ul#advantage li p:nth-of-type(1),
ul#advantage li p:nth-of-type(3) { width:46%; max-width:180px;}
ul#advantage li p:nth-of-type(1) img,
ul#advantage li p:nth-of-type(3) img { width:100%; height:auto;}
ul#advantage li p:nth-of-type(2) { width:4%; height:100px; margin:0 2%; background:url(../img/irokosei/ba-arrow.gif) center center no-repeat; background-size:contain;}