@charset "UTF-8";
/* Utility
*/
/* # u-pos* position
u-posIni : 初期化
u-posAbs : absolute
u-posRel : relative
*/
.u-posIni {position: initial!important;}
.u-posAbs {position: absolute!important;}
.u-posRel {position: relative!important;}
.u-posFix {position: fixed!important;}
.u-dispBlock {display: block;}
.u-dispN {display: none !important;}
.u-dispB {display: block !important;}
.u-boxB {box-sizing: border-box!important;}
.u-blk {display: block!important;}
.u-inBlk {display: inline-block!important;}
.u-pc-inBlk {display: inline-block!important;}
.u-sp-inBlk {display: none!important;}
/* flexbox */
.u-flex {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flexBetween {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* float*/
.u-floatR{
float: right;
}
.u-floatL{
float: left;
}
/* 短縮*/
.u-flx {
display: -webkit-flex!important;
display: flex!important;
-webkit-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.u-fStart{
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.u-fStr {
-webkit-align-items: stretch!important;
align-items: stretch!important;
}
.u-fEnd {
-webkit-align-items: flex-end!important;
align-items: flex-end!important;
}
.u-fJcEnd {
-webkit-justify-content: flex-end!important;
justify-content: flex-end!important;
}
.u-fBet {
-webkit-justify-content: space-between!important;
justify-content: space-between!important;
}
.u-fAro {
-webkit-justify-content: space-around!important;
justify-content: space-around!important;
}
.u-fEvn {
-webkit-justify-content: space-evenly!important;
justify-content: space-evenly!important;
}
.u-fCnt {
-webkit-justify-content: center!important;
justify-content: center!important;
}
.u-flxMid { /* 高さ中央寄せ */
display: -webkit-flex!important;
display: flex!important;
-webkit-flex-wrap: wrap!important;
flex-wrap: wrap!important;
-webkit-align-items: center;
align-items: center;
}
.u-flxNoWrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.u-fRow_r {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.u-fCol {
-webkit-flex-direction: column;
flex-direction: column;
}
.u-fCol_r {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
/* flex子要素 */
.u-f__shrink1 {
-webkit-flex-shrink:1;
flex-shrink:1;
}
.u-fAl_c {
-webkit-align-items: center;
align-items: center;
}
/* align-self */
.u-asC{
align-self: center!important;
}
.u-asFE{
align-self: flex-end!important;
}
/* u-ord
* flex内並び順
*/
.u-ord0-1 {
-webkit-order: 0;
order: 0;
}
.u-ord1-2 {-webkit-order: 1;order: 1;}
.u-ord2-1 {-webkit-order: 2;order: 2;}
.u-ord3 {-webkit-order: 3;order: 3;}
/* u-col
* カラム数指定
* .u-col[pc.col]-[sp.col]-[pc.padding]-[sp.padding]
*/
.u-col1-2-0-10 {width: 100%;}
.u-col3-1-30-0 {width: calc((100% - 60px) / 3 );}
.u-col4-2-20-20 {width: calc((100% - 60px) / 4 );}
.u-wd100{ width:100% !important;}
/* margin */
.u-marginA {margin: auto;}
/* u-m
* マージン
* .u-m[pc]-[sp]
*/
/*.u-mT0-20 {}*/
.u-mT20,
.u-mT20-10 {margin-top: 20px !important;}
.u-mT30 {margin-top: 30px !important;}
.u-mT40,
.u-mT40-20 {margin-top: 40px !important;}
.u-mT50,
.u-mT50-30 {margin-top: 50px !important;}
.u-mB20 {margin-bottom: 20px !important;}
.u-mWA { margin-right: auto !important;margin-left: auto !important;}
.u-m025 { margin: .25em!important; }
.u-m05 { margin: .5em!important; }
.u-m1,
.u-m1-0 { margin: 1em!important; }
.u-m2,
.u-m2-1 { margin: 2em!important; }
.u-m3 { margin: 3em!important; }
.u-m10 {margin: 10px !important;}
.u-mT-4 {margin-top: -4em!important;}
.u-mT0 {margin-top: 0em!important;}
.u-mT01 { margin-top: 0.1em!important;}
.u-mT025 { margin-top: 0.25em!important;}
.u-mT05 { margin-top: 0.5em!important;}
.u-mT1 { margin-top: 1em!important;}
.u-mT15 { margin-top: 1.5em!important;}
.u-mT2 { margin-top: 2em!important;}
.u-mT25 { margin-top: 2.5em!important;}
.u-mT3 { margin-top: 3em!important;}
.u-mT4 { margin-top: 4em!important;}
.u-mT5 { margin-top: 5em!important;}
.u-mT10 {margin-top: 10px !important;}
.u-mT25-1 { margin-top: 2.5em!important;}
.u-mB0 {margin-bottom: 0em!important;}
.u-mB025 { margin-bottom: 0.25em!important;}
.u-mB05 { margin-bottom: 0.5em!important;}
.u-mB1 { margin-bottom: 1em!important;}
.u-mB15 { margin-bottom: 1.5em!important;}
.u-mB2 { margin-bottom: 2em!important;}
.u-mB25 { margin-bottom: 2.5em!important;}
.u-mB3 { margin-bottom: 3em!important;}
.u-mB4 { margin-bottom: 4em!important;}
.u-mB5 { margin-bottom: 5em!important;}
.u-mB10 {margin-bottom: 10px !important;}
.u-mL0 { margin-left: 0em!important;}
.u-mL025 { margin-left: 0.25em!important;}
.u-mL05 { margin-left: 0.5em!important;}
.u-mL1 { margin-left: 1em!important;}
.u-mL15 { margin-left: 1.5em!important;}
.u-mL2 { margin-left: 2em!important;}
.u-mL25 { margin-left: 2.5em!important;}
.u-mL3 { margin-left: 3em!important;}
.u-mR025 { margin-right: 0.25em!important;}
.u-mR05 { margin-right: 0.5em!important;}
.u-mR1 { margin-right: 1em!important;}
.u-mR15 { margin-right: 1.5em!important;}
.u-mR2,
.u-mR2-0 { margin-right: 2em!important;}
.u-mR25 { margin-right: 2.5em!important;}
.u-mR3 { margin-right: 3em!important;}
.u-mW025 { margin-left:0.25em!important;margin-right:0.25em!important; }
.u-mW05 { margin-left:0.5em!important;margin-right:0.5em!important; }
.u-mW1 { margin-left: 1em!important;margin-right: 1em!important;}
.u-mW2 { margin-left: 2em!important;margin-right: 2em!important;}
.u-mW3 { margin-left: 3em!important;margin-right: 3em!important;}
.u-mW4 { margin-left: 4em!important;margin-right: 4em!important;}
.u-mW5 { margin-left: 5em!important;margin-right: 5em!important;}
.u-mW10 { margin-left: 10px!important;margin-right: 10px!important;}
.u-mTB025 { margin-top:0.25em!important;margin-bottom:0.25em!important; }
.u-mTB05 { margin-top:0.5em!important;margin-bottom:0.5em!important; }
.u-mTB1 { margin-top: 1em!important;margin-bottom: 1em!important;}
.u-mTB2 { margin-top: 2em!important;margin-bottom: 2em!important;}
.u-mTB3 { margin-top: 3em!important;margin-bottom: 3em!important;}
.u-mTB4 { margin-top: 4em!important;margin-bottom: 4em!important;}
.u-mTB5 { margin-top: 5em!important;margin-bottom: 5em!important;}
.u-mA { margin: auto!important;}
.u-mAT { margin-top: auto!important;}
.u-mAB { margin-bottom: auto!important;}
.u-mAL { margin-left: auto!important;}
.u-mAR { margin-right: auto!important;}
.u-mWA { margin-left: auto!important;margin-right: auto!important;}
.u-m05A { margin: 0.5em auto!important;}
.u-m1A { margin: 1em auto!important;}
.u-m2A { margin: 2em auto!important;}
.u-m3A { margin: 3em auto!important;}
.u-m10A { margin: 10px auto!important;}
.u-m0A { margin: 0 auto !important; }
.u-m0 { margin: 0!important; }
.u-p1-0 {
padding: 1em;
}
/* 微調整用 */
.u-mT005 {
margin-top: 5%;
}
.u-mT006 {
margin-top: 6%;
}
/* u-p
* パディング
* .u-p[pc]-[sp]
*/
.u-p03 {padding: 0.3em;}
.u-p05,
.u-p05-025 {padding: 0.5em;}
.u-pB05 {padding-bottom: 0.5em;}
.u-p20-10 {padding: 20px;}
.u-p30-20 {padding: 30px;}
.u-pR10-0 {padding-left: 10px;}
.u-pTB40-20 {padding-top: 40px;padding-bottom: 40px;}
.u-pW100-10 {padding-right: 100px;padding-left: 100px;}
.u-p025 { padding: 0.25em!important; }
.u-p05 { padding: 0.5em!important; }
.u-p075 { padding: 0.75em!important; }
.u-p1 { padding: 1em!important; }
.u-p2 { padding: 2em!important; }
.u-p3 { padding: 3em!important; }
.u-p4 { padding: 4em!important; }
.u-p5 { padding: 5em!important; }
.u-p10 {padding: 10px !important;}
.u-p0 {padding: 0 !important;}
.u-pT025 { padding-top: 0.25em!important; }
.u-pT05 { padding-top: 0.5em!important; }
.u-pT075 { padding-top: 0.75em!important; }
.u-pT1 { padding-top: 1em!important; }
.u-pT2 { padding-top: 2em!important; }
.u-pT3 { padding-top: 3em!important; }
.u-pT4 { padding-top: 4em!important; }
.u-pT5 { padding-top: 5em!important; }
.u-pT10 { padding-top: 10px!important; }
.u-pB025 { padding-bottom: 0.25em!important; }
.u-pB05 { padding-bottom: 0.5em!important; }
.u-pB1 { padding-bottom: 1em!important; }
.u-pB2 { padding-bottom: 2em!important; }
.u-pB3 { padding-bottom: 3em!important; }
.u-pB4 { padding-bottom: 4em!important; }
.u-pB5 { padding-bottom: 5em!important; }
.u-pB10 { padding-bottom: 10px!important; }
.u-pL0 { padding-left: 0em!important; }
.u-pL025 { padding-left: 0.25em!important; }
.u-pL05 { padding-left: 0.5em!important; }
.u-pL1 { padding-left: 1em!important; }
.u-pL2 { padding-left: 2em!important; }
.u-pL3 { padding-left: 3em!important; }
.u-pL4 { padding-left: 4em!important; }
.u-pL5 { padding-left: 5em!important; }
.u-pL10 { padding-left: 10px!important; }
.u-pR025 { padding-right: 0.25em!important; }
.u-pR05 { padding-right: 0.5em!important; }
.u-pR1 { padding-right: 1em!important; }
.u-pR2 { padding-right: 2em!important; }
.u-pR3 { padding-right: 3em!important; }
.u-pR4 { padding-right: 4em!important; }
.u-pR5 { padding-right: 5em!important; }
.u-pR10 {padding-right: 10px !important;}
.u-pW025 { padding-left: 0.25em!important;padding-right: 0.25em!important;}
.u-pW05 { padding-left: 0.5em!important;padding-right: 0.5em!important;}
.u-pW075 { padding-left: 0.75em!important;padding-right: 0.75em!important;}
.u-pW1 { padding-left: 1em!important;padding-right: 1em!important; }
.u-pW2 { padding-left: 2em!important;padding-right: 2em!important; }
.u-pW3 { padding-left: 3em!important;padding-right: 3em!important; }
.u-pW4 { padding-left: 4em!important;padding-right: 4em!important; }
.u-pW5 { padding-left: 5em!important;padding-right: 5em!important; }
.u-pW10 { padding-left: 10px!important;padding-right: 10px!important; }
.u-pW20 { padding-left: 20%!important;padding-right: 20%!important; }
.u-pTB025 { padding-top: 0.25em!important;padding-bottom: 0.25em!important; }
.u-pTB05 { padding-top: 0.5em!important;padding-bottom: 0.5em!important; }
.u-pTB075 { padding-top: 0.75em!important;padding-bottom: 0.75em!important; }
.u-pTB1 { padding-top: 1em!important;padding-bottom: 1em!important; }
.u-pTB15 { padding-top: 1.5em!important;padding-bottom: 1.5em!important; }
.u-pTB2 { padding-top: 2em!important;padding-bottom: 2em!important; }
.u-pTB3 { padding-top: 3em!important;padding-bottom: 3em!important; }
.u-pTB4 { padding-top: 4em!important;padding-bottom: 4em!important; }
.u-pTB5 { padding-top: 5em!important;padding-bottom: 5em!important; }
.u-pTB10 { padding-top: 10px!important;padding-bottom: 10px!important; }
/* 高さ中央*/
.u-verAM {vertical-align: middle !important;}
/* #u-txtDec*/
.u-txtDec,
.u-txtDec:hover {
text-decoration: none !important;
}
.u-txtDecUL{
text-decoration: underline !important;
}
.u-txtDecTH{
text-decoration: line-through !important;
}
.u-textR {text-align: right !important;}
.u-textL {text-align: left !important;}
.u-textC {text-align: center !important;}
/*u-textPC-SP*/
.u-textC-R{text-align: center;}
.u-textC-L{text-align: center;}
.u-textR-C{text-align: right;}
.u-textR-L{text-align: right;}
.u-textL-C{text-align: left;}
.u-textL-R{text-align: left;}
/*/u-textPC-SP*/
.text-align{text-align: center;}
@media screen and ( min-width: 600px) {
.u-pc-textC {
text-align: center;
}
}
.u-bold {font-weight: bold !important;}
.u-normal {font-weight: normal!important;}
.u-light {font-weight: lighter !important;}
/* u-fs
* フォントサイズ
*/
.u-fs12L {font-size: 25px!important;}
.u-fs11L {font-size: 24px!important;}
.u-fs10L {font-size: 23px!important;}
.u-fs9L {font-size: 22px!important;}
.u-fs8L {font-size: 21px!important;}
.u-fs7L {font-size: 20px!important;}
.u-fs6L {font-size: 19px!important;}
.u-fs5L {font-size: 18px!important;}
.u-fs4L {font-size: 17px!important;}
.u-fs3L {font-size: 16px!important;}
.u-fs2L {font-size: 15px!important;}
.u-fsL {font-size: 14px!important;}
.u-fsM {font-size: 13px!important;}
.u-fsS {font-size: 12px!important;}
.u-fs2S {font-size: 11px!important;}
.u-fs3S {font-size: 10px!important;}
.u-fsP65 {font-size: 65%;}
.u-fsP75 {font-size: 75%;}
.u-fsP90 {font-size: 90%;}
.u-fsP120 {font-size: 120%;}
.u-fsP130,
.u-fsLarger {font-size: 130%;}
.u-fsP150 {font-size: 150%;}
.u-fsP180 {font-size: 180%;}
/* u-fs
* フォントサイズ
* .u-fs[pc]-[sp]
*/
.u-fs13-8,
.u-fs13-10,
.u-fs13-11 {font-size: 13px !important;}
.u-fs14-11,
.u-fs14-12,
.u-fs14-13 {font-size: 14px !important;}
.u-fs15-11,
.u-fs15-12,
.u-fs15-14 {font-size: 15px !important;}
.u-fs16-12,
.u-fs16-13,
.u-fs16-14 {font-size: 16px !important;}
.u-fs17-10,
.u-fs17-15 {font-size: 17px !important;}
.u-fs18-11,
.u-fs18-13,
.u-fs18-14,
.u-fs18-16 {font-size: 18px !important;}
.u-fs19-14,
.u-fs19-17 {font-size: 19px !important;}
.u-fs20-12,
.u-fs20-14,
.u-fs20-15,
.u-fs20-16,
.u-fs20-18 {font-size: 20px !important;}
.u-fs21-15,
.u-fs21-16,
.u-fs21 {font-size: 21px!important;}
.u-fs22-18,
.u-fs22-14,
.u-fs22 {font-size: 22px !important;}
.u-fs23,
.u-fs23-16 {font-size: 23px !important;}
.u-fs24,
.u-fs24-12,
.u-fs24-14,
.u-fs24-16,
.u-fs24-18,
.u-fs24-19,
.u-fs24-20,
.u-fs24-22 {font-size: 24px !important;}
.u-fs25-14,
.u-fs25-18,
.u-fs25-19,
.u-fs25-21,
.u-fs25-22,
.u-fs25-24 {font-size: 25px !important;}
.u-fs26-20 {font-size: 26px !important;}
.u-fs16-030vw {font-size: 16px !important;}
.u-fs20-035vw {font-size: 20px !important;}
.u-fs22-037vw {font-size: 22px !important;}
.u-fs28-21,
.u-fs28-24,
.u-fs28-045vw {font-size: 28px !important;}
.u-fs29-26,
.u-fs29-16,
.u-fs29 {font-size: 29px !important;}
.u-fs32,
.u-fs32-19 {font-size: 32px !important;}
.u-fs34-23 {font-size: 34px;}
.u-fs50-40 {font-size: 50px;}
.u-fs36,
.u-fs36-16,
.u-fs36-21 {font-size: 36px;}
/* u-clr
* 文字色
*/
.u-clrP {color: #fd6d2c !important}
.u-clrGr2 {color: #222 !important;}
.u-clrGr3 {color: #333 !important;}
.u-clrGr6 {color: #666 !important;}
.u-clrGr9 {color: #999 !important;}
.u-clrGrA {color: #aaa !important;}
.u-clrGrB {color: #bbb !important;}
.u-clrGL {color: #c8b87b;} /* gold */
.u-clrSL {color: #adadad;} /* silver */
.u-clrBZ {color: #bf8063;} /* blonze */
.u-clr00 {color: #ffffff !important;}
.u-clr01 {color: #e5e5e5 !important;}
.u-clr02 {color: #ef5091 !important;}
.u-clr03 {color: #67ad60 !important;}
.u-clr04 {color: #ed1c24 !important;} /* red */
.u-clr05 {color: #000000 !important;}
.u-clr06 {color: #ee5a24 !important;} /* orange */
.u-clr14 {color: #a8893d !important;}
.u-clr15 {color: #c7b299 !important; }/* decollme */
.u-clr20 { color: #2988bc !important;} /* hikitaku LP blue */
.u-clr21 { color: #ed8c72 !important;} /* hikitaku LP orange */
.u-clr22 { color: #ff803b !important;}
.u-clr23 { color: #ff0000 !important;}
.u-clr24 { color: #ccdcce !important;} /* bijoupiko green */
.u-clr25 { color: #80af96 !important;} /* paper ps #ee887d */
.u-clr26 { color: #af9b79 !important;} /* paper hm #7dc2c9 */
.u-clr27 { color: #dbb37d !important;} /* paper common #c6a88d */
.u-clr28 { color: #BEA14F !important;} /* sacchin */
.u-clr28 { color: #EB8A72 !important;} /* ヒキタク キャンペーン */
.u-clr30 { color: #ee887d !important;} /* paper ps #ee887d */
.u-clr31 { color: #b8d7dc !important;} /* hikitaku ミントブルー */
.u-clr32 { color: #c1ac93 !important;} /* ムービー ベージュ */
.u-clr33 { color: #FF6D2E !important;} /* piary orange */
.u-clr34 { color: #c6ac42 !important;} /* 比較的明るいGOLD */
.u-clr35 { color: #4d4d4d !important;} /* グレー */
.u-clr36 { color: #ec867d !important;} /* ピアプリ ダンドリチェック */
.u-clr37 { color: #ee887d !important;} /* paper ps */
.u-clr38 { color: #7dc2c9 !important;} /* paper hm */
.u-clr39 { color: #fe7a15 !important;} /* piary orange */
.u-clr40 { color: #618f85 !important;} /* ウェルカムボードにもなるプチギフト */
.u-clr41 { color: #947344 !important;} /* 大口見積り 茶色 */
.u-clr42 { color: #ff7929 !important;} /* 大口見積り 橙色 */
/* #u-family 明朝
u-family1
`"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif`
*/
.u-family1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* PIARYロゴ専用フォント */
.u-family2 {
font-family: Trajan;
font-weight: bold;
}
/* PIARY 小塚ゴシック */
.u-family3 {
font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;;
}
/* u-lH */
.u-lHnormal{line-height: normal!important;}
.u-lH10{line-height: 1!important;}
.u-lH12{line-height: 1.2!important;}
.u-lH14{line-height: 1.4!important;}
.u-lH16{line-height: 1.6!important;}
.u-lH18{line-height: 1.8!important;}
.u-lH20{line-height: 2!important;}
.u-lH30{line-height: 3!important;}
.u-lH10_n{line-height: 1;}
.u-lH12_n{line-height: 1.2;}
.u-lH14_n{line-height: 1.4;}
.u-lH16_n{line-height: 1.6;}
.u-lH18_n{line-height: 1.8;}
.u-lH20_n{line-height: 2;}
.u-lH30_n{line-height: 3;}
/* u-bgClr
* 背景色
*/
.u-bgClrP {background-color: #fd6d2c !important}
.u-bgClr00 {background-color: #ffffff !important;}
.u-bgClr01 {background-color: #e5e5e5 !important;}
.u-bgClr02 {background-color: #ef5091 !important;}
.u-bgClr03 {background-color: #f8b9d3 !important;}
.u-bgClr04 {background-color: #7a6a56 !important;}
.u-bgClr05 {background-color: #f8f1d8 !important;}
.u-bgClr06 {background-color: #ffe97d !important;}
.u-bgClr07 {background-color: rgba(255,233,125,.6) !important;}
.u-bgClr08 {background-color: #7ed3ff !important;}
.u-bgClr09 {background-color: rgba(126,211,255,.6) !important;}
.u-bgClr10 {background-color: #ffb42d !important;}
.u-bgClr11 {background-color: rgba(255,180,45,.6) !important;}
.u-bgClr12 {background-color: #67ad60 !important; }
.u-bgClr13 {background-color: #f2f2f2 !important; }
.u-bgClr14 {background-color: #a8893d !important; }
.u-bgClr15 {background-color: #736357 !important; }/* decollme */
.u-bgClr16 {background-color: #fbb03b !important; }
.u-bgClr17 {background-color: #ab2c19 !important; }
.u-bgClr18 {background-color: #333333 !important; }
.u-bgClr19 {background-color: #ee5a24 !important; }/* minibag present */
.u-bgClr20 { background-color: #2988bc !important;} /* hikitaku LP blue */
.u-bgClr21 { background-color: #ed8c72 !important;} /* hikitaku LP orange */
.u-bgClr22 { background-color: #fcf6f0 !important;} /* hikitaku LP beige */
.u-BgClr23 { background-color: #ff803b !important;}
.u-BgClr24 { background-color: #ffefdf !important;}
.u-bgClr25 { background-color: #ccdcce !important;} /* bijoupiko green */
.u-bgClr26 { background-color: #d86d7d !important;}
.u-bgClr27 { background-color: #f4b22c !important;}
.u-bgClr28 { background-color: #00ad8c !important;}
.u-bgClr29 { background-color: #F6921E !important;}
.u-bgClr30 { background-color: #c7b299 !important;}
.u-bgClr31 { background-color: #eaf4ed !important;} /* paper ps #f9e9e4 */
.u-bgClr32 { background-color: #80af96 !important;} /* paper ps #ee887d */
.u-bgClr33 { background-color: #ede9e2 !important;} /* paper hm #daefef */
.u-bgClr34 { background-color: #af9b79 !important;} /* paper hm #7dc2c9 */
.u-bgClr35 { background-color: #f9f0e4 !important;} /* paper common #efeae4 */
.u-bgClr36 { background-color: #FAF4EE !important;} /* ヒキタク キャンペーン */
.u-bgClr37 { background-color: #f29c8b !important;} /* hikitaku LP orange薄め */
.u-bgClr38 { background-color: #f4745b !important;} /* hikitaku LP orange濃いめ */
.u-bgClr40 { background-color: #ee887d !important;} /* piapri */
.u-bgClr41 { background-color: #b8d7dc !important;} /* hikitaku */
.u-bgClr42 { background-color: #c1ac93 !important;} /* movie */
.u-bgClr43 { background-color: #808080 !important;}
.u-bgClr44 { background-color: transparent !important;} /* 透過 */
.u-bgClr45 { background-color: #c56c80 !important;}
.u-bgClr46 { background-color: #e7b82a !important;}
.u-bgClr47 { background-color: #F5F0E6 !important;}
.u-bgClr48 { background-color: #6b383d !important;}
.u-bgClr49 { background-color: #FFFBE5 !important;}
.u-bgClr50 { background-color: #fbfbfb !important;}
.u-bgClr51 { background-color: #ec867d !important;} /* ピアプリ ダンドリチェック */
.u-bgClr52 { background-color: #f9e9e4 !important;} /* paper ps */
.u-bgClr53 { background-color: #daefef !important;} /* paper hm */
.u-bgClr54 { background-color: #ee887d !important;} /* paper ps */
.u-bgClr55 { background-color: #7dc2c9 !important;} /* paper hm */
.u-bgClr56 { background-color: #35bbca !important;}
.u-bgClr57 { background-color: #ed1c24 !important;} /* red */
.u-bgClr58 { background-color: #eff3f2 !important;}
.u-bgClr59 { background-color: #618f85 !important;} /* ウェルカムボードにもなるプチギフト */
.u-bgClr60 { background-color: #dee7e5 !important;} /* ウェルカムボードにもなるプチギフト */
.u-bgClr61 { background-color: #947344 !important;} /* 大口見積り 茶色 */
/* border */
.u-borClrP {border-color: #fd6d2c !important;}
.u-borClrGL {border-color: #c8b87b !important;} /* gold */
.u-borClr00 {border-color: #ffffff !important;}
.u-borClr01 {border-color: #999999 !important;}
.u-borClr02 {border-color: #aaaaaa !important;}
.u-borClr03 {border-color: #cccccc !important;}
.u-borClr04 {border-color: #e5e5e5 !important;}
.u-borClr05 {border-color: #67ad60 !important;}
.u-borClr06 {border-color: #ed1c24 !important;}
.u-borClr07 {border-color: #000000 !important;}
.u-borClr14 {border-color: #a8893d !important; }
.u-borClr15 {border-color: #c7b299 !important; }/* decollme */
.u-borClr19 {border-color: #ee5a24 !important; }/* minibag present */
.u-borClr20 {border-color: #2988bc !important; } /* hikitaku LP blue */
.u-borClr21 {border-color: #ff803b !important; }
.u-borClr22 {border-color: #F6921E !important; }
.u-borClr24 {border-color: #ccdcce !important;} /* bijoupiko green */
.u-borClr25 { border-color: #80af96 !important;} /* paper #ee887d */
.u-borClr26 { border-color: #af9b79 !important;} /* paper #7dc2c9 */
.u-borClr27 { border-color: #dbb37d !important;} /* paper #c6a88d */
.u-borClr28 { border-color: #ee887d !important;} /* piapri */
.u-borClr29 { border-color: #b8d7dc !important;} /* hikitaku */
.u-borClr30 { border-color: #c1ac93 !important;} /* movie */
.u-borClr31 { border-color: #808080 !important;}
.u-borClr32 {border-color: #ee5a24 !important;} /* orange */
.u-borClr33 {border-color: #FF6D2E !important;} /* piary orange */
.u-borClr34 {border-color: #DFB555 !important;} /* piary orange */
.u-borClr35 {border-color: #c6ac42 !important;} /*比較的明るいGOLD */
.u-borClr36 {border-color: #bbbbbb !important;} /* グレー */
.u-borClr37 {border-color: #888888 !important;}
.u-borClr38 {border-color: #c0a287 !important;}
.u-borClr39 {border-color: #ec867d !important;} /* ピアプリ ダンドリチェック */
.u-borClr40 {border-color: #ee887d !important;} /* paper ps */
.u-borClr41 {border-color: #7dc2c9 !important;} /* paper hm */
.u-borClr42 {border-color: #dee7e5 !important;} /* ウェルカムボードにもなるプチギフト */
.u-borClr43 {border-color: #618f85 !important;} /* ウェルカムボードにもなるプチギフト */
.u-borClr44 {border-color: #ff0000 !important;}
.u-borClr45 {border-color: #ede9e2 !important;}
.u-borA0 {border: 0 !important;}
.u-borA1 {border: 1px solid;}
.u-borA2 {border: 2px solid;}
.u-borA3 {border: 3px solid;}
.u-borT1 {border-top: 1px solid;}
.u-borT2 {border-top: 2px solid;}
.u-borTNone {border-top: none!important;}
.u-borB1 {border-bottom: 1px solid;}
.u-borB2 {border-bottom: 2px solid;}
.u-borBNone {border-bottom: none!important;}
.u-borL1 {border-left: 1px solid;}
.u-borR1,
.u-borR1-0 {border-right: 1px solid;}
.u-borTB1 {border-top: 1px solid;border-bottom: 1px solid;}
.u-borTB2 {border-top: 2px solid;border-bottom: 2px solid;}
.u-borW1{ border-width: 1px !important; }
.u-borW2{ border-width: 2px !important; }
.u-borW3{ border-width: 3px !important; }
.u-borDsA1 {border: 1px dashed;}
.u-borDsT1 {border-top: 1px dashed;}
.u-borDsB1 {border-bottom: 1px dashed;}
.u-borDsL1 {border-left: 1px dashed;}
.u-borDsR1 {border-right: 1px dashed;}
.u-borDsTB1 {border-top: 1px dashed;border-bottom: 1px dashed;}
.u-borDtB1{border-bottom:1px dotted;}
/* u-borR
*/
.u-borRad10 {border-radius: 10px;}
.u-borRad20 {border-radius: 20px;}
.u-borRad04 {border-radius: 4px;}
.u-borRad05 {border-radius: 5px;}
.u-borRad50par {border-radius: 50%;}
/* u-w
* 要素の幅
* .u-w[pc]-[sp]
*/
.u-w7-100 {width: 7% !important;}
.u-w16-50 {width: 16.66% !important;}
.u-w20-100 {width: 20% !important;}
.u-w24-100 {width: 24% !important;}
.u-w30-100 {width: 30% !important;}
.u-w33-100,
.u-w33-50 {width: 33.333% !important;}
.u-w40-100 {width: 40% !important;}
.u-w47-90,
.u-w47-100 {width: 47% !important;}
.u-w49,
.u-w49-100 {width: 49% !important;}
.u-w50-100 {width: 50% !important;}
.u-w55-100 {width: 55% !important;}
.u-w60-100 {width: 60% !important;}
.u-w65-100 {width: 65% !important;}
.u-w70-100 {width: 70% !important;}
.u-w75-90,
.u-w75-100 {width: 75% !important;}
.u-w80-90,
.u-w80-100 {width: 80% !important;}
.u-w85-90,
.u-w85-100 {width: 85% !important;}
.u-w90-100 {width: 90% !important;}
.u-w50sp {}
.u-w33-50{width: 33.33% !important}
.u-w05,
.u-w05-10 {width: 5% !important;}
.u-w08-15 {width: 8% !important;}
.u-w10 {width: 10% !important;}
.u-w20,
.u-w20-50 {width: 20% !important;}
.u-w25-50,
.u-w25 {width: 25% !important;}
.u-w27-85 {width: 27% !important;}
.u-w30-80,
.u-w30 {width: 30% !important;}
.u-w32 {width: 32% !important;}
.u-w324 {width: 32.4%!important;}
.u-w33 {width: 33.333% !important;}
.u-w35 {width: 35% !important;}
.u-w40,
.u-w40-80 {width: 40% !important;}
.u-w45 {width: 45% !important;}
.u-w485,
.u-w485-100 {width: 48.5% !important;}
.u-w50 {width: 50% !important;}
.u-w55 {width: 55% !important;}
.u-w60 {width: 60% !important;}
.u-w65,
.u-w65-85 {width: 65% !important;}
.u-w66 {width: 66.6% !important;}
.u-w70,
.u-w70-90,
.u-w70-95 {width: 70% !important;}
.u-w75 {width: 75% !important;}
.u-w80 {width: 80% !important;}
.u-w90 {width: 90% !important;}
.u-w100-50,
.u-w100 {width: 100% !important;}
.u-w20-33,
.u-w20-25 {width: 20% !important;}
.u-w60-80 {width: 60% !important;}
.u-w10-20 {width: 10% !important;}
.u-w90-80 {width: 90% !important;}
.u-w10-33 {width: 10% !important;}
.u-wAuto,
.u-wAuto-100 {width: auto !important;}
.u-lstNone{
list-style-type: none !important;
}
/* max指定 */
.u-mw70 {max-width: 70% !important}
.u-mw100 {max-width: 100% !important;}
.u-mw300px {max-width: 300px !important;}
/* 固定ピクセル指定*/
.u-wh160-90,
.u-wh160-130 {
width: 160px;
height: 160px;
}
.u-h50px {height: 50px;}
.u-h60px {height: 60px;}
.u-h110px-60px,
.u-h110px {height: 110px;}
.u-h140px {height: 140px;}
.u-h170px-150px {height: 170px;}
.u-h180px {height: 180px;}
.u-h10par {height: 10%;}
.u-h20par {height: 20%;}
.u-h30par {height: 30%;}
.u-h40par {height: 40%;}
.u-h50par {height: 50%;}
.u-h60par {height: 60%;}
.u-h70par {height: 70%;}
.u-h80par {height: 80%;}
.u-h90par {height: 90%;}
.u-h100par {height: 100%;}
/* PCのtelを無効 */
.u-pc-tel-none {
pointer-events: none;
text-decoration: none;
}
/*overflow*/
.u-ofHid { overflow: hidden!important;}
/* box shadow */
.u-bxSh01 {
box-shadow: 1px 1px 5px rgba(0,0,0,.35);
}
/* ▲矢印*/
.u-arw {position: relative;}
.u-arw::after {
content: '';
display: block;
position: absolute;
width: 0;
}
.u-arw--01::after {
border-top: 10px solid #ffe97d;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.u-arw--02::after {
border-top: 10px solid #7ed3ff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.u-arw--03::after {
border-top: 10px solid #ffb42d;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.u-arw--04::after {
border-top: 10px solid #44a9e0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.u-arw--05::after {
border-top: 10px solid #f278ae;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.u-arwBC::after {
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
}
.u-zubaba::before,
.u-zubaba::after{
height: 1.5em;
width: 1em;
font-size: 1em;
align-self: flex-end;
}
.u-zubaba::before{ content: '＼'; }
.u-zubaba::after{ content: '／'; }
.u-curP{cursor: pointer;}
.u-peAuto{pointer-events: auto!important;}
.u-peNone{pointer-events: none!important;}
.u-txtOnImgCnt{
position: relative;
}
.u-txtOnImgCnt p{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.u-txtOnImgCnt img{
width: 100%;
}
.u-heart:before{
content:"\02661";
}
.u-BasedWH50par::before{
content: '';
display: block;
padding-top: 50%;
}
.u-trRot45{
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.u-trRot90{
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
/* 光るアニメ（背景） */
.u-anime--bg01{ animation: bg01 0.8s linear 0s infinite; }
@keyframes bg01{
0%{ background: #fff; }
40%{ background: #ffe080; }
80%{ background: #fff; }
}
@-webkit-keyframes bg01{
0%{ background: #fff; }
40%{ background: #ffe080; }
80%{ background: #fff; }
}
/* 光るアニメ（透過） */
.u-anime--opa01{ animation: opa01 1.4s linear 0s infinite; }
@keyframes opa01{
0%{ opacity: 1; -webkit-opacity: 1; }
45%{ opacity: 0.5; -webkit-opacity: 0.5; }
90%{ opacity: 1; -webkit-opacity: 1; }
100%{ opacity: 1; -webkit-opacity: 1; }
}
@-webkit-keyframes opa01{
0%{ opacity: 1; -webkit-opacity: 1; }
45%{ opacity: 0.5; -webkit-opacity: 0.5; }
90%{ opacity: 1; -webkit-opacity: 1; }
100%{ opacity: 1; -webkit-opacity: 1; }
}
/* 光るアニメ（枠影） */
.u-anime--bxsh01{ animation: bxsh01 1.8s linear 0s infinite; }
@keyframes bxsh01{
0%{ box-shadow: 0 0 0 0 rgba(255,220,100,0); }
50%{ box-shadow: 0 0 8px 6px rgba(255,220,100,1); }
100%{ box-shadow: 0 0 0 0 rgba(255,220,0,100); }
}
@-webkit-keyframes bxsh01{
0%{ box-shadow: 0 0 0 0 rgba(255,220,100,0); }
50%{ box-shadow: 0 0 8px 6px rgba(255,220,100,1); }
100%{ box-shadow: 0 0 0 0 rgba(255,220,0,100); }
}
/* 他アニメーションCSS */
/* FadeIn */
.anime-scrollFadeIn{
opacity: 0;
}
.anime-scrollFadeIn.is-active{
animation: anime-fadeIn 0.8s linear 0s 1 normal;
opacity: 1;
}
@keyframes anime-fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
/* Expand */
.anime-scrollExpand.is-active{
animation: anime-expand 0.8s ease-in-out 0s 1 normal;
}
@keyframes anime-expand{
0%{
-webkit-transform: scale(1);
transform: scale(1);
}
10%{
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
40%{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* slideL */
.anime-scrollSlideL{
position: relative;
left: -60px;
top: 0;
}
.anime-scrollSlideL.is-active{
animation: anime-slideL 0.8s ease-in-out 0s 1 normal;
left: 0;
}
@keyframes anime-slideL{
0%{ left: -60px; }
100%{ left: 0; }
}
.anime-scrollSlideL.anime-scrollFadeIn.is-active{
animation: anime-slideL 0.8s ease-in-out 0s 1 normal, anime-fadeIn 0.8s ease-in-out 0s 1 normal;
left: 0;
}
/* ZoomIn */
.anime-ZoomIn.is-active{
animation: anime-zoomIn 0.4s ease-in-out 0s 1 normal;
}
@keyframes anime-zoomIn{
0%{
-webkit-transform: scale(0);
transform: scale(0);
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* delay */
.anime-delayM.is-active{
animation-delay: 0.4s !important;
}
/* ↓不要？
.anime-fadeIn{
opacity: 0;
}
.anime-fadeIn.is-active{
animation: anime-fadeIn 0.8s linear 0s 1 normal;
opacity: 1;
}*/
/* title (line) */
.c-ttlLine {
position: relative;
display: inline-block;
line-height: 1.5;
overflow: hidden;
}
.c-ttlLine::before,
.c-ttlLine::after {
background-color: #222;
}
.c-ttlLine--bgClr20::before,
.c-ttlLine--bgClr20::after {
background-color: #2988bc;
}
.c-ttlLine--l {
padding: 0 3rem;
}
.c-ttlLine--s {
padding: 0 2rem;
}
.c-ttlLine::before {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
left: 1rem;
line-height: 2rem;
transform: rotate(-42.5deg);
}
.c-ttlLine--l::before,
.c-ttlLine--l::after {
width: 2px;
}
.c-ttlLine--s::before,
.c-ttlLine--s::after {
width: 1px;
}
.c-ttlLine::after {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
right: 1rem;
line-height: 2rem;
transform: rotate(42.5deg);
}
/* button */
.c-btn {
display: block;
text-decoration: none;
border-radius: 4px;
box-sizing: border-box;
}
.c-btn:hover {
text-decoration: none;
color: inherit;
}
.c-btn--search {
width: 310px;
box-sizing: border-box;
}
/* arrow */
.c-icArrow {
position: relative;
}
.c-icArrow::after {
content: '';
position: absolute;
}
.c-icArrow--slim::after {
width: .6em;
height: .6em;
border-top: 2px solid;
border-right: 2px solid;
}
.c-icArrow--Clr20::after {
border-color: #2988bc;
}
.c-icArrow--rr::after {
/* position:right direction:right */
right: .5em;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
top: calc((100% - .7em) / 2);
}
.c-icArrow--rr2::after {
right: -1.25em;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
top: calc((100% - .7em) / 2);
}
.c-icArrow--lr::after {
/* position:left direction:right */
left: .5em;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
top: calc((100% - .7em) / 2);
}
.c-icArrow--ru::after {
/* position:right direction:up */
right: .75em;
-webkit-transform: rotate(-45deg) skew(10deg, 10deg);
transform: rotate(-45deg) skew(10deg, 10deg);
top: calc((100% - .7em) / 2);
}
.c-icArrow--rd::after {
/* position:right direction:down */
right: .75em;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
top: calc((100% - 1em) / 2);
}
.c-icArrow--rd2::after {
/* position:right direction:down */
right: -1.25em;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
top: calc((100% - 1em) / 2);
}
.c-ttlLine--03 {
padding: 0 3rem;
}
.c-ttlLine--03::before,
.c-ttlLine--03::after {
width: 1px;
background-color: #222;
top: .5em;
}
.c-ttlLine--03::before {
transform: rotate(-30deg);
}
.c-ttlLine--03::after {
transform: rotate(30deg);
}
.c-icArrow--slim02::after {
width: .5em;
height: .5em;
border-top: 2px solid;
border-right: 2px solid;
}
/* その他ページCSS外部化 */
.mt40 {
margin-top: 40px;
}
.mb40 {
margin-bottom: 40px;
}
.mr40 {
margin-right: 40px;
}
.mt50 {
margin-top: 50px;
}
.mb50 {
margin-bottom: 50px;
}
.mr50 {
margin-right: 50px;
}
.font-s {
font-size: 12px;
}
.font-ss {
font-size: 10px;
}
.font-l {
font-size: 17px;
}
.color-r {
color: #f00;
}
/* PC表示・非表示 */
br.xssp,
br.smsp,
br.sp {
display: none;
}
.pc-cont {
display: block;
}
.pc-cont_inline {
display: inline-block;
}
.sp-cont,
.sp-cont_inline {
display: none;
}
.u-pcMarginR4 {
margin-right: 4px;
}
.u-pcMarginB4 {
margin-bottom: 4px;
}
.u-pcMarginR5 {
margin-right: 5px;
}
.u-pcMarginB5 {
margin-bottom: 5px;
}
.emergency {
color: #ff0000;
text-align: center;
margin: 15px auto;
width: 940px;
padding: 9px;
border: 1px solid #ff0000;
font-size: 12px;
max-width: 90%;
}
.con2Col #systemWrap a:hover {
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
}
.con2Col #systemWrap ul.itemBlock li a:hover img,
.con2Col #systemWrap ul.itemBlock li a:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
a:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
}
/* 画像グレーボーダー用 */
.borderGr {
border: 1px solid #ddd;
}
/* リンク色 */
a:link,
#main .proBlock a:link,
ul.itemBlock li a:link,
ul.itemBlock li a:visited,
a:visited {
color: #666;
}
a:hover,
#main .proBlock a:hover,
ul.itemBlock li a:hover,
ul.itemBlock li a:hover {
color: #ff6d2e;
}
/* 固定ページ用 */
.individual a:link,
.individual a:visited {
color: #808080;
text-decoration: underline;
}
.bridal_festa a:link,
.mail_ng .container a:link,
.kuchikomi_guideline a:link,
.notices a:link,
.memberLsitWrap a:link {
color: #666;
text-decoration: underline;
}
/*---------------
矢印Webフォント風
double： 》
tri： ▲
--------------- */
i.arrow-double,
i.arrow-tri {
display: inline-block;
font-size: inherit;
font-style: normal;
}
i.arrow-double:before {
margin-left: .5em;
}
i.arrow-tri:before {
margin-top: .5em;
}
i.arrow-double:before {
content: "》";
}
i.arrow-tri:before {
content: "▲";
}
i.arrow-double.arrow-down {
transform: rotate(90deg);
}
i.arrow-double.arrow-up {
transform: rotate(-90deg);
}
i.arrow-tri.arrow-right {
transform: rotate(90deg);
margin-right: .5em;
}
/* ----------------------------------------
総合TOP ・カテゴリTOP
-----------------------------------------*/
.topTileBn {
margin-left: -0.5%;
}
.topTileBn li {
float: left;
width: 49.5%;
margin: 0.5% 0 0.5% 0.5%;
}
.topTileBn li img {
max-width: 100%;
}
.topcateBtn .piary_adv {
text-align: left;
font-size: 92%;
color: inherit;
}
/* 特集一覧リンク */
.specialLink {
font-weight: normal;
margin: 0 0 .75em 490px;
text-align: right;
}
.piaryTop .specialLink {
margin: 0 0 .75em 325px;
}
@media screen and (max-width: 480px) {
.piaryTop .specialLink {
margin: 0 0 0 20%;
}
}
/* カテゴリーTOP HOW TO */
.articleLink {
float: right;
padding-top: 26px;
font-weight: normal;
text-align: right;
}
.catalogArticles .articleLink {
margin-left: 262px
}
.categorytop_articles ul.articleList {
width: 100%;
border-top: #666 1px solid;
border-left: #666 1px solid;
}
.categorytop_articles ul.articleList li {
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 1%;
border-right: #666 1px solid;
border-bottom: #666 1px solid;
}
.categorytop_articles ul.articleList li h3.title {
color: #722;
font-size: 1em;
margin-bottom: 3%;
padding-top: 3%;
height: 2.6em;
line-height: 1.3em;
text-decoration: underline;
}
.categorytop_articles ul.articleList li a h6:hover {
opacity: .75;
}
.categorytop_articles ul.articleList li h6.title {
color: #722;
font-size: 1em;
margin-bottom: 3%;
padding-top: 3%;
height: 2.6em;
line-height: 1.3em;
text-decoration: underline;
}
.categorytop_articles ul.articleList li p.text {
font-size: 95%;
overflow: hidden;
height: 55px;
color: #888;
}
.categorytop_articles ul.articleList li span.continued {
display: block;
margin-top: 4%;
text-align: right;
text-decoration: underline;
color: #888;
}
.categorytop_articles ul.articleList .articleZ {
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 1%;
border-right: #666 1px solid;
border-bottom: #666 1px solid;
color: #fbfbfb;
background-color: #fbfbfb;
}
/* ----------------------------------------
特集総合
---------------------------------------- */
/* ゼクシィブライダルフェスタ */
.bridal_festa {
margin-top: 10px;
}
.bridal_festa img {
max-width: 750px;
}
.bridal_festa h4.typeBorder {
text-align: left;
font-size: 14px;
background: url(/resource/img/h_bg_01.png) 0 bottom repeat-x;
padding: 0 0 12px 5px;
margin: 10px 0;
}
.bridal_festa img {
max-width: 750px;
}
.bridal_festa section.header {
margin-bottom: 0;
}
.bridal_festa .festa_report {
text-align: center;
margin-top: 50px;
}
.bridal_festa .container img,
.bridal_festa .festa_report img {
margin: 8px 0;
}
.bridal_festa .text {
margin: 1.5em;
}
/* リンク */
.bridal_festa section.links {
margin-top: 10px;
}
.bridal_festa section.links p {
text-align: center;
border-top: 4px solid #fbb;
border-bottom: 4px solid #fbb;
padding: 30px 0;
}
.bridal_festa .festa_report .font-l {
font-size: 17px;
color: #d00;
}
/* 会場アクセス */
.bridal_festa #access {
margin: 50px 0 30px 0;
}
.bridal_festa #access .right {
float: right;
}
.bridal_festa #access .right img {
border: 4px double #aaa;
}
.bridal_festa #access .right span {
font-size: 11px;
}
.bridal_festa #access .left {
float: left;
width: 50%;
margin-bottom: 30px;
}
.bridal_festa #access .left p {
margin: 10px 0;
font-size: 12px;
color: #555;
}
.bridal_festa #access .left span {
font-size: 18px;
color: #900;
}
/* 2014_7 */
#systemWrap .festa2014_7 section.header {
margin-bottom: 0;
}
.festa2014_7 .header div {
padding-left: 2%;
line-height: 1.8em;
background: url(/uploads/page/48900/festa2014-7_bg.jpg) repeat-y 0 0;
}
/* 2014_2 */
.festa2014_2 img {
max-width: 750px;
}
.festa2014_2 .container {
text-align: center;
font-size: 90%;
}
.festa2014_2 .container img {
margin: 8px 0;
}
.festa2014_2 .text {
margin: 1.5em;
}
/* HIT ITEMS（ギフト・内祝いランキングでも使用） */
#hitItemsHeader {
margin-bottom: 40px;
}
#hitItemsHeader ul li {
list-style-type: none;
float: left;
}
.hitItems-3col {
width: 800px;
margin-left: -16px;
}
.hitItems-3col li {
float: left;
width: 250px;
margin: 0 0 30px 16px;
position: relative;
}
.hitItems-3col .title_items img {
position: absolute;
top: 50%;
left: 50%;
margin-left: -50%;
margin-top: -60%;
}
.hitItems-3col .pic_items {
display: block;
width: 242px;
height: 242px;
padding: 3px;
border: 1px solid #ddd;
}
.specialContent03 #petit .title_items {
background: url(/resource/img/bg_petit_best5.jpg) repeat-y 0 0;
}
.specialContent03 #paper .title_items {
background: url(/resource/img/bg_paper_best5.jpg) repeat-y 0 0;
}
.specialContent03 #welcome .title_items {
background: url(/resource/img/bg_welcome_best5.jpg) repeat-y 0 0;
}
.specialContent03 #weddinggift .title_items {
background: url(/resource/img/bg_weddinggift_best5.jpg) repeat-y 0 0;
}
.specialContent03 #ceremony .title_items {
background: url(/resource/img/bg_ceremony_best5.jpg) repeat-y 0 0;
}
.specialContent03 #prize .title_items {
background: url(/resource/img/bg_prize_best5.jpg) repeat-y 0 0;
}
.specialContent03 #gift .title_items {
background: url(/resource/img/bg_gift_best5.jpg) repeat-y 0 0;
}
.hitItems-3col li p.ranking {
margin-bottom: 10px;
border-bottom: 3px solid #928580;
}
.hitItems-3col li p.title {
color: #AC8A42;
font-weight: bold;
margin-bottom: 10px;
border-top: 3px solid #928580;
padding-top: 5px;
}
.hitItems-3col li p.desc {
font-size: 84.6%;
}
.hitItems-3col li p.price {
font-size: 84.6%;
margin-bottom: 0;
}
.hitItems-3col li p.price .per {
margin: 0 5px 0;
color: #fff;
background: #ff6d2e;
padding: 1px 4px;
}
.hitItems-3col li p.price .aliasname {
display: block;
color: #a56040;
margin: 6px 0 2px 0;
text-align: left;
padding: 2px 6px;
background: #faefe0;
}
.hitItems-3col li p.price .pdown {
color: #ff6d2e;
font-weight: bold;
font-size: 130%;
background: #ffffff;
}
.img_wid {
width: 100%;
}
li p.rank1to5 {
width: 100px;
}
/* ギフト・内祝い人気ランキング */
.bn_head {
width: 100%;
margin: 10px 0;
}
.top_navi {
width: 100%;
margin: 10px 0;
}
.top_navi li {
float: left;
width: 20%;
}
.pic_items {
display: block;
width: 242px;
height: 242px;
padding: 3px;
border: 1px solid #ddd;
}
.to_continued {
width: 100%;
max-width: 785px;
margin-bottom: 20px;
}
#no01 .title_items {
background: url(/uploads/page/1652/bgc_05.jpg) repeat-y 0 0;
}
#no02 .title_items {
background: url(/uploads/page/1652/bgc_01.jpg) repeat-y 0 0;
}
#no03 .title_items {
background: url(/uploads/page/1652/bgc_02.jpg) repeat-y 0 0;
}
#no04 .title_items {
background: url(/uploads/page/1652/bgc_03.jpg) repeat-y 0 0;
}
#no05 .title_items {
background: url(/uploads/page/1652/bgc_04.jpg) repeat-y 0 0;
}
li p.rank1to5 {
width: 100px;
}
li p.title {
/*border-top:3px solid #928580;*/
padding-top: 5px;
color: #AC8A42;
font-weight: bold;
margin-bottom: 10px !important;
}
li p.desc {
font-size: 84.6%;
margin: 0 !important;
}
li p.price {
font-size: 84.6%;
margin: 8px 0 0 0;
}
li p.price .per {
margin: 0 5px 0;
color: #fff;
background: #ff6d2e;
padding: 1px 4px;
}
li p.price .pdown {
color: #ff6d2e;
font-weight: bold;
font-size: 130%;
background: transparent;
}
li .ranking_620 {
width: 43px
}
.hitItems_02 {
width: 780px;
margin: 0 10px;
margin-top: 20px;
}
.hitItems_02 li {
float: left;
width: 130px;
margin: 0 10px 20px 10px;
}
.pic_items_6to20 {
display: block;
width: 130px;
padding: 3px;
border: 1px solid #ddd;
}
li p.title_s {
margin-bottom: 5px;
color: #AC8A42;
font-weight: bold;
}
li p.price .per_s {
color: #fff;
background: #ff6d2e;
padding: 1px 4px;
}
.back_to_top {
width: 220px;
height: 25px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
/* オリジナルプチギフト */
li.norank_list a img {
/*width: 259px;
height: 259px;*/
max-width: 100%;
}
/* 商品リスト全般 */
li.nostock {
/*display: table;*/
background-color: #666666;
color: #ffffff;
}
.pickRight li.nostock {
height: 400px;
}
li.nostock p {
/*display: table-cell;
vertical-align: middle;*/
font-weight: bold;
padding: 0 5%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
p.exception {
color: red;
font-weight: bold;
margin: 0 0 5px;
}
/* オシャレに節約 */
.piary-style-wedding {
color: #736357;
}
.piary-style-wedding .header,
.piary-style-wedding .part01,
.piary-style-wedding .part04 {
position: relative;
}
.piary-style-wedding .header .box_txt {
position: absolute;
top: 280px;
left: 80px;
width: 275px;
line-height: 1.7;
}
.piary-style-wedding .part01 h3 {
position: absolute;
background-color: #fff;
display: inline-block;
padding: 20px;
left: 80px;
top: -20px;
text-align: center;
font-size: 22px;
font-weight: normal;
}
.piary-style-wedding .part01 h3 img {
margin: 0 0 15px;
}
.piary-style-wedding .part01 .box_txt {
position: absolute;
top: 150px;
left: 80px;
width: 275px;
line-height: 1.7;
}
.piary-style-wedding .box_txt p {
margin-bottom: 1em;
}
.piary-style-wedding .part01>img {
float: right;
}
.piary-style-wedding div h3 {
font-size: 22px;
font-weight: normal;
}
.piary-style-wedding h3.check {
text-align: center;
padding-bottom: 5px;
border-bottom: 1px solid #736357;
margin: 0 auto 10px;
}
.piary-style-wedding h3.check span {
display: inline-block;
}
.piary-style-wedding div h3 span {
font-size: 11px;
line-height: 1.2;
}
.piary-style-wedding .part02 {
padding: 0px 15px;
margin-bottom: 30px;
}
.piary-style-wedding .part03 {
width: 700px;
margin: 0 auto 30px;
}
.piary-style-wedding .check-point-inner {
margin-bottom: 25px;
}
.piary-style-wedding .part03 .brides-voice,
.piary-style-wedding .part03 .piary-style {
float: left;
}
.piary-style-wedding .part03 .brides-voice {
width: 230px;
position: relative;
}
.piary-style-wedding .brides-voice_txt {
background-color: #ffe8e0;
margin: 5px 5px 0 0;
padding: 18px;
position: relative;
z-index: 0;
}
.piary-style-wedding .brides-voice_txt:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 20px solid #ffe8e0;
border-right: 20px solid transparent;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
position: absolute;
top: -20px;
left: 35%;
z-index: -1;
}
.piary-style-wedding .brides-voice:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 16px solid #736357;
border-right: 16px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
position: absolute;
top: 45%;
right: -14%;
z-index: 1;
}
.piary-style-wedding .brides-voice_txt h5 {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.piary-style-wedding .brides-voice_txt p {
font-size: 11px;
}
.piary-style-wedding .part03 .piary-style {
width: 425px;
margin-left: 20px;
background-color: #ffe8e0;
padding: 12px;
position: relative;
margin-top: 15px;
}
.piary-style-wedding .piary-style>p {
position: absolute;
background-color: #FFE8E0;
font-size: 16px;
top: -15px;
padding: 8px 15px 0px;
display: inline-block;
width: 80px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.piary-style-wedding .piary-style_txt {
float: right;
width: 55%;
margin: 15px 0 0 10px;
}
.piary-style-wedding .piary-style_img {
float: left;
width: 40%;
margin-top: 15px;
}
.piary-style-wedding .piary-style_txt ul {
margin: 0 auto 5px;
/*width:218px;*/
margin-bottom: 15px;
}
.piary-style-wedding .piary-style_txt ul.ico-list-s {
width: 146px;
}
.piary-style-wedding .piary-style_txt ul li {
float: left;
width: calc(33.33% - 5px);
height: 113px;
background: #c7b299;
font-size: 11px;
margin: 0 2px;
text-align: center;
position: relative;
}
.piary-style-wedding .piary-style_txt ul.col2 li {
width: calc(50% - 5px);
}
.piary-style-wedding .piary-style_txt ul li span.font-l {
/* font-size:14px;*/
letter-spacing: -1px;
}
.piary-style-wedding .piary-style_txt ul li span.bubble-s,
.piary-style-wedding .piary-style_txt ul li span.bubble-m {
position: absolute;
top: 4px;
right: 4px;
border-radius: 50%;
color: #fff;
background-color: #f15a24;
box-sizing: border-box;
width: 36px;
height: 36px;
padding: 10px 0;
}
.piary-style-wedding .piary-style_txt ul li span.bubble-s {
width: 36px;
height: 36px;
padding: 10px 0;
}
.piary-style-wedding .piary-style_txt ul li span.bubble-m {
width: 40px;
height: 40px;
padding: 6px 0;
}
.piary-style-wedding .piary-style_txt {
font-size: 11px;
}
.piary-style-wedding .piary-style_img {
position: relative;
}
.piary-style-wedding .piary-style_img span.bubble_txt {
position: absolute;
box-sizing: border-box;
top: -8px;
left: -8px;
width: 85px;
height: 85px;
background-color: #c7b299;
display: block;
padding: 20px 15px;
border-radius: 50%;
font-size: 11px;
}
.piary-style-wedding .box-wedding-gift .piary-style_img span.bubble_txt {
padding: 25px 10px;
border-radius: 50%;
text-align: center;
}
.piary-style-wedding .box-wedding-gift .piary-style_img span.bubble_txt.discount {
padding: 14px 10px;
line-height: 1.1;
font-size: 14px;
}
.piary-style-wedding .box-wedding-gift .piary-style_img span.bubble_txt.discount span {
font-size: 28px;
}
.piary-style-wedding .part03 h4 {
font-size: 23px;
margin: 15px 0 10px;
text-align: center;
border: 4px solid #c7b299;
padding: 8px;
line-height: 1.3;
background-color: #fceee0;
margin-bottom: 20px;
background-position: 50% 0;
background-repeat: no-repeat;
}
.piary-style-wedding .part03 h4.h_paperitem {
background-image: url(/resource/img/special/setsuyaku/bg_h_paperitem.png);
}
.piary-style-wedding .part03 h4.h_petitgift {
background-image: url(/resource/img/special/setsuyaku/bg_h_petitgift.png);
}
.piary-style-wedding .part03 h4.h_weddinggift {
background-image: url(/resource/img/special/setsuyaku/bg_h_weddinggift.png);
}
.piary-style-wedding .part03 h4 span {
display: block;
font-weight: normal;
font-size: 16px;
}
.piary-style-wedding .part04 p.copy {
color: #333;
position: absolute;
top: 52px;
left: 75px;
width: 290px;
font-size: 18px;
line-height: 1.2;
}
.piary-style-wedding .part04,
.piary-style-wedding .part05 {
background-color: #ffe8e0;
}
.piary-style-wedding .part04 .part04-inner {
position: relative;
}
.piary-style-wedding .part04 .part04-inner h3 {
position: relative;
background-color: #ffe8e0;
display: inline-block;
left: 80px;
top: -20px;
text-align: center;
font-size: 22px;
font-weight: normal;
padding: 20px;
}
.piary-style-wedding .part04 .part04-inner h3 img {
margin: 0 0 15px;
}
.piary-style-wedding .part04 h4 span {
font-size: 11px;
font-weight: normal;
}
.piary-style-wedding .part04 .box_txt {
width: 380px;
float: right;
margin: 30px 30px 20px 0;
}
.piary-style-wedding .box {
background-color: #fff;
position: relative;
width: 665px;
margin: 0 auto;
padding: 50px 30px 30px;
z-index: 0;
}
.piary-style-wedding .box.mb40 {
margin-bottom: 40px;
}
.piary-style-wedding .box p.copy2 {
position: absolute;
top: -15px;
left: 10%;
color: #f00;
font-size: 18px;
background-color: #fff;
text-align: center;
display: inline-block;
padding: 12px 20px 5px;
z-index: 10;
}
.piary-style-wedding .box_wfd_hikitaku img.img_part04 {
float: left;
}
.piary-style-wedding .box_namecardset img.img_part04 {
float: right;
}
.piary-style-wedding .box_wfd_hikitaku .set_txt {
float: right;
}
.piary-style-wedding .box_namecardset .set_txt {
float: left;
}
.piary-style-wedding .set_txt {
width: 47%;
}
.piary-style-wedding .set_txt ul {
margin: 5px 0 15px;
}
.piary-style-wedding .set_txt ul li {
float: left;
width: 90px;
height: 40px;
margin: 0 2px 4px;
padding: 5px;
background-color: #c7b299;
text-align: center;
}
.piary-style-wedding .set_txt ul li span {
display: table-cell;
vertical-align: middle;
border: 1px solid #fff;
height: 40px;
width: 90px;
box-sizing: border-box;
}
.piary-style-wedding .wfd_review {
clear: both;
margin-top: 30px;
border-top: 1px solid #f9796f;
}
.piary-style-wedding .wfd_review h5 {
color: #f9796f;
font-size: 18px;
display: inline-block;
font-weight: normal;
position: relative;
top: -10px;
background-color: #fff;
padding-right: 10px;
}
.piary-style-wedding .wfd_review h6 {
font-size: 15px;
margin-bottom: 5px;
}
.piary-style-wedding .wfd_review ul {
width: 101%;
margin-left: -2%;
}
.piary-style-wedding .wfd_review ul li {
float: left;
width: 48%;
margin-left: 2%;
}
.piary-style-wedding .part05 {
padding-top: 20px;
}
.piary-style-wedding .part05 h3 {
text-align: center;
padding: 25px 0;
height: 50px;
background: url(/resource/img/special/setsuyaku/bg_copy.png) no-repeat 50% 0;
}
.piary-style-wedding .part05 ul {
width: 735px;
margin-left: -4px;
margin: 0 auto;
padding: 20px;
}
.piary-style-wedding .part05 ul li {
float: left;
margin: 0 0 4px 4px;
}
.piary-style-wedding .part06 {
width: 725px;
margin: 0 auto 80px;
}
.piary-style-wedding .part06 ul {
width: 735px;
margin-left: -10px;
}
.piary-style-wedding .part06 ul li {
float: left;
margin-left: 10px;
}
.piary-style-wedding .part07 {
position: relative;
background-color: #ffedde;
padding: 100px 0 15px;
margin-bottom: 30px;
}
.piary-style-wedding .part07 h3 {
position: absolute;
top: -20px;
left: 250px;
background-color: #ffedde;
text-align: center;
padding: 20px 10px;
z-index: auto;
}
.piary-style-wedding .part07 ul {
width: 725px;
margin: 0 auto;
}
.piary-style-wedding .part07 ul li {
float: left;
width: 42%;
margin: 0 1% 20px;
background-color: #fff;
position: relative;
padding: 3%;
z-index: auto;
box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
}
.piary-style-wedding .part07 li.li-w {
width: 92%;
margin: 0 1% 20px;
}
.piary-style-wedding section.bottom {
margin-bottom: 30px;
}
/* ボタンスタイル */
.piary-style-wedding .btn-l {
position: relative;
}
.piary-style-wedding .btn-l a {
width: 65%;
display: block;
margin: 0 auto;
background-color: #ffa398;
text-decoration: none;
position: relative;
}
.piary-style-wedding .btn-l a span.link-txt {
font-size: 25px;
padding: 4.5% 4% 3% 6%;
display: block;
}
.piary-style-wedding .btn-l a span.link-box {
position: absolute;
background-color: #736357;
color: #fff;
padding: 0.2% 1%;
transform: rotate(-5deg);
top: 6%;
left: 0.5%;
}
.piary-style-wedding .btn-l a :hover {
color: #736357;
}
.piary-style-wedding .sampleArea,
.printService .sampleArea {
position: relative;
}
.piary-style-wedding .sampleArea .sampleBtn,
.printService .sampleArea .sampleBtn {
position: absolute;
top: 69%;
left: 6%;
background: url(/resource/img/special/setsuyaku/btn_sample.jpg ) no-repeat 0 0;
font-size: 22px;
height: 90px;
width: 315px;
box-sizing: border-box;
padding-top: 2%;
padding-left: 16%;
text-decoration: none;
line-height: 1.3em;
}
.piary-style-wedding .btn-m {
font-size: 11px;
margin: 5px auto;
position: relative;
width: 250px;
height: 40px;
}
.piary-style-wedding .btn-wfd_review {
margin: 5px 0 5px 385px;
}
.piary-style-wedding .btn-wfd_review span {
left: 6.5%;
}
.piary-style-wedding .btn-s {
font-size: 11px;
width: 205px;
height: 33px;
position: relative;
margin: 5px auto;
}
.piary-style-wedding .btn-m a,
.piary-style-wedding .btn-s a {
font-size: 11px;
color: #fff;
display: block;
background-color: #534741;
padding: 5%;
text-decoration: none;
text-align: center;
}
/*<20190204追記>*/
.esTable-borB-dashed {
border-bottom: 1px dashed #e5e5e5;
}
.esTable-bgClr01 {
background-color: #f1f1f1!important;
}
.esTable-bgClr02 {
background-color: #e3dacf!important;
}
.esTable-bgClr03 {
background-color: #ffcca6!important;
}
/**/
.ikkatsu #estimate-table-wrap {
margin: 0 auto;
width: 640px;
}
.piary-style-wedding #estimate-table,
.ikkatsu #estimate-table-hall,
.ikkatsu #estimate-table-piary {
color: #666;
display: block;
font-size: 16px;
margin: 0 auto 15px;
max-width: 640px;
width: 100%;
}
.ikkatsu #estimate-table-hall {
display: table;
width: 390px;
float: left;
}
.ikkatsu #estimate-table-piary {
display: table-cell;
float: right;
width: 250px;
}
.ikkatsu #estimate-table-hall thead th[scope="col"] {
width: 135px;
}
.ikkatsu #estimate-table-piary thead th[scope="col"] {
display: none;
}
.ikkatsu #estimate-table-hall .price-text {
border-left: 1px solid #e5e5e5;
}
.ikkatsu #estimate-table-hall th[rowspan="2"],
.ikkatsu #estimate-table-piary th[rowspan="2"] {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
text-align: left;
vertical-align: middle;
}
.ikkatsu #estimate-table-piary th[rowspan="2"] {
display: none;
}
.ikkatsu #estimate-table-hall th.colblank,
.ikkatsu #estimate-table-piary th.colblank,
.ikkatsu #estimate-table-hall td.colblank,
.ikkatsu #estimate-table-piary td.colblank {
border-left: 1px solid #e5e5e5;
}
.ikkatsu #estimate-table-hall th.free,
.ikkatsu #estimate-table-piary th.free {
border-left: 0;
text-align: right;
}
.piary-style-wedding #estimate-table thead th,
.ikkatsu #estimate-table-hall thead th,
.ikkatsu #estimate-table-piary thead th {
background-position: center;
background-repeat: repeat-x;
height: 30px;
}
.piary-style-wedding #estimate-table thead .estimate-hall,
.ikkatsu #estimate-table-hall thead .estimate-hall,
.ikkatsu #estimate-table-piary thead .estimate-hall {
background-image: url(/resource/img/special/setsuyaku/bg_estimate_hall.gif);
}
.piary-style-wedding #estimate-table thead .estimate-piary,
.ikkatsu #estimate-table-hall thead .estimate-piary,
.ikkatsu #estimate-table-piary thead .estimate-piary {
background-image: url(/resource/img/special/setsuyaku/bg_estimate_piary.gif);
}
.piary-style-wedding #estimate-table tbody th,
.piary-style-wedding #estimate-table tbody td,
.piary-style-wedding #estimate-table tfoot th,
.piary-style-wedding #estimate-table tfoot td,
.ikkatsu #estimate-table-hall tbody th,
.ikkatsu #estimate-table-hall tbody td,
.ikkatsu #estimate-table-hall tfoot th,
.ikkatsu #estimate-table-hall tfoot td,
.ikkatsu #estimate-table-piary tbody th,
.ikkatsu #estimate-table-piary tbody td,
.ikkatsu #estimate-table-piary tfoot th,
.ikkatsu #estimate-table-piary tfoot td {
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 10px 16px;
vertical-align: middle;
}
.ikkatsu #estimate-table-hall tbody td,
.ikkatsu #estimate-table-piary tbody td {
padding: 2px 7px 5px;
border: 0;
}
.ikkatsu #estimate-table-hall tbody th,
.ikkatsu #estimate-table-hall tfoot th,
.ikkatsu #estimate-table-hall tfoot td,
.ikkatsu #estimate-table-piary tbody th,
.ikkatsu #estimate-table-piary tfoot th,
.ikkatsu #estimate-table-piary tfoot td {
padding: 5px 8px;
border: 0;
}
.ikkatsu #estimate-table-hall tbody th.price-text,
.ikkatsu #estimate-table-hall tbody th.count-text,
.ikkatsu #estimate-table-piary tbody th.price-text,
.ikkatsu #estimate-table-piary tbody th.count-text {
font-size: 12px;
padding: 10px 18px 2px 0;
}
.piary-style-wedding #estimate-table thead th[class^="estimate"] {
width: 221px;
}
.piary-style-wedding #estimate-table tbody th,
.piary-style-wedding #estimate-table tfoot th,
.ikkatsu #estimate-table-hall tbody th,
.ikkatsu #estimate-table-hall tfoot th,
.ikkatsu #estimate-table-piary tbody th,
.ikkatsu #estimate-table-piary tfoot th {
font-weight: normal;
text-align: left;
}
.piary-style-wedding #estimate-table th[colspan="3"],
.ikkatsu #estimate-table-hall th.title,
.ikkatsu #estimate-table-piary th.title {
background-color: #f1f1f1;
text-align: center;
}
.ikkatsu #estimate-table-piary th.title {
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
}
.ikkatsu #estimate-table-hall th.title {
padding-left: 12rem;
}
.ikkatsu #estimate-table-piary th[colspan="3"] {
background-color: #f1f1f1;
min-width: 255px;
}
.piary-style-wedding #estimate-table tbody td {
font-size: 20px;
padding: 10px 5px;
text-align: center;
}
.ikkatsu #estimate-table-hall tbody th[colspan="3"],
.ikkatsu #estimate-table-hall tbody td[colspan="3"],
.ikkatsu #estimate-table-piary tbody td[colspan="3"] {
border-left: 1px solid #e5e5e5;
}
.piary-style-wedding #estimate-table td.estimate-hall {
color: #988575;
/*border-right:0;*/
}
.piary-style-wedding #estimate-table td.estimate-piary {
color: #ec1c24;
border-left: 0;
}
.ikkatsu #estimate-table-hall tbody th,
.ikkatsu #estimate-table-piary tbody th {
text-align: center;
vertical-align: bottom;
}
.ikkatsu #estimate-table-hall tbody td,
.ikkatsu #estimate-table-piary tbody td {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
height: 38px;
}
.ikkatsu #estimate-table-hall tbody td.blank,
.ikkatsu #estimate-table-piary tbody td.blank {
height: 32px;
text-align: right;
}
.ikkatsu #estimate-table-hall tbody td.price-text,
.ikkatsu #estimate-table-piary tbody td.price-text {
height: 32px;
padding-right: 0;
width: 90px;
}
.ikkatsu #estimate-table-piary tbody .price-text {
border-left: 1px solid #e5e5e5;
}
.ikkatsu #estimate-table-hall .price-text input[type="text"],
.ikkatsu #estimate-table-piary .price-text input[type="text"] {
width: 52px;
}
.ikkatsu #estimate-table-hall .count-text input[type="text"],
.ikkatsu #estimate-table-piary .count-text input[type="text"] {
width: 32px;
}
.ikkatsu #estimate-table-hall tbody td.count-text,
.ikkatsu #estimate-table-piary tbody td.count-text {
font-size: 17px;
padding-left: 0;
padding-right: 0;
vertical-align: middle;
width: 60px
}
.piary-style-wedding #estimate-table td span {
display: block;
font-size: 15px;
}
.piary-style-wedding td.estimate-hall span,
.piary-style-wedding td.estimate-piary span {
color: #666;
font-size: 15px;
}
.piary-style-wedding #estimate-table tfoot {
font-size: 26px;
text-align: center;
}
.piary-style-wedding #estimate-table tfoot th,
.ikkatsu #estimate-table-hall tfoot th,
.ikkatsu #estimate-table-piary tfoot th {
font-size: 24px;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
}
.piary-style-wedding #estimate-table tfoot th,
.piary-style-wedding #estimate-table tfoot td,
.ikkatsu #estimate-table-hall tfoot th,
.ikkatsu #estimate-table-hall tfoot td,
.ikkatsu #estimate-table-piary tfoot th,
.ikkatsu #estimate-table-piary tfoot td {
border-top: 2px solid #736357;
padding-top: 7px;
}
.piary-style-wedding #estimate-table tfoot th,
.piary-style-wedding #estimate-table tfoot td {
border: 0;
}
.ikkatsu #estimate-table-piary tfoot td {
border-top: 2px solid #736357;
}
.piary-style-wedding #estimate-table tfoot td,
.ikkatsu #estimate-table-hall tfoot td,
.ikkatsu #estimate-table-piary tfoot td {
padding: 7px 5px 5px;
font-weight: bold;
}
.ikkatsu #estimate-table-hall tfoot td,
.ikkatsu #estimate-table-piary tfoot td {
font-size: 28px;
text-align: right;
}
.ikkatsu #estimate-table-piary .free {
color: #ec1c24;
text-align: right;
letter-spacing: .2em;
}
.ikkatsu #estimate-table-piary tfoot td:last-child {
color: #f00;
}
.ikkatsu #estimate-table-piary tfoot th,
.psum {
display: none;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
}
.piary-style-wedding #difference {
background: url(/resource/img/special/setsuyaku/bg_price_difference.gif) no-repeat center right;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
/*padding:0 10px;*/
text-align: right;
margin-bottom: 20px;
max-width: 680px;
}
.piary-style-wedding #dif-price {
/*font-size:65px;*/
font-size: 53px;
color: #ec1c24;
letter-spacing: .02em;
padding-left: 45px;
}
.piary-style-wedding #dif-price span {
font-size: 46px;
padding: 0 10px;
}
#simulation-container #simulation-title {
font-weight: normal;
font-size: 30px;
margin: 20px 0 14px;
text-align: center;
}
#simulation-container .howmany #count {
line-height: 1.4;
padding-right: .4em;
text-align: right;
}
#simulation-container #ikkatsu-announce {
font-size: 11px;
margin: 0 auto 20px;
width: 390px;
}
.ikkatsu #estimate-table-hall input[type="text"],
.ikkatsu #estimate-table-piary input[type="text"] {
font-size: 16px;
text-align: right;
}
#sp-fixed {
display: none;
}
/* 影共通 */
.piary-style-wedding .shadow01 {
z-index: 0;
}
.piary-style-wedding .shadow01:before {
position: absolute;
content: "";
display: block;
border-radius: 0 0 50% 50%;
box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.3);
z-index: -2;
}
.piary-style-wedding .shadow01:after {
position: absolute;
content: "";
display: block;
z-index: -1;
}
/* 影個別 */
.piary-style-wedding .part01 h3 {
z-index: 0;
}
.piary-style-wedding .part01 h3:before {
top: 10px;
left: 0;
right: 0;
bottom: 110px;
}
.piary-style-wedding .part01 h3:after {
background-color: #fff;
top: 10px;
left: 0;
right: 0;
bottom: 90px;
}
.piary-style-wedding .part04 .part04-inner h3:before {
top: 10px;
left: 0;
right: 0;
bottom: 130px;
}
.piary-style-wedding .part04 .part04-inner h3:after {
background-color: #FFE8E0;
top: 10px;
left: 0;
right: 0;
bottom: 90px;
}
.piary-style-wedding .part04 .box p.copy2 {
z-index: 0;
}
.piary-style-wedding .part04 .box p.copy2:before {
top: 0;
left: 0;
right: 0;
bottom: 18px;
}
.piary-style-wedding .part04 .box p.copy2:after {
background-color: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.piary-style-wedding .part07 {
position: relative;
z-index: auto;
}
.piary-style-wedding .part07 h3 {
padding: 20px;
z-index: 0;
}
.piary-style-wedding .part07 h3:before {
top: 10px;
left: 0;
right: 0;
bottom: 80px;
}
.piary-style-wedding .part07 h3:after {
background-color: #FFEDDE;
top: 10px;
left: 0;
right: 0;
bottom: 50px;
}
/* ------------------------------------
会社案内
------------------------------------- */
.company_menu {
width: 500px;
margin: 35px auto;
}
.company_menu li {
float: left;
width: 50%;
text-align: center;
}
ul.company_menu a:hover {
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity:75)";
}
/* ショールームのご案内 */
.piary_showroom section#srHeader {
margin: 0;
}
.piary_showroom #fairArea {
position: relative;
}
.piary_showroom #fairArea a {
display: block;
}
.piary_showroom #fairArea a.toItem01 {
position: absolute;
top: 52%;
left: 9%;
}
.piary_showroom #fairArea a.toItem02 {
position: absolute;
top: 62%;
left: 49.5%;
}
.piary_showroom #fairArea a.toReserve {
position: absolute;
bottom: 13%;
left: 49.5%;
}
.piary_showroom .srSlide {
background: url(/resource/img/showroom/bg_sr_slide.jpg) no-repeat 50% 50%;
padding: 3%;
}
.piary_showroom .srSlide {
text-align: center;
width: 428px;
margin: 0 auto 35px;
}
.piary_showroom .srSlide .bx-wrapper {
margin: 0;
}
.piary_showroom .srSlide .bx-wrapper .bx-pager {
bottom: -15%;
left: 0;
right: 0;
}
.piary_showroom .srSlide .bx-wrapper .bx-pager.bx-default-pager a {
width: 10px;
height: 10px;
background: none;
background-color: #ccc;
border-radius: 50%;
}
.piary_showroom .srSlide .bx-wrapper .bx-pager.bx-default-pager a.active {
background: none;
background-color: #d39a47;
}
.piary_showroom #map_canvas {
height: 450px;
margin: 10px auto;
background-color: #efefef;
border: 5px solid #995544;
}
#systemWrap .styleBlock ul.reserve_menu {
margin: 15px 0;
list-style-type: none;
}
#systemWrap .styleBlock ul.reserve_menu li {
margin: 0 0 15px;
padding: 0;
font-size: 12px;
}
#systemWrap .styleBlock ul.reserve_menu li p {
margin: 5px 0 0;
}
.piary_showroom_inner {
margin: 0 auto;
width: 590px;
}
.piary_showroom .inCase {
border: 1px dotted #000000;
background: #eeeeee;
width: 90%;
margin: 25px auto;
padding: 5px;
text-align: center;
}
.piary_showroom .tableColor {
margin: 0 0 15px;
}
.sr_access .appearance {
/*margin-right: 2%;
float: left;*/
margin-bottom: 20px;
}
/*.sr_access .appearance-right {
float: left;
width: 60%;
}*/
.appearance-right .address {
padding: 0 5px;
background: #888888;
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.sr_access .method {
font-weight: bold;
color: #773333;
font-size: 14px;
border-bottom: 1px solid #aa8888;
border-left: 10px solid #aa8888;
padding: 2px 0 1px 5px;
margin-bottom: 4px;
}
.appearance-right div {
margin-bottom: 20px;
}
.appearance-right p {
margin: 10px 0 0 0;
}
.sr_access_by_train {
clear: both;
}
.sr_access .ekitan {
margin-left: 300px;
}
#map_canvas {
height: 450px;
margin: 10px auto;
background-color: #efefef;
border: 5px solid #995544;
}
/* ショールーム見学 */
.sr_reservation .displays {
font-size: 14px;
}
.sr_reservation .displays ul {
list-style-type: none;
width: 680px;
margin: 10px auto 0;
}
.sr_reservation .displays ul li {
float: left;
margin: 0 7px 10px;
}
/* プリンターサービス */
.sr_reservation .printer_rental {
background-color: #f6fcfc;
margin: 0 0 20px;
}
.sr_reservation .printer_rental03 {
position: relative;
}
.sr_reservation .printer_rental .srBtn {
position: absolute;
top: 13%;
left: 41.5%;
}
.sr_reservation .printer_rental .sr_onegai {
width: 78.5%;
margin: 0 0 0 16%;
}
/* フォトブースギャラリー */
.photo_booth_gallery ul {
width: 670px;
margin: 20px auto;
}
.photo_booth_gallery ul li {
float: left;
width: 205px;
margin: 0 9px 18px;
position: relative;
padding-bottom: 15px;
}
.photo_booth_gallery ul li:nth-child(3n):after {
position: absolute;
content: "";
width: 652px;
height: 20px;
border-bottom: 1px solid #333;
bottom: 0;
right: 0;
padding-bottom: 20px;
}
.photo_booth_gallery ul li:last-child:after {
display: none;
}
.photo_booth_gallery ul li p.name {
text-align: center;
padding: 10px;
position: relative;
margin-bottom: 20px;
}
.photo_booth_gallery ul li p.name:after {
position: absolute;
top: 34px;
left: 0;
content: "";
width: 205px;
height: 16px;
background-image: url(/resource/img/showroom/gallery_line.gif);
}
/* SRヒキタクご注文シート */
.sr_order_sheet03,
.sr_order_sheet04 {
position: relative;
}
.srBtn_wfd {
position: absolute;
right: 8%;
bottom: 10%;
}
.sr_order_sheet .srBtn {
position: absolute;
bottom: 2%;
right: 7%;
}
/* ------------------------------------
お客様サポート
------------------------------------- */
/* メールが届かない！ */
.mail_ng .container {
color: #333;
line-height: 1.6em;
}
.mail_ng .container strong {
color: #f00;
}
.mail_ng .header img {
width: 120px;
float: left;
margin: 5px 10px 10px 0;
}
.mail_ng .to_cases {
display: block;
margin: 15px;
text-align: center;
}
.mail_ng .reason {
padding-top: 20px;
border-top: 1px solid #ccc;
text-align: center;
font-size: 16px;
line-height: 1.7em;
}
.mail_ng table.reason_list {
margin: 25px 0px;
border-collapse: collapse;
line-height: 1.5em;
}
.mail_ng table.reason_list th {
padding: 10px 7px;
background-color: #f3ebdd;
width: 80px;
vertical-align: middle;
border: 1px solid #ccc;
font-size: 12px;
}
.mail_ng table.reason_list td {
padding: 10px 7px;
border: 1px solid #ccc;
}
.mail_ng table.reason_list td div {
margin: 13px 0;
padding: 4px;
border: 2px solid #e72;
}
.mail_ng .container img#tel {
display: block;
width: 472px;
margin: 25px auto;
}
.mail_ng .each {
margin: 20px 0 60px 0;
}
.mail_ng div.each a {
display: inline-block;
padding-right: 15px;
}
.mail_ng div.container .title {
margin: 30px 0 13px 0;
padding: 3px 6px;
border-left: 1px solid #520;
border-bottom: 1px solid #520;
font-size: 19px;
color: #520;
}
.mail_ng div.container img {
margin: 5px 8px 30px 8px;
}
/* 20190708 スマホのドメイン指定（青木） */
.mail_ng div.each li {
float: left;
margin-right: 2.5em;
line-height: 1.8em;
}
.mail_ng div.each li {
float: left;
margin-right: 2.5em;
line-height: 1.8em;
}
.smp_domain__Img img {
width: 45%;
}
.mail_ng .add {
list-style-type: disc;
margin: 0 0 15px 25px;
font-size: 12px;
color: #555;
}
a.anchor_dmain {
display: block;
padding-top: 80px;
margin-top: -80px;
position: relative;
z-index: -1;
}
/* ご来場アンケート */
div.thankyou_for_coming {
padding: 0px 50px;
}
div.head_area {
margin: 25px;
font-size: 15px;
text-align: center;
line-height: 2.0em;
}
div.head_area .title {
font-size: 20px;
}
div.thankyou_for_coming h5 {
padding: 4px 10px;
font-size: 15px;
color: #000;
background-color: #F9F4F1;
font-weight: normal;
}
div.thankyou_for_coming h5 span.hissu {
background: #f00;
color: #fff;
font-size: 12px;
padding: 0 2px;
margin-left: 5px;
}
div.thankyou_for_coming div.answer {
margin: 25px 0 35px 15px;
}
div.thankyou_for_coming div.answer div {
display: inline;
}
div.thankyou_for_coming div.answer span.note {
display: block;
margin: 20px 0 2px 5px;
}
div.thankyou_for_coming div.answer span.date01 {
margin-left: 55px;
float: left;
}
div.thankyou_for_coming div.answer span.date02 {
margin-left: 260px;
float: left;
}
div.thankyou_for_coming input,
div.thankyou_for_coming textarea {
border: 1px solid #ccc;
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
padding: 2px;
}
div.thankyou_for_coming input[type="checkbox"] {
border: none;
background: none;
margin: 10px 0 10px 20px;
}
span.wpcf7-form-control-wrap-confirm {
color: #f50;
font-size: 15px;
}
span.wpcf7-list-item {
display: inline-block;
}
div.answer label {
display: inline-block;
font-size: 100%;
}
div.about_coupon {
font-weight: bold;
color: #e52200;
text-align: center;
margin: 60px;
padding: 15px 0;
background: #fff5df;
}
div.about_coupon .mail {
color: #000;
font-weight: normal;
}
/*ブライダルショールーム PIARY お客様アンケート*/
.sr_mailform .bridesMeetingWrap p {
line-height: 2.5;
margin-bottom: 30px;
}
.sr_mailform .bridesMeetingWrap .box {
margin: 25px 0 35px 0;
}
.sr_mailform .each .box {
margin-top: 20px;
}
.sr_mailform .each .box label {
margin-right: 20px;
}
.sr_mailform .each .box textarea {
width: 100%;
box-sizing: border-box;
}
/* お問い合わせフォーム ---------------- */
#systemWrap .formTable table td .text input {
width: 68%;
}
#systemWrap .formTable table td .mini input {
width: 25%;
}
#systemWrap .formTable table td .tel input {
width: 38px;
}
#systemWrap .formTable table td .textArea textarea {
width: 96.5%;
height: 140px;
}
#systemWrap .formTable table td span.caution {
color: #d00000;
display: block;
margin: 0 0 3px 0;
}
/* 大口注文フォーム */
.borderTopGr {
border-top: 1px solid #999;
padding-top: 10px;
}
ul.estimates {
list-style-type: none;
width: 99.5%;
margin: 0 auto;
}
ul.estimates li {
float: left;
margin: 15px;
width: 165px;
line-height: 1.3;
}
ul.estimates li img {
border: 1px solid #aaa;
height: 50px;
width: 163px;
margin-bottom: 3px;
}
ul.estimates li a:hover {
opacity: 0.75;
filter: alpha(opacity=75);
-moz-filter: "alpha(opacity=75)";
}
.estimates_lead {
margin: 20px auto;
text-align: center;
font-size: 19px;
color: #d00;
}
.estimates_attention {
margin: 5px 30px;
padding: 10px 15px;
background-color: #ffe8e8;
color: #c00;
}
/* 引き菓子大口見積り */
.mailformTable td.toUse label {
display: block;
}
.mailformTable td.toUse label[for="use-5"] {
display: inline;
}
.mailformTable td.toUse .hideOtherTxt {
display: none;
}
/* ※非表示※ */
.gift_select select {
width: 280px;
}
table.mailformTable tr td div.puchi_gift {
margin: 12px 8px;
padding: 8px;
background: #fcf8d0;
}
table.mailformTable tr td div.border {
height: 0;
border-bottom: 1px dotted #aaaaaa;
}
table.mailformTable tr td div.puchi_gift h5 {
margin-bottom: 13px;
color: #d00000;
}
table.mailformTable tr td div.puchi_gift span.attention {
color: #ff0000;
font-size: 10px;
font-weight: bold;
margin-left: 40px;
}
/* クチコミガイドライン */
.kuchikomi_guideline ul,
.kuchikomi_guideline ol {
margin: 10px 0 40px 0;
}
.kuchikomi_guideline ol {
list-style-type: decimal;
margin-left: 1.8em;
}
.kuchikomi_guideline_each {
margin: 10px 0px 50px 0px;
line-height: 1.5em;
}
.kuchikomi_guideline_each h4 {
margin-bottom: 7px;
padding: 2px;
font-size: 18px;
color: #600;
font-weight: normal;
border-bottom: 1px solid #888;
}
.kuchikomi_guideline_each ul {
list-style-type: disc;
margin: 15px 30px 15px 30px;
line-height: 1.3em;
}
.kuchikomi_guideline_each ul li {
margin: 6px 0;
}
.kuchikomi_guideline_each strong {
display: block;
margin: 30px 0 2px 0;
font-size: 14px;
}
.kuchikomi_ng {
margin: 7px 0 3px 7px;
padding: 7px;
color: #600;
background-color: #ffffd5;
width: 350px;
}
#kuchikomi_guideMenu,
.con2Col .guideMenu {
width: 576px;
}
#cnt_kuchikomi {
float: right;
padding-top: 10px;
font-size: 15px;
}
#kuchikomi_writen {
float: left;
}
/* よくある質問（全般）*/
dl.q-a {
line-height: 1.7em;
}
dl.q-a dt {
background: #F3EDE7 url(/uploads/page/27469/ico_q.gif) no-repeat 1px 1px;
padding: 3px 0 3px 35px;
margin-bottom: 5px;
font-size: 13px;
font-weight: bold;
}
dl.q-a dd {
background: url(/uploads/page/27469/ico_a.gif) no-repeat 0 0;
padding: 3px 0 3px 35px;
margin-bottom: 15px;
margin-left: 0;
}
dl.q-a strong {
color: #f00;
}
.faq_wrap,
.faq-wfd span.toTop {
margin-top: .75em;
}
.faq_wrap span.toTop,
.faq-wfd span.toTop {
display: block;
text-align: right;
}
.faq_wrap span.toTop a,
.faq-wfd span.toTop a {
width: 65px;
padding: .5em;
font-size: 11px;
text-align: center;
color: #fff !important;
text-decoration: none;
background-color: #d98;
}
.faq_wrap span.toTop a:hover {
background-color: #b76 !important;
}
.category_border {
border: 1px solid #ccc;
border-left: 7px solid #ccc;
padding: .8em .9em
}
.category ul li {
float: left;
width: 25%;
margin: 20px 0;
font-size: 11px;
}
.category ul li.a {
background: url(/uploads/page/27469/zentai_icon.png) no-repeat left center;
}
.category ul li.paper {
background: url(/uploads/page/27469/paper_icon.jpg) no-repeat left center;
}
.category ul li.b {
background: url(/uploads/page/27469/keihin_icon.png) no-repeat left center;
}
.category ul li.c {
background: url(/uploads/page/27469/hikitaku_icon.png) no-repeat 5px center;
}
.category ul li a {
display: block;
margin: 0 3px;
padding: 18px 0 18px 55px;
vertical-align: middle;
border: 1px solid #ddd;
text-decoration: none !important;
}
#faq01,
#faq02,
#faq03,
#faq_01,
#faq_02,
#faq_03 {
margin: 30px 0;
font-size: 15px;
background: url(/uploads/page/27469/ico_arrow.gif) no-repeat 0 2px;
padding-left: 20px;
margin-bottom: 15px;
}
h3#faq01,
h3#faq02,
h3#faq03,
h3#faq04,
h3#faq_01,
h3#faq_02,
h3#faq_03,
h3#faq_04 {
margin: 30px 0 15px !important;
font-weight: normal !important;
}
.faq_list {
width: 100%;
}
.faq_list ul {
margin-top: 20px;
}
.faq_list ul .deco,
.faq_list .deco {
font-weight: bold;
margin-bottom: 10px;
padding: 5px 10px;
border-left: 3px solid #ccc;
border-bottom: 1px dashed #ccc;
}
.faq_list .deco {
margin-top: 1.5em;
}
.faq_list ul li {
list-style-type: disc;
margin: 3px 0 3px 25px;
font-weight: normal;
font-size: 12px;
}
.faq_list ul li a:hover {
text-decoration: underline;
}
/* 休業のお知らせ */
.table-a {
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 20px;
}
.table-a th,
.table-a td {
border: 1px solid #ccc;
padding: 7px 5px;
}
.table-a th {
background-color: #ffe5d7;
}
.table-a td {
text-align: center;
vertical-align: middle;
}
.table-a th.first {
width: 10%;
}
.table-a th.other {
width: 7%;
}
/* ノベルティプレゼント */
.campaign_detail {
margin: 1% 1% 30px 1%;
width: 98%;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
}
.campaign_detail th {
width: 15%;
padding: 10px;
background: #e2e2e2;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
background: #ffe5d7;
}
.campaign_detail td {
padding: 10px;
line-height: 1.6em;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
}
/* ノベルティ フォトアルバム */
.novelty_album #about_album .size {
display: inline-block;
margin-top: 10px;
background: #79c3e7;
color: #ffffff;
padding: 3px 18px;
border-radius: 12px;
}
.novelty_album #about_campaign table {
border-collapse: collapse;
}
.novelty_album #about_campaign table {
border-collapse: collapse;
}
.novelty_album #about_campaign table {
margin-top: 10px;
border-collapse: collapse;
width: 100%;
line-height: 1.6em;
}
.novelty_album #about_campaign table tr td,
.novelty_album #about_campaign table tr th {
border: 1px solid #aaaaaa;
padding: 8px;
}
.novelty_album #about_campaign table tr th {
text-align: center;
width: 22%;
background: #fae8b5;
}
.novelty_album #about_campaign table tr td {
width: 78%;
}
/* ノベルティ マカロンエコバッグ ※PIARYポーチでも使用 */
#novelty_macaron .copy {
text-align: center;
font-size: 1.25em;
font-weight: bold;
color: #6e5a48;
}
#novelty_macaron h3 {
background-color: #d1a773;
font-size: 1.35em;
text-align: center;
padding: .5em;
font-weight: normal;
color: #fff;
margin-bottom: .5em;
}
#novelty_macaron .macaron-lineup {
margin: 5% auto 2.5%;
}
#novelty_macaron .macaron-lineup li {
float: left;
width: 33.333%;
margin-bottom: 1.5%;
}
#novelty_macaron .macaron-lineup .item-name {
display: inline-block;
margin: .5em 0;
}
#novelty_macaron .macaron-details {
margin-top: 2.5%;
}
#novelty_macaron .macaron-details div {
float: left;
width: 49%;
}
#novelty_macaron .macaron-details div:first-child {
margin-right: 2%;
}
#novelty_macaron .macaron-details div p {
margin-top: .5em;
}
#novelty_macaron .designlist.x2 {
padding: 0 2%;
}
#novelty_macaron .designlist.x2 li {
float: left;
width: 50%;
margin-bottom: 1.5%;
}
#novelty_macaron .designlist.x2 li img {
max-width: 100%;
border: 1px solid #ccc;
}
/* お届け先変更フォーム */
.form_address {
margin: 10px auto;
max-width: 900px;
width: 100%;
text-align: left;
}
.form_address h1 {
font-size: 26px;
margin-bottom: 5px;
padding: 8px;
border-top: 4px double #aa8888;
border-bottom: 4px double #aa8888;
text-align: center;
}
.form_address .header_text {
margin: 15px;
}
.form_address h3 {
font-size: 18px;
color: #808080;
border-left: 10px solid #808080;
border-bottom: 2px solid #808080;
padding: 2px 6px;
margin: 30px 0 15px 0;
}
.form_address section.each h5 {
color: #ff4000;
font-size: 14px;
border: 3px double #ff4000;
padding: 4px;
display: inline-block;
}
.form_address div.note-text ul {
list-style-type: disc;
margin: 0 0 0 30px;
line-height: 1.6em;
}
.form_address div.note-text li {
margin: 6px 0;
font-size: 12px;
}
.form_address div.note-text li strong {
font-size: 14px;
background: #fceac0;
color: #ff0000;
}
.form_address div.each_guest {
font-size: 14px;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
border-top: 1px dotted #aaa;
}
.form_address div.each_guest p.maininfo {
margin-bottom: 10px;
}
.form_address div.each_guest table .hide_and_seek {
display: none;
}
.form_address div.ques {
font-size: 14px;
margin-top: 30px;
}
.form_address textarea {
border: 1px solid #ccc;
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
padding: 4px;
width: 100%;
}
.form_address input {
border: 1px solid #ccc;
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
padding: 2px;
margin: 0 2px;
}
/* 変更フォームページ内カレンダー */
.form_address .note-text {
overflow: hidden;
}
.form_address .note-text ul {
float: left;
width: 70%;
}
.form_address .note-text .calender2 {
background: url(/resource/img/footcalendar_bg_01.png) 0 0 no-repeat;
float: right;
margin: 1% 3% 0 0;
}
.form_address .note-text .calender2 .ui-widget-content {
background: url(/resource/img/footcalendar_bg_02.png) 0 100% no-repeat;
width: 164px;
padding: 10px 10px 15px;
}
.form_address .note-text .calender2 h4 {
padding: 15px 0 10px;
margin: 0 12px 0;
}
/* お写真送信フォーム */
.form_photo ul,
.form_nauta ul {
margin: 5px 30px;
list-style-type: disc;
}
.form_photo ul li {
margin: 6px 0;
font-size: 12px;
}
.form_photo .title,
.form_nauta .title {
margin-bottom: 8px;
padding-left: 5px;
border-left: 10px solid #684C33;
border-bottom: 1px solid #684C33;
font-size: 16px;
color: #111;
font-weight: normal;
}
.form_photo p,
.form_nauta p {
margin: 0 0 10px 0;
}
.form_photo strong {
font-size: 14px;
color: #a00;
}
.form_photo .emphasize,
.form_nauta .emphasize {
color: #f30;
background-color: #ff9;
padding-top: 1px;
}
.form_photo .cautionText>p.box {
border: solid 1px #ccc;
padding: 15px;
}
.cautionText,
ul.cautionPhoto {
margin: 0;
}
.cautionText p.text,
ul.cautionPhoto {
margin-top: 20px;
list-style-type: none;
}
.form_photo .text {
color: #666666;
font-size: 11px;
}
.form_photo .photo_qua {
margin: 4px 0;
background: #ffffcc;
padding: 4px 8px;
color: #ff0000;
font-size: 12px;
font-weight: bold;
}
ul.cautionPhoto li {
float: left;
width: 31.33%;
margin: 0 1%;
font-size: 11px;
color: #666;
}
ul.cautionPhoto.x2 li {
width: 44%;
margin: 1% 3%;
}
ul.cautionPhoto li img {
max-width: 100%;
margin: 3px 0;
}
.form_photo .mail_here {
font-weight: bold;
color: #006699;
}
.form_photo select#item01,
.form_photo select#item02 {
width: 90%;
}
#main .form_photo .hide_in_confirm .bnBlock ul {
margin: 0 auto;
padding: 14px;
border: solid 1px #dddddd;
}
#main .form_photo .hide_in_confirm .bnBlock li {
margin: 0;
padding: 14px;
}
#main .form_photo .hide_in_confirm .bnBlock li span {
margin: 0;
display: none;
}
.form_photo a.title {
text-decoration: none;
}
.form_photo ul li:last-child {
margin-bottom: 20px;
}
/* 幸せのワンシーン フォトギャラリー */
.wedding_gallery {
margin: 15px 0 50px 0;
}
.wedding_gallery .catTab {
margin: 20px auto 0 auto;
border-left: 1px solid #aaaaaa;
}
.wedding_gallery .catTab li {
border-top: 1px solid #aaaaaa;
float: left;
text-align: center;
width: 14.25%;
}
.wedding_gallery .catTab li a {
display: block;
background: #f0f0f0;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
line-height: 40px;
font-size: 12px;
}
.wedding_gallery .catTab li a.selected {
background: #ffffff;
border-bottom: 1px solid #ffffff;
}
.wedding_gallery .catTab li a:hover {
opacity: 0.75;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.wedding_gallery .catTab li a.row2 {
line-height: 20px;
}
.wedding_gallery section.gallery-content {
width: 97.7%;
display: none;
margin: 0;
padding: 1%;
border-top: 0;
}
.wedding_gallery section.selected {
display: block;
}
.wedding_gallery section.gallery-content ul {}
.wedding_gallery section.gallery-content ul li {
position: relative;
float: left;
width: 23%;
margin: 3% 1%;
padding-bottom: 30px;
height: 260px;
}
.wedding_gallery section.gallery-content ul li img.photo {
width: 100%;
height: 120px;
}
.wedding_gallery section.gallery-content ul li .initial {
margin: 3px 0;
font-size: 18px;
text-align: center;
color: #660000;
}
.wedding_gallery section.gallery-content ul li .item {
font-weight: bold;
color: #ff6600;
font-size: 13px;
}
.wedding_gallery section.gallery-content ul li .text {
color: #808080;
line-height: 1.3em;
font-size: 12px;
}
.wedding_gallery section.gallery-content ul li .link {
display: block;
position: absolute;
bottom: 0;
right: 0;
}
.wedding_gallery section.gallery-content ul li .link img {
height: 25px;
width: 140px;
}
.wedding_gallery #toform {
margin: 50px 0;
}
/* 幸せのワンシーン 写真募集フォーム */
.photo_offer {
padding: 0;
}
.photo_offer img {
max-width: 100%;
}
.photo_offer p {
margin: .75em 0 .75em .75em;
}
.photo_offer p.photo_text {
margin: 20px 0;
color: #666;
text-align: center;
}
.photo_offer .examples li {
float: left;
text-align: center;
margin: 0 0.5% 15px;
width: 24%;
font-size: 11px;
}
.photo_offer .examples li img {
margin-bottom: 3px;
}
.photo_offer p.title {
margin: 0 0 8px;
padding-left: 5px;
border-left: 10px solid #A3A950;
border-bottom: 1px solid #A3A950;
font-size: 16px;
color: #005;
font-weight: normal;
}
.photo_offer ul.list {
margin: 5px 10px 10px 25px;
list-style-type: disc;
}
.photo_offer ul.list li {
margin: 5px 0;
}
.photo_offer strong {
font-size: 14px;
color: #a00;
}
.photo_offer #mainimage,
.photo_offer #condition,
.photo_offer #rule,
.photo_offer #present,
.photo_offer #gallery_guide {
margin: 0 0 25px 0;
height: 100%;
}
.photo_offer #condition span {
margin: 10px 0 0 0;
display: block;
}
.photo_offer #gallery_guide img {
margin-bottom: 30px;
}
.photo_offer #bridal_photo .change_address {
display: none;
margin: 8px;
padding: 6px;
background: #fcf8d0;
}
.photo_offer #bridal_photo .change_address span {
font-size: 12px;
}
.photo_offer #bridal_photo .change_address p {
margin-top: 6px;
}
.photo_offer #bridal_photo .change_address p span {
color: #990000;
font-weight: bold;
}
.photo_offer #bridal_photo .change_address p span a {
font-weight: normal;
}
.photo_offer #bridal_photo .change_address h5 {
color: #ff0000;
font-size: 13px;
}
.photo_offer #bridal_photo .search_address {
background: #fafafa;
font-size: 12px;
padding: 5px;
color: #333333;
}
.photo_offer .listContainer ul.list {
float: left;
width: 70%;
}
.listContainer img {
float: right;
margin: 5px 15px 0;
}
.photo_offer .scrollArea {
height: 100px;
overflow-x: hidden;
overflow-y: auto;
background: #f5f5f5;
padding: 10px;
position: relative;
margin: 15px 0 10px;
}
#systemWrap .photo_offer .typeColor {
font-size: 115%;
margin: 0 0 5px;
}
/* ------------------------------------------------------
ご利用ガイド
------------------------------------------------------- */
/* ピアリー会員について */
.membersNote {
margin: 10px 0 20px;
border: 2px solid #e72;
padding: 15px 5px 0;
}
.infoRight .membersNote p {
margin: 0 10px 15px 10px;
}
/* FAXでのご注文 */
#content a.exampleBt135 {
display: inline-block;
*display: inline;
*zoom: 1;
width: 135px;
height: 22px;
line-height: 1;
padding: 12px 0 0 0;
text-align: center;
text-decoration: none;
font-weight: bold;
background: url(/resource/img/piary_bt_10.png) 0 0 no-repeat;
color: #fff;
}
#content a.exampleBt135:hover {
background: url(/resource/img/piary_bt_10.png) 0 -34px no-repeat;
}
table.fax_order {
width: 100%;
border: 0px none;
}
table.fax_order td {
width: 50%;
padding: 5px 5px 20px 5px;
}
/* お買い物方法 */
div.howto_shop {
margin-bottom: 75px;
}
div.howto_shop img {
max-width: 570px;
border: 1px solid #999;
}
div.howto_shop img.left {
float: left;
}
div.howto_shop img.right {
float: right;
}
/* お届け方法・配送料について */
.postage ul {
margin: 10px 15px 30px 15px;
}
/* 納期について */
.nouki table {
border-collapse: collapse;
border-spacing: 0;
line-height: 1.2;
margin: 0 0 20px;
width: 100%;
border: #ccc 1px solid;
}
.nouki table th {
text-align: left;
background: #eee;
border-bottom: #ccc 1px dotted;
padding: 10px;
line-height: 1.5;
}
.nouki table thead th {
text-align: center;
background: #999;
color: #fff;
border-right: #eee dotted 1px;
border-bottom: none;
}
.nouki table td {
border-bottom: #ccc 1px dotted;
padding: 7px 10px;
vertical-align: middle;
min-height: 28px;
}
.nouki .note span {
color: #f40;
}
/* サンクスカード・デコシールについて */
.thanksLink li {
float: left;
margin: 10px 0;
}
.thanksLink li:last-child {
margin-left: 10px;
}
/* レビュー（共通） */
section.spReview {
background: url(/resource/img/box_bg_05.png);
margin-bottom: 15px;
padding: 10px 0 30px 0;
}
section.spReview ul {
list-style-type: none;
background: url(/resource/img/paper/top_paper_review.png) no-repeat;
margin-bottom: 10px;
padding-top: 80px;
}
section.spReview ul li {
float: left;
margin: 10px 0 15px 22px;
padding: 5px;
width: 340px;
font-size: 12px;
}
section.spReview ul li h6 {
background: #99703d;
color: #fff;
margin-bottom: 7px;
padding: 10px 0;
text-align: center;
font-size: 14px;
}
section.spReview ul li strong {
background-color: #fcb;
font-weight: normal;
}
section.spReview ul li a {
text-decoration: underline;
color: #900;
}
div.header_text {
font-size: 14px;
color: #822;
line-height: 1.8em;
text-align: center;
margin-top: 59px;
margin-left: 104px;
}
span.news {
display: inline-block;
margin-left: 5px;
font-weight: bold;
color: #ff0000;
}
/* サンクスカード詳細 */
.typeBorder {
font-size: 115.4%;
background: url(/resource/img/h_bg_01.png) 0 bottom repeat-x;
padding: 0 0 10px;
margin: 10px 0;
}
ul.thankscardList02 {
list-style-type: none;
margin: 20px 0;
padding: 0;
width: 100%;
}
ul.thankscardList02 li {
float: left;
margin: 0 0 15px;
padding: 0 0.9%;
width: 23.2%;
height: 260px;
}
ul.thankscardList02 li.tate {
height: 330px;
}
ul.thankscardList02 img {
margin-right: 2px;
}
ul.thankscardList02 a img {
max-width: 172px;
max-height: 172px;
border: #aaa 1px solid;
display: block;
margin: 0 auto;
}
ul.thankscardList02 li div {
font-size: 95%;
}
div.thanks_search {
margin: 20px 0 30px 0;
}
div.genre {
float: left;
width: 48%;
padding-right: 2%;
border-right: 1px dotted #aaaaaa;
}
div.message {
float: right;
width: 48%;
}
div.genre h5,
div.message h5 {
line-height: 25px;
margin-bottom: 3px;
padding: 2px;
font-size: 14px;
background: #eaeae0;
}
div.message select {
font-size: 16px;
}
div.messageHere {
font-size: 11px;
background: #efefe0;
padding: 5px;
margin-top: 10px;
}
div.condition {
font-size: 18px;
border-bottom: 2px dotted #aaaaaa;
}
div.genre a {
display: inline-block;
float: left;
margin: 1%;
width: 48%;
padding: 8px 0;
background-color: #eaeacf;
font-size: 12px;
text-align: center;
color: #fff;
font-weight: bold;
}
div.genre a.all {
background: #a0a0a0;
}
div.genre a.news {
background: #88c077;
}
div.genre a.elegant {
background: #b290c5;
}
div.genre a.cute {
background: #f5a0a0;
}
div.genre a.simple {
background: #80cacf;
}
div.genre a.season {
background: #f5ba55;
}
div.genre a.antique {
background: #bf9a66;
}
div.genre a.japanese {
background: #dd7a6f;
}
div.genre a.thanks-urban {
background: #846096;
}
div.genre a.thanks-classical {
background: #BF9A66;
}
div.genre a.thanks-gorgeous {
background: #D6A110;
}
div.genre a.thanks-season {
background: #85D1D6;
}
div.genre a.thanks-sweet {
background: #F5A0A0;
}
div.genre a.thanks-natural {
background: #86AB80;
}
div.genre a.thanks-japanese {
background: #CF5C4F;
}
div.condition {
margin-bottom: 10px;
padding-bottom: 3px;
}
ul.thankscardGreeting02 {
list-style-type: none;
width: 100%;
margin: 0 auto;
}
ul.thankscardGreeting02 li {
float: left;
margin: 1%;
padding: 0.8%;
border: 2px solid #ccc;
width: 29.2%;
}
span.new {
font-size: 10px;
font-weight: bold;
color: #ff0000;
margin-left: 3px;
}
.thankscardListsize .iconLink.arrowS a,
a.iconLink.arrowS {
font-size: 12px;
}
a.thanksOrderFlowBtn {
display: block;
height: 55px;
background-image: url(/uploads/page/1527/to_order_flow.png);
background-repeat: no-repeat;
background-position: 0 0;
}
/* デコシール詳細 */
div.genre_seal h5 {
line-height: 25px;
margin: 15px 0 3px 0;
padding: 2px;
font-size: 14px;
}
div.genre_seal {
margin-bottom: 30px;
}
div.genre_seal a {
float: left;
margin: 0.5%;
width: 24%;
padding: 8px 0;
background-color: #eaeacf;
font-size: 12px;
text-align: center;
color: #fff;
font-weight: bold;
}
div.genre_seal a.all {
background: #a0a0a0;
}
div.genre_seal a.news {
background: #88c077;
}
div.genre_seal a.elegant {
background: #b290c5;
}
div.genre_seal a.cute {
background: #f5a0a0;
}
div.genre_seal a.simple {
background: #80cacf;
}
div.genre_seal a.season {
background: #f5ba55;
}
div.genre_seal a.antique {
background: #bf9a66;
}
div.genre_seal a.japanese {
background: #dd7a6f;
}
div.genre_seal a.deco-urban {
background: #846096;
}
div.genre_seal a.deco-classical {
background: #BF9A66;
}
div.genre_seal a.deco-gorgeous {
background: #D6A110;
}
div.genre_seal a.deco-season {
background: #85D1D6;
}
div.genre_seal a.deco-sweet {
background: #F5A0A0;
}
div.genre_seal a.deco-natural {
background: #86AB80;
}
div.genre_seal a.deco-japanese {
background: #CF5C4F;
}
ul.decoration_sealList02 {
list-style-type: none;
margin: 20px 0;
padding: 0;
width: 750px;
}
ul.decoration_sealList02 li {
float: left;
margin: 0 0 10px;
padding: 0 0.9%;
width: 23.2%;
height: 185px;
}
ul.decoration_sealList02 li.tate {
height: 225px;
}
ul.decoration_sealList02 a img {
max-width: 172px;
max-height: 172px;
display: block;
margin: 0 auto;
}
ul.decoration_sealList02 div {
padding: 0 10px;
}
ul.decoration_sealList02 img {
margin-right: 2px;
}
/* サンクスカード・シール使用例 */
ul.list_howto li {
float: left;
width: 160px;
margin: 0 25px 15px 0;
position: relative;
padding-bottom: 25px;
}
ul.list_howto li p {
margin: 3px 0;
line-height: 1.3;
}
ul.list_howto li p.button {
position: absolute;
bottom: 0;
}
/* 【無料特典】イニシャルスタンプについて */
li.galImg {
margin-bottom: 40px;
}
li.galImg img {
border: 1px solid #aaa;
}
/* スタンプ特集ページ */
#specialContent01 .spcontentMenu.stampLists ul.menu3col {
margin: 0 0 30px -2%;
width: 102%;
}
#specialContent01 .spcontentMenu.stampLists ul.menu3col li {
margin: 0 0 10px 0;
padding: 0 0 0 2%;
width: 18%;
font-size: 12px;
height: 200px;
text-align: center;
}
#specialContent01 .spcontentMenu.stampLists ul.menu3col li p .new {
display: inline-block;
font-size: 11px;
margin-left: 3px;
font-weight: bold;
color: #ff0000;
}
#specialContent01 .spcontentMenu.stampLists ul.menu3col li a img {
margin-bottom: 5px;
width: 100%;
height: auto;
box-sizing: border-box;
}
/* 【無料特典】共通スタイル（新） */
.supportGuide .arrange,
.supportGuide .detail,
.supportGuide .ranking,
.supportGuide .new,
.supportGuide div h3,
.supportGuide section.spReview h3 {
text-align: center;
}
.supportGuide p.btGuide {
text-align: center;
margin-bottom: 20px;
}
.supportGuide div h3,
.supportGuide section.spReview h3 {
margin-bottom: 1.2em;
line-height: 1.6;
}
.supportGuide div h3 span,
.supportGuide section.spReview h3 span {
display: block;
font-weight: normal;
margin-bottom: .25em;
}
.supportGuide .ranking ul,
.supportGuide .new ul,
.supportGuide .spcontentMenu.stampLists ul.menu3col {
margin: 0 0 30px -2%;
width: 102%;
}
.supportGuide .ranking ul li,
.supportGuide .new ul li,
.supportGuide .spcontentMenu.stampLists ul.menu3col li {
padding: 0 0 0 2%;
width: 18%;
font-size: 12px;
text-align: center;
float: left;
}
.supportGuide .ranking ul li,
.supportGuide .new ul li {
margin-bottom: 1em;
}
.supportGuide .ranking ul,
.supportGuide .new ul {
overflow: hidden;
margin-top: 5.2%;
}
.supportGuide .ranking ul li span.rankno,
.supportGuide .new ul li span.new {
display: block;
text-align: left;
margin: 0 0 .5em 2%;
}
/* 【無料】カード・シール・スタンプレビュー */
#systemWrap .supportGuide section.spReview {
background: none;
/*width:91%;*/
margin: 0 auto;
}
.supportGuide section.spReview ul {
background: none;
margin-bottom: 10px;
padding-top: 0;
}
.supportGuide section.spReview ul h4 {
font-size: 16px;
font-weight: normal;
padding: 5%;
background: url(/resource/img/support/thanks/bg_reviews_h.png) no-repeat 0 0;
}
.supportGuide section.spReview ul li {
float: left;
margin: 1% 0 2%;
padding: 1%;
width: 49%;
font-size: 12px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.supportGuide section.spReview ul li:nth-child(odd) {
margin-right: 2%;
}
.supportGuide section.spReview ul li p {
padding: 3%;
}
.supportGuide section.spReview ul li strong {
background-color: transparent;
font-weight: normal;
}
/* 【特典】サンクスカードについて（新） */
#thxTopArea {
background-color: #F7931E;
color: #fff;
padding: 10px 0;
}
#thxTopArea p:first-child {
font-size: 21px;
font-weight: bold;
line-height: 1.2
}
#thxTopArea #thx-top-num {
font-size: 35px;
padding: 0 5px;
}
.supportGuide .thxTop {
position: relative;
text-align: center;
}
.supportGuide .thxLead {
padding: 45px 0 15px;
}
.supportGuide .thxLead p {
font-size: 16px;
margin-bottom: 1em;
}
.supportGuide .thxLead p:first-child {
margin-bottom: 0;
}
.supportGuide .thxLead p.font-s {
font-size: 12px;
}
.guideThanks .area-header {
margin-bottom: 40px;
}
.guideThanks .area-header img {
margin-bottom: 25px;
}
.supportGuide .thxArrange ul {
width: 85%;
margin: 0 auto;
}
.supportGuide .thxArrange ul li {
max-width: 176px;
float: left;
font-size: 12px;
margin: 0 2% 5%;
}
.supportGuide .thxArrange ul img {
margin-bottom: 1em;
}
.supportGuide .arrange {
text-align: left;
}
.supportGuide .thxLink {
width: 91%;
margin: 20px auto;
}
.supportGuide .itemLink {
border-top: 3px double #978280;
border-bottom: 3px double #978280;
padding: 3.5% 0;
position: relative;
}
.supportGuide .itemLink h3 {
position: absolute;
top: -7.6%;
left: 0;
right: 0;
margin: 0 auto;
}
.supportGuide .thxLink {
text-align: center;
font-size: 18px;
}
.supportGuide .thxLink a {
text-decoration: none;
}
.supportGuide .thxLink ul li {
display: block;
float: left;
width: 33.33%;
}
.supportGuide .thxLink li img {
padding-bottom: 7px;
}
.thxDetail.detail h4 {
margin: 60px 0 30px;
}
.thxDetail.detail #thxTag h4 {
padding-right: 45px;
}
.thxDetail.detail h4 img:first-child {
margin-right: 12px;
}
.thx-list-link {
margin-bottom: 30px;
text-align: center;
}
.thx-list-link a {
background-color: #808080;
color: #fff;
display: inline-block;
font-size: 20px;
text-decoration: none;
padding: 6px 30px;
}
#thxSeal .thx-list-link {
margin-bottom: 70px;
}
#thxDatail {
width: 83%;
margin: 0 auto;
}
#thxDatail ul {
margin-bottom: 1.2em;
}
#thxDatail li {
display: block;
float: left;
width: 33.333%;
}
#thxDatail .thx-list-num {
display: block;
height: 22px;
margin-bottom: 5px;
}
#thxTag .thxDetail {
padding-left: 130px;
margin-bottom: 50px;
}
#thxCard .thxDetail {
margin-bottom: 50px;
}
#thxSeal .thxDetail {
margin-bottom: 50px;
}
.thxDetail img:first-child {
position: relative;
}
#thxTag .thxDetail img:first-child {
top: -20px;
}
#thxCard .thxDetail img:first-child {
top: 0px;
}
#thxSeal .thxDetail img:first-child {
top: -45px;
}
#thxTag .thxDetail img:last-child,
#thxCard .thxDetail img:last-child,
#thxSeal .thxDetail img:last-child {
margin-left: 20px;
}
#tag-note-area {
width: 73%;
margin: 0 auto 55px;
}
#tag-note-area .tag-note {
float: left;
text-align: left;
width: 46%;
}
#tag-note-area figure {
font-size: 11px;
}
#tag-note-area figure span {
display: inline-block;
}
#tag-note-area .tag-images {
float: right;
width: 54%;
}
/* カード・シールランキング */
.supportGuide .thx_ranking ul {
margin: 0 0 30px -2%;
width: 102%;
}
.supportGuide .thx_ranking ul li {
padding: 0 0 0 2%;
width: 18%;
font-size: 12px;
text-align: center;
float: left;
margin-bottom: 1em;
}
.supportGuide .thx_ranking ul {
overflow: hidden;
margin-top: 5%;
}
.supportGuide .thx_ranking ul li span.rankno {
display: block;
text-align: left;
margin: 0 0 .5em 2%;
}
.supportGuide .cardRanking span.thumbImg,
span.thumbImg {
display: table-cell;
width: 130px;
height: 130px;
vertical-align: middle;
text-align: center;
}
span.tate img {
max-height: 130px;
width: auto;
/* 追加 */
}
span.thumbImg img {
/*border:1px solid #ccc;*/
max-width: 130px;
/*追加 */
height: auto;
/*追加 */
}
.sealRanking span.thumbImg img {
border-radius: 10px;
border: none;
/*追加 */
}
/* よくあるご質問 */
.supportGuide .thxFaq {
text-align: left;
}
.supportGuide .thxFaq h4 {
font-size: 17px;
font-weight: normal;
border: 3px double #978280;
padding: .45em .85em;
margin-bottom: 1em;
}
/* サンクスカード使用例TOP */
.supportGuide .thxArrange2 {
background: url(/resource/img/support/thanks/thanks_arrange_top.jpg) no-repeat 0 0;
padding-top: 305px;
position: relative;
}
.supportGuide .thxArrange2 ul {
width: 90%;
margin: 0 auto 30px;
}
.supportGuide .thxArrange2 li {
float: left;
margin-bottom: 20px;
text-align: center;
width: 50%;
}
.supportGuide .thxArrange2 li div {
width: 55%;
margin: 0 auto;
}
.supportGuide .thxArrange2 li h3 {
font-size: 18px;
font-weight: normal;
margin: .25em 0 .5em;
}
.supportGuide .thxArrange2 li p {
font-size: 14px;
text-align: left;
}
.supportGuide .thxStampLink {
border: 1px solid #534741;
padding: 2.5% 0 3% 3%;
position: absolute;
right: 9%;
text-align: center;
top: 1102px;
width: 32%;
}
.supportGuide .thxStampLink p {
text-align: center;
font-size: 20px;
}
.supportGuide.thxArrange .txt {
background: url(/resource/img/support/thanks/bg_thx_arrange_02.png) no-repeat 50% 50%;
color: #000;
font-size: 17px;
padding: 3.5% 0;
text-align: center;
}
.supportGuide .thxArrange3 {
text-align: center;
}
.supportGuide .thxArrange3 h3 {
font-size: 24px;
font-weight: normal;
margin-bottom: 0;
}
.supportGuide .thxArrange3 img {
margin-bottom: 20px;
}
/* 【無料特典】イニシャルスタンプについて（新） */
.supportGuide .stampTop {
overflow: hidden;
padding-top: 3.5%;
}
.supportGuide .stampTop h3 {
font-weight: normal;
font-size: 18px;
margin: 1em 0;
line-height: 1.8;
text-align: left;
}
.supportGuide .stampTop p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 1em;
}
.supportGuide .stampImg {
float: left;
width: 50%;
margin-right: 2.5%;
}
.supportGuide .stampArrange {
padding: 0 2% 3.5%;
margin-bottom: 20px;
}
.supportGuide .stampArrange ul li {
float: left;
width: 33%;
text-align: center;
}
.supportGuide .stampArrange ul li.decopaper {
width: 80%;
padding: 0 20% 0 0;
margin-bottom: 10px;
}
.supportGuide .stampArrange ul li.decopaper .left {
float: right
}
.supportGuide .stampArrange ul li.decopaper .right {
float: right;
text-align: left;
padding: 12% 0 0 20px;
}
.supportGuide .stampDetail ul {
text-align: left;
padding-top: 3.5%;
}
.supportGuide .spcontentMenu.stampLists ul.menu3col li {
margin: 0 0 10px 0;
height: 200px;
}
.supportGuide .spcontentMenu.stampLists ul.menu3col li p .new {
display: inline-block;
font-size: 11px;
margin-left: 3px;
font-weight: bold;
color: #ff0000;
}
.supportGuide .spcontentMenu.stampLists ul.menu3col li a img {
margin-bottom: 5px;
width: 100%;
height: auto;
box-sizing: border-box;
}
.supportGuide .stampBg {
background-color: #c7e3e2;
padding: 3% 0;
}
/* スタンプ購入手順ページ */
.stamp_howto h5 {
font-size: 15px;
font-weight: bold;
padding: 3px 0 0px 20px;
line-height: 1.2;
margin: 25px 0 10px 0;
background: url(../img/ic_arrow_03.png) 0 50% no-repeat;
}
.stamp_howto h5.mt0 {
margin-top: 0;
}
.stamp_howto img {
max-width: 100%;
}
/* クーポンのご利用方法 */
p.couponCaution {
padding: 1%;
background-color: #FFECEC;
border: 1px solid #FFCFCF;
font-weight: bold;
font-size: 110%;
color: #444;
text-align: center;
}
/* ------------------------------------------------------
新・お問い合わせフォーム
------------------------------------------------------- */
/* 共通 */
table.mailformTable {
border-collapse: collapse;
width: 100%;
text-align: left;
border: 1px solid #aaaaaa;
}
table.mailformTable tr th {
border-bottom: 1px dotted #aaaaaa;
width: 25%;
vertical-align: middle;
padding: 6px 8px;
font-weight: normal;
font-size: 14px;
background: #faf0df;
line-height: 1.3em;
}
p.deliSelect span.required,
table.mailformTable tr th span.hissu,
table.mailformTable tr td span.hissu,
table.mailformTable tr th span.required {
font-weight: bold;
color: #ff0000;
font-size: 11px;
margin-left: 3px;
}
table.mailformTable tr th span.ninni,
table.mailformTable tr td span.ninni {
font-weight: bold;
color: #909090;
font-size: 11px;
margin-left: 3px;
}
table.mailformTable td .text input {
width: 68%;
}
table.mailformTable td .mini {
margin: 0 15px 0 0;
}
table.mailformTable td .mini input {
width: 25%;
}
table.mailformTable td .tel input,
table.mailformTable td .fax input {
width: 50px;
}
table.mailformTable td span.caution {
color: #d00000;
display: block;
margin: 0 0 3px 0;
}
table.mailformTable tr td {
border-bottom: 1px dotted #aaaaaa;
width: 75%;
vertical-align: middle;
padding: 6px 8px;
font-size: 13px;
line-height: 1.3em;
background: #fff;
}
table.mailformTable tr td input,
table.mailformTable tr td textarea {
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
margin: 3px;
padding: 2px;
border: 1px solid #cccccc;
max-width: 70%;
font-family: arial;
}
table.mailformTable tr td textarea {
vertical-align: bottom;
}
table.mailformTable td .textArea textarea {
width: 96.5%;
height: 140px;
}
table.mailformTable tr td label {
margin: 3px 10px 3px 0;
}
table.mailformTable tr td select {
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
margin: 3px;
padding: 2px;
border: 1px solid #cccccc;
}
table.mailformTable tr td .notes {
margin: 0;
font-size: 11px;
color: #666666;
}
table.mailformTable tr td span.error,
p.mailformTable_agree span.error,
section.each div.answer span.error {
position: absolute;
background: #ff0000;
margin: -5px 0 0 -10px;
padding: 0 2px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
display: inline;
}
table.mailformTable tr td img {
margin: 10px 5px;
}
div#formOtodoke table.mailformTable {
margin: 0;
}
p.mailformTable_agree {
text-align: center;
}
p.mailformTable_agree label {
font-size: 14px;
font-weight: normal;
}
p.mailformTable_attentions {
text-align: center;
font-size: 14px;
color: #666666;
margin: 30px 0;
}
.mailformTable #datepicker,
.mailformTable #datepicker02,
.mw_wp_form .datepicker input {
background: url(../img/bg_calendar_01.png) 100% 0 no-repeat;
}
div.mailformTable_bt {
padding: 8px;
background: url(/resource/img/body_bg_01.png) 0 0 repeat;
text-align: center;
}
div.mailformTable_bt input {
margin: 10px 5px;
height: 34px;
border: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
width: 170px;
background: url(/resource/img/piary_bt_08.png) 0 0 no-repeat;
}
div.mailformTable_bt input:focus {
outline: 0;
}
.mailformTable_bt input:hover {
background: url(/resource/img/piary_bt_08.png) 0 -34px no-repeat;
}
#form_completion {
text-align: center;
line-height: 2;
font-size: 14px;
background: #fffae0;
padding: 14px;
color: #990000;
margin-bottom: 50px;
}
#form_completion a {
color: #00aa66;
text-decoration: underline;
}
#form_completion p.attention {
font-size: 13px;
color: #606060;
font-weight: bold;
margin: 15px 0;
}
.mw-wp-form_image img {
max-width: 100%;
}
.mw_wp_form .attention {
margin: 5px 0;
line-height: 1.8em;
font-size: 14px;
color: #808080;
}
/* 確認画面では非表示にする部分 */
.mw_wp_form_confirm span.hissu,
.mw_wp_form_confirm span.hissu,
.mw_wp_form_confirm .notes,
.mw_wp_form_confirm .hide_in_confirm {
display: none;
}
table.mailformTable a#info_zip_link img,
table.mailformTable a.zip_link img {
/* 住所検索ボタン画像 */
vertical-align: middle;
margin: 0 0 0 5px;
width: 60px;
}
/* ヒキタクフォーム */
table.mailformTable tr td.soushingousei {
background-color: #e5decf;
}
table.mailformTable tr td span.hissu {
font-weight: bold;
color: #ff0000;
font-size: 11px;
margin-left: 3px;
}
.other_address_checkbox {
margin-top: 8px;
}
.other_address_checkbox label {
font-size: 12px;
font-weight: normal;
color: #333;
}
/* メールフォーム拡張機能：カレンダー */
table.mailformTable tr td .dateholder {
margin: 25px 0 5px 0;
font-size: 13px;
border: 3px dotted #cccccc;
padding: 8px;
}
table.mailformTable tr td .when18 {
margin-top: 2px;
font-size: 12px;
font-weight: bold;
color: #ff0000;
}
table.mailformTable tr td .dateholder span {
font-size: 15px;
color: #aa0000;
padding: 1px 5px;
line-height: 1.3em;
}
table.mailformTable tr td.datecell {
padding: 15px 10px;
font-size: 14px;
}
table.mailformTable tr td.datecell .calendarArea {
margin: 0 10px;
}
table.mailformTable tr td .calendar {
width: 100%;
text-align: center;
border-spacing: 4px;
border-collapse: separate;
}
table.mailformTable .about_icon {
margin: 8px;
padding: 2px 0 2px 25px;
font-size: 12px;
color: #666666;
border-top: 1px dotted #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
}
table.mailformTable .about_icon li {
list-style-type: disc;
margin: 6px 0;
}
table.mailformTable .about_icon span {
display: inline-block;
margin: 0 2px 3px 0;
padding: 1px 0;
width: 26px;
font-size: 12px;
border: 1px solid #bbbbbb;
text-align: center;
line-height: 1em;
color: #000000;
height: 12px;
}
table.mailformTable .about_icon span.ok {
background: #fffcd5;
}
table.mailformTable .about_icon span.soso {
background: #ffe0af;
}
table.mailformTable .about_icon span.ng {
background: #f0f0ea;
}
table.mailformTable .about_icon span.hour1 {
font-size: 14px;
height: 12px;
}
table.mailformTable tr td .calendar tr th,
table.mailformTable tr td .calendar tr td {
padding: 0;
width: 12.5%;
border: 1px solid #dadada;
border-bottom: 1px solid #a0a0a0;
border-right: 1px solid #a0a0a0;
font-size: 14px;
line-height: 1.4em;
height: 25px;
}
table.mailformTable tr td .calendar tr th,
table.mailformTable tr td .calendar tr.header td {
background: #f0f0ea;
}
table.mailformTable tr td .calendar tr td {
display: none;
}
table.mailformTable tr td .calendar tr td.week1 {
display: table-cell;
}
table.mailformTable tr td .calendar tr td.sat {
background: #d0e0ef;
color: #4060Ba;
}
table.mailformTable tr td .calendar tr td.sun {
background-color: #efdcda;
color: #b05050;
}
table.mailformTable tr td .calendar tr td.hol {
background-color: #efdcda;
color: #b05050;
}
table.mailformTable tr td .calendar tr td a {
display: block;
padding-top: 3px;
height: 22px;
background: #fffcd5;
text-decoration: none;
font-size: 16px;
color: #000000;
}
/*
table.mailformTable tr td .calendar tr td a.unable{
pointer-events: none;
background: #f0f0ea;
}*/
table.mailformTable tr td .calendar tr td a.active {
color: #ff0000;
background: #ffe300;
}
table.mailformTable tr td .calendar tr td a:hover {
background: #ffdc70;
background: #ffee66;
}
table.mailformTable tr td .calendar tr td a.few.active {
color: #ff0000;
background: #ffb04a;
}
table.mailformTable tr td .calendar tr td a.few {
background: #ffdaaf;
}
table.mailformTable tr td .calendar tr td a.few:hover {
background: #ffa555;
}
table.mailformTable tr td .calendar tr td.cannot {
background: #f0f0ea;
}
table.mailformTable tr td .calendar tr td.full {
background: #f0f0ea;
font-size: 13px;
}
/*XX*/
table.mailformTable tr td .calendar tr td a.unable {
pointer-events: none;
background: #f0f0ea;
}
table.mailformTable tr td .lastmodified {
margin: 4px;
font-size: 14px;
font-weight: bold;
color: #606060;
}
table.mailformTable tr td .changeweek {
margin-top: 10px;
}
table.mailformTable tr td .changeweek .prevweek {
width: 50%;
float: left;
text-align: left;
}
table.mailformTable tr td .changeweek .nextweek {
width: 50%;
float: left;
text-align: right;
}
table.mailformTable tr td .changeweek li a {
background: #cc6633;
padding: 3px 5px;
color: #ffffff;
font-size: 12px;
}
/* 引き宅ご注文シート送信フォーム */
#wfd_ordersheet .sender_info {
background: #e5decf;
}
#wfd_ordersheet .sender_info .attention {
display: block;
text-align: center;
font-size: 14px;
color: #dd0000;
font-weight: bold;
padding: 5px;
}
/* 引き宅 お届け先変更フォーム */
table.mailformTable .write_address {
text-align: center;
color: #ff0000;
padding: 5px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
box-sizing: border-box;
width: 100%;
}
.ques span.error {
position: absolute;
background: #ff0000;
margin: -5px 0 0 -10px;
padding: 0 2px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
display: inline;
}
/* 引き宅 WEB版ご注文シート */
.hikitaku_form {
margin: 10px auto;
max-width: 960px;
width: 100%;
text-align: left;
}
.hikitaku_form img {
max-width: 100%;
}
.hikitaku_form select {
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
margin: 3px;
padding: 2px;
border: 1px solid #cccccc;
}
.hikitaku_form h1 {
font-size: 26px;
margin-bottom: 5px;
padding: 8px;
border-top: 4px double #aa8888;
border-bottom: 4px double #aa8888;
text-align: center;
}
.hikitaku_form section {
margin: 20px 0 50px 0;
text-align: left;
}
.hikitaku_form h2 {
font-size: 18px;
color: #808080;
border-left: 15px solid #808080;
border-bottom: 2px solid #808080;
padding: 2px 10px;
margin-bottom: 10px;
}
.hikitaku_form .attentions ul {
list-style-type: disc;
margin-left: 30px;
font-size: 14px;
}
.hikitaku_form .attentions ul li {
margin-bottom: 5px;
}
.hikitaku_form .attentions ul li strong {
color: #ff0000;
}
.hikitaku_form .howmanytimes {
margin-top: 10px;
font-size: 16px;
}
.hikitaku_form .howmanytimes label {
margin-right: 30px;
}
.hikitaku_form .howmanytimes label input {
margin-right: 5px;
}
.hikitaku_form h4 {
margin-top: 25px;
padding: 1px 3px;
font-size: 14px;
line-height: 20px;
color: #aa0000;
border-left: 10px solid #aa0000;
}
.hikitaku_form h4 span {
margin-left: 20px;
font-size: 13px;
color: #606060;
}
.hikitaku_form h4 span input {
vertical-align: middle;
}
.hikitaku_form ul li.left {
float: left;
width: 49%;
}
.hikitaku_form ul li.right {
float: right;
width: 49%;
}
.hikitaku_form .onlyonce {
display: none;
margin-top: 25px;
}
.hikitaku_form .onlyonce h4 {
margin: 0;
}
.mailformTable.hikitaku_formT .set-contents select {
width: 98%;
}
.mailformTable.hikitaku_formT {
margin-top: 5px;
}
.hikitaku_form .mailformTable.off {
display: none;
}
.hikitaku_formT tr th.sender_info {
background: #e5decf;
}
.hikitaku_formT tr th.sender_info .attention {
display: block;
text-align: center;
font-size: 14px;
color: #dd0000;
font-weight: bold;
}
.mailformTable.hikitaku_formT .set-contents select {
width: 98%;
}
.hikitaku_formT tr td a {
color: #00aa88;
}
.hikitaku_formT .ml1c {
margin-left: 13px;
}
.hikitaku_formT tr td .set_main,
.hikitaku_formT tr td .set_main p {
display: none;
}
.hikitaku_formT tr td .set_main select {
width: 90%;
}
.hikitaku_formT .set-contents {
display: none;
margin: 15px 0 0 0;
padding: 6px;
background: #fcf8d0;
}
.hikitaku_formT .set-contents span {
font-size: 12px;
}
.hikitaku_formT .set-contents p {
margin-top: 6px;
}
.hikitaku_formT .set-contents p.off {
display: none;
}
.hikitaku_formT .set-contents p span {
color: #990000;
font-weight: bold;
}
.hikitaku_formT .set-contents p span a {
font-weight: normal;
}
.hikitaku_formT .set-contents h5 {
color: #ff0000;
font-size: 13px;
}
.hikitaku_form .inquiry textarea {
width: 100%;
box-sizing: border-box;
}
.hikitaku_form_completion .belongings {
font-size: 13px;
font-weight: bold;
color: #333333;
}
.hikitaku_form span.error {
position: absolute;
background: #ff0000;
margin: -5px 0 0 -25px;
padding: 0 2px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
display: inline;
}
.hikitaku_form input.search_address {
background: #fafafa;
font-size: 12px;
padding: 3px;
color: #333333;
}
.hikitaku_form .mw_wp_form_preview input.search_address,
.form_address .mw_wp_form_preview input.search_address {
display: none;
}
.hikitaku_form .order_sheet_flow_web {
margin: 3% 0;
}
.hikitaku_form .order_sheet_flow_web h2 {
margin: 0 0 1%;
padding: 0;
font-size: 22px;
text-align: center;
color: #998675;
border: 0;
}
.hikitaku_form .order_sheet_flow_web ol {
list-style-type: none;
}
.hikitaku_form .order_sheet_flow_web ol li {
width: 21%;
height: 325px;
margin: 0 6%;
float: left;
box-sizing: border-box;
position: relative;
}
.hikitaku_form .order_sheet_flow_web ol li.customer {
border: 1px solid #BAD9DE;
}
.hikitaku_form .order_sheet_flow_web ol li.piary {
border: 1px solid #C7B299;
}
.hikitaku_form .order_sheet_flow_web ol li .who {
text-align: center;
line-height: 2em;
font-size: 15px;
}
.hikitaku_form .order_sheet_flow_web ol li:after {
content: "";
display: block;
height: 0;
width: 0;
margin: auto;
border: 15px solid transparent;
border-left: 20px solid;
position: absolute;
top: 0;
bottom: 0;
right: -42%;
}
.hikitaku_form .order_sheet_flow_web ol li.customer:after {
border-left-color: #BAD9DE;
}
.hikitaku_form .order_sheet_flow_web ol li.piary:after {
border-left-color: #C7B299;
}
.hikitaku_form .order_sheet_flow_web ol li:last-child:after {
display: none;
}
.hikitaku_form .order_sheet_flow_web ol li.customer .who {
background-color: #BAD9DE;
}
.hikitaku_form .order_sheet_flow_web ol li.piary .who {
background-color: #C7B299;
}
.hikitaku_form .order_sheet_flow_web ol li h3 {
margin: 3% 2%;
padding: 3% 0;
padding-left: 50px;
font-size: 12px;
background-position: 0 50%;
background-repeat: no-repeat;
}
.hikitaku_form .order_sheet_flow_web ol li h3.no01 {
background-image: url(/resource/img/weddinggift/wfd/square01.jpg);
}
.hikitaku_form .order_sheet_flow_web ol li h3.no02 {
background-image: url(/resource/img/weddinggift/wfd/square02.jpg);
}
.hikitaku_form .order_sheet_flow_web ol li h3.no03 {
background-image: url(/resource/img/weddinggift/wfd/square03.jpg);
}
.hikitaku_form .order_sheet_flow_web ol li h3 span {
font-size: 18px;
color: #C1272D;
}
.hikitaku_form .order_sheet_flow_web ol li .txt {
padding: 0 2%;
font-size: 15px;
}
.hikitaku_form .order_sheet_flow_web ol li img {
position: absolute;
bottom: 0;
left: 0;
}
/* ショールーム予約フォーム＆プリンター貸出サービス予約フォーム */
.sr_reservation {
max-width: 750px;
width: 100%;
text-align: left;
}
.sr_reservation strong {
color: #f00;
}
.sr_reservation img {
max-width: 100%;
}
.sr_reservation h1 {
font-size: 26px;
margin-bottom: 5px;
padding: 8px;
border-top: 4px double #aa8888;
border-bottom: 4px double #aa8888;
text-align: center;
}
.sr_reservation section {
margin: 20px 0 50px 0;
text-align: left;
}
.sr_reservation .howto {
text-align: left;
}
.sr_reservation h2 {
font-size: 18px;
color: #808080;
border-left: 15px solid #808080;
border-bottom: 2px solid #808080;
padding: 2px 10px;
margin-bottom: 10px;
}
.sr_reservation .howto li {
margin: 0;
border-bottom: 2px dotted #cccccc;
padding-bottom: 20px;
padding: 10px 0 15px 0;
}
.sr_reservation .howto li img.no {
width: 42px;
height: 42px;
float: none;
margin: 0 0 3px 0;
}
.sr_reservation .howto li img {
float: left;
margin-right: 3%;
width: 40%;
}
.sr_reservation .howto li div {
float: left;
width: 57%;
}
.sr_reservation .howto li div h3 {
font-size: 22px;
margin-bottom: 8px;
color: #ff5090;
}
.sr_reservation .howto li div div.text {
background: #fff8e0;
padding: 2%;
width: 96%;
border-radius: 10px;
font-size: 15px;
}
.sr_reservation .howto li div div.text p.by_tel {
font-size: 13px;
}
.sr_reservation .howto li div div.text p.by_tel a {
color: #ff0000;
}
.sr_reservation .howto li div.flow02box {
position: relative;
width: 100%;
}
.sr_reservation .howto li div.flow02box .imageA {
width: 53%;
z-index: 2;
position: relative;
}
.sr_reservation .howto li div.flow02box .imageB {
position: absolute;
width: 53%;
margin: 0;
z-index: 1;
bottom: 0;
right: 0;
}
.sr_reservation .howto li div.flow02box .textA {
position: absolute;
right: 0;
width: 41%;
}
.sr_reservation .howto li div.flow02box .textB {
position: relative;
width: 41%;
margin-top: 2%;
}
.sr_reservation .displays {
font-size: 14px;
}
.sr_reservation .tokuten {
padding: 5px 2%;
background: #fff8e0;
}
.sr_reservation .tokuten ul {}
.sr_reservation .tokuten ul li {
float: left;
width: 48%;
margin: 1%;
padding: 0;
color: #aa0000;
font-size: 12px;
border: 0;
}
.sr_reservation .tokuten ul li img {
width: 98%;
border: 1px solid #aa0000;
margin-bottom: 5px;
}
.sr_reservation p.notices {
margin: 10px 0;
font-size: 12px;
}
.sr_reservation .mailformTable label {
display: block;
}
.sr_reservation .thankyou_for_reservation div.belongings {
font-size: 13px;
text-align: left;
margin: 10px 5%;
text-decoration: none;
color: #333333;
}
.sr_reservation .thankyou_for_reservation div.belongings ul {
list-style: disc;
font-size: 12px;
margin: 8px 0 8px 20px;
line-height: 1.6em;
}
.sr_reservation .thankyou_for_reservation div.belongings h4 {
margin-top: 10px;
color: #ff0000;
}
.sr_reservation .thankyou_for_reservation div.belongings h5 {
font-size: 14px;
margin: 15px 0 5px 0;
color: #f00000;
background: #ffecaa;
padding: 4px;
}
.sr_reservation div.chart {
position: relative;
}
.sr_reservation div.chart img.bt {
position: absolute;
top: 6%;
left: 38%;
max-width: 46%;
}
.sr_reservation .attentions ul {
list-style-type: disc;
margin-left: 30px;
font-size: 14px;
}
.sr_reservation .attentions ul li {
line-height: 1.5em;
margin-bottom: 8px;
}
table.mailformTable tr td p.select_print_item {
display: none;
font-weight: bold;
margin-top: 15px;
color: #cc0000;
font-size: 14px;
}
table.mailformTable tr td div.print_item_invitations,
table.mailformTable tr td div.print_item_receptions,
table.mailformTable tr td div.print_item_namecards {
margin: 12px 8px;
padding: 8px;
background: #fcf8d0;
display: none;
}
table.mailformTable tr td div.print_item_invitations h5,
table.mailformTable tr td div.print_item_receptions h5,
table.mailformTable tr td div.print_item_namecards h5 {
margin-bottom: 10px;
color: #d00000;
}
/* SR有料化に伴う追加分 */
div.chart img.pprBtn {
position: absolute;
max-width: 58% !important;
top: 11%;
left: 22%;
}
.charge4print h3 {
margin: 1% auto 2% auto;
font-size: 1.8em;
font-weight: bold;
text-align: center;
color: #FF8E8E
}
.charge4print h4 {
margin: 1% 0;
font-size: 1.1em;
font-weight: normal;
}
.charge4print table.rateSystem {
margin: 20px 0 10px 0;
width: 100%;
font-size: 13px;
}
.charge4print table.rateSystem tbody tr th,
.charge4print table.rateSystem tbody tr td {
border: 1px solid #aaa;
padding: 1.5% 1%;
line-height: 1.5em;
vertical-align: middle;
}
.charge4print table.rateSystem tbody tr:nth-child(2n+1) {
background: #f0f0e3;
}
.charge4print table.rateSystem tbody tr th {
background-color: #F0F0CA;
}
.charge4print table.rateSystem tbody tr .setName {
width: 44%;
}
.charge4print table.rateSystem tbody tr .price,
.charge4print table.rateSystem tbody tr .time {
text-align: center;
width: 14%;
}
.charge4print table.rateSystem tbody tr td.weekly {
color: #ff0000;
font-weight: bold;
}
.charge4print div.sr_onegai {
width: 100%;
margin: 20px 0;
border: 1px solid #aaa;
border-radius: 3px;
}
.charge4print div.sr_onegai p {
margin-bottom: 1%;
padding: 0.25em 0.5em;
line-height: 2em;
font-weight: bold;
border-bottom: 1px solid #CCC;
background-color: #F0F0CA;
}
.indentNote {
display: block;
padding-left: 1em;
text-indent: -1em;
}
.indentNote2 {
display: block;
padding-left: 2em;
text-indent: -2em;
}
.indentNote3 {
display: block;
padding-left: 3em;
text-indent: -3em;
}
.indentNote4 {
display: block;
padding-left: 4em;
text-indent: -4em;
}
.indentNote5 {
display: block;
padding-left: 5em;
text-indent: -5em;
}
.indentNote6 {
display: block;
padding-left: 6em;
text-indent: -6em;
}
/* SR有料化に伴う追加分 フォーム部分 */
p.packs label {
display: block;
}
p.packs label.unable {
display: none;
}
/* SR有料化に伴う追加分 フォーム部分 確認ボタン上部 */
div.printersNote {
margin: 2% 0;
padding: 1% 2%;
border: 1px solid #ECECEC;
border-radius: 3px;
background-color: #FFF7F7;
}
div.printersNote p:first-child {
font-size: 1.3em;
font-weight: bold;
color: #D80045;
}
div.printersNote img {
display: block;
margin: 1% auto;
}
/* SR有料化に伴う追加分 フォーム部分 終了画面 */
div.sr_fin_note {
width: 96%;
margin: 0% auto;
padding: 1% 2%;
text-align: left;
font-size: 11px;
font-weight: normal;
line-height: 1.6em;
text-decoration: none;
color: #f00;
border: 1px solid #ccc;
background-color: #FDFDFD;
}
div.sr_fin_note span {
color: #000;
}
div.sr_fin_note span.indentNote {
font-size: 12px;
line-height: 1.6em;
}
p.sr_fin_note_ttl {
width: 99.9%;
background-color: #FFF7F7;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #FF5555;
font-weight: bold;
}
/* 引き菓子試食会 */
.sr_tasting {
margin: 10px auto;
max-width: 720px;
width: 100%;
text-align: left;
}
.sr_tasting img {
max-width: 100%;
}
.sr_tasting .mainImg {
display: block;
margin-bottom: 20px;
}
.sr_tasting .catchcopy {
padding: 12px;
background: #fcf8ea;
text-align: center;
line-height: 2.2em;
font-size: 14px;
color: #a06960;
}
.sr_tasting section {
margin: 20px 0 40px 0;
text-align: left;
}
.sr_tasting h2 {
margin-bottom: 15px;
font-size: 16px;
font-weight: normal;
letter-spacing: 3px;
color: #ffffc0;
line-height: 30px;
background: url(/resource/img/showroom/bg_tasting_h.gif);
padding-left: 10px;
}
.sr_tasting .guidance li {
margin-bottom: 12px;
font-size: 13px;
}
.sr_tasting .guidance li h3 {
padding-left: 22px;
font-size: 14px;
color: #903a3a;
background: url(/resource/img/showroom/ic_tasting.gif) no-repeat;
line-height: 20px;
}
.sr_tasting .guidance li p {
margin-left: 22px;
}
.sr_tasting .mailformTable label {
display: inline-block;
width: 45%;
}
.sr_tasting .mailformTable .p2 {
display: none;
}
.sr_tasting .attentions {
font-size: 11px;
color: #ff0000;
font-weight: bold;
line-height: 1.8em;
margin: 30px 0;
text-align: center;
}
.sr_tasting #form_completion .belongings {
margin-top: 30px;
font-size: 13px;
color: #ff0000;
font-weight: bold;
}
.sr_tasting .finish {
font-size: 16px;
margin: 30px 0 60px 0;
padding: 8px;
background: #ffffe0;
line-height: 2em;
}
/* 引き菓子試食会レポート */
.sr_tasting_r .photoArea p {
text-align: center;
line-height: 1.6em;
margin: 15px 0 20px 0;
font-size: 14px;
}
.sr_tasting_r img.centering {
margin: 0 auto;
display: block;
}
.sr_tasting_r .introArea ul {
margin: 10px 0 0 -2%;
}
.sr_tasting_r .introArea ul li {
float: left;
width: 31.33%;
margin: 10px 0 10px 2%;
font-size: 14px;
min-height: 270px;
}
.sr_tasting_r .introArea ul li a {
display: block;
}
.sr_tasting_r .introArea ul li a img {
display: block;
margin: 0 auto 5px auto;
border: 3px solid #fa693f;
max-width: 96%;
min-height: 230px;
min-width: 230px;
}
.sr_tasting_r .introArea ul li p.price {
margin: 3px 0 0 0;
font-size: 12px;
font-weight: bold;
color: #ff6d2e;
}
.sr_tasting_r .linkArea ul {
margin: 0 0 0 -2%;
}
.sr_tasting_r .linkArea ul li {
width: 31.33%;
float: left;
margin: 0 0 0 2%;
}
.sr_tasting_r .linkArea ul li a img {
max-width: 100%;
}
.sr_tasting_r .linkArea ul li span {
margin-top: 3px;
display: block;
padding: 0 0 0 15px;
background: url(../img/ic_arrow_05.png) 0 3px no-repeat
}
/* 景品引換専用フォーム */
.prize_form {
margin: 10px auto;
max-width: 720px;
width: 100%;
text-align: left;
}
.prize_form section {
margin: 20px 0 50px 0;
text-align: left;
}
.prize_form img {
max-width: 100%;
}
.prize_form h1 {
font-size: 26px;
margin-bottom: 5px;
padding: 5px;
line-height: 1.3em;
border-top: 4px double #aa8888;
border-bottom: 4px double #aa8888;
text-align: center;
}
.prize_form h2 {
font-size: 18px;
color: #808080;
border-left: 15px solid #808080;
border-bottom: 2px solid #808080;
padding: 2px 10px;
margin-bottom: 10px;
}
.prize_form ul {
list-style-type: disc;
margin-left: 20px;
font-size: 12px;
}
.prize_form ul li {
margin-bottom: 5px;
}
.prize_form .modalGroup {
float: left;
display: block;
width: 100px;
margin-right: 5px;
padding: 3px;
border: 1px solid #cccccc;
}
.prize_form #postcode01,
.prize_form #postcode02 {
width: auto;
}
/* ------------------------------------
その他
------------------------------------ */
/* プライバシーポリシー */
.col1_info ol li ul {
margin: 0 15px 10px 15px;
}
/* 本サイトご利用に際しての注意事項 */
.notices h3 {
font-size: 14px;
border-bottom: 1px solid #aaa;
padding-bottom: 2px;
margin-bottom: 15px;
}
.notices h4 {
margin-bottom: 5px;
text-decoration: underline;
}
.notices section {
margin-bottom: 25px;
}
.carefake ul li {
margin-bottom: 5px;
}
.notices strong {
font-size: 14px;
color: #900;
}
/* ハロウィン・クリスマスウェディング特集 */
.special-christmas li.categorys,
.special-haloween li.categorys {
list-style-type: none;
float: left;
width: 20%;
}
.special-christmas ul.ranking,
.special-haloween ul.ranking {
margin: 20px 0;
}
.special-christmas li.ranking,
.special-haloween li.ranking {
float: left;
width: 18%;
padding: 0 1% 20px 1%;
height: 245px;
position: relative;
}
.special-christmas img.goods,
.special-haloween img.goods {
width: 96% !important;
margin-left: -2%;
padding: 2%;
border: 1.5px solid #ccc;
}
.special-christmas p.rank,
.special-haloween p.rank {
border-bottom: 1.5px solid #978A82;
margin-bottom: 6px;
}
.special-christmas p.title,
.special-haloween p.title {
font-weight: bold;
font-size: 100%;
}
.special-christmas ul.ranking li p.price,
.special-haloween ul.ranking li p.price {
font-size: 91%;
color: #ff6d2e;
position: absolute;
bottom: 0px;
left: 0px;
}
.special-christmas p.price span.per,
.special-haloween p.price span.per {
background-color: #ff6d2e;
font-size: 89%;
color: #fff;
margin-right: 4px;
padding: 1px 2px;
}
.special-christmas p.price span.cprice,
.special-haloween p.price span.cprice {
text-decoration: line-through;
color: #999999;
font-size: 11px;
}
.special-christmas .catlist li,
.special-haloween .catlist li {
float: left;
width: 20%;
text-align: center;
}
/* コンテンツページ */
.articlePages {
color: #555;
}
.articlePages img {
max-width: 100% !important;
}
.articlePages a:link {
color: #666;
text-decoration: underline;
}
.articlePages a:visited {
color: #ccc;
text-decoration: underline;
}
.articlePages a img:hover {
opacity: 0.85;
}
/* コンテンツページ 記事一覧 */
.articlePages ul.articleContainer {
margin: 1% auto;
width: 100%;
border-left: #ccc 1px solid;
border-top: #ccc 1px solid;
}
.articlePages ul.articleContainer li {
float: left;
width: 50%;
padding: 1.5%;
box-sizing: border-box;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.articlePages ul.articleContainer li a h6:hover {
opacity: .75;
}
.articlePages ul.articleContainer li h6.title {
margin-bottom: 3%;
color: #722;
font-size: 1.15em;
line-height: 1.3em;
height: 2.6em;
text-decoration: underline;
}
.articlePages ul.articleContainer li p.text {
font-size: 0.9em;
overflow: hidden;
height: 4.5em;
color: #888;
}
.articlePages ul.articleContainer p.continued {
display: block;
margin-top: 0.5em;
text-align: right;
text-decoration: underline;
color: #888;
font-size: 0.9em;
}
.articlePages ul.articleCatNav {
margin: 2% auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
list-style-type: none;
}
.articlePages ul.articleCatNav li {
width: 25%;
float: left;
box-sizing: border-box;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}
.articlePages ul.articleCatNav li.btm {
width: 25%;
}
.articlePages ul.articleCatNav li.now {
background-color: #f4efef;
box-shadow: 0 0 5px #f4efef;
}
.articlePages ul.articleCatNav li a {
display: block;
padding: 10%;
text-decoration: none !important;
color: #aaaaaa;
}
.articlePages ul.articleCatNav li.btm a {
padding: 13%;
}
.articlePages ul.articleCatNav li a:hover {
background-color: #f3dfcc;
box-shadow: 0 0 5px #fadabc;
text-decoration: none;
}
/* コンテンツページ ページ内 */
.articlePages h3 {
font-size: 1.2em;
font-weight: bold;
color: #4d4d4d;
margin: 8% 0 2% 0;
padding: 1%;
border-left: 10px solid #C1AD8B;
border-bottom: 1px dashed #a5a5a5;
width: 96%;
}
.articlePages h3 p {
font-size: 85%;
margin-bottom: 0.5%;
}
.articlePages h4 {
font-weight: bold;
font-size: 100%;
margin: 3% 0 2% 0;
padding: 1.5%;
color: #333;
background-color: #e0e0e0;
}
.articlePages div h5.titleBox {
margin: 3% 0 1% 0;
background-color: #FFF5E5;
border-top: 2px solid #F7F7F7;
padding: 1% 2%;
}
.articlePages div div.titleInner {
font-weight: bold;
font-size: 1.2em;
padding: 1% 1.5%;
color: #555;
border-left: 4px solid #FFE2B1;
text-shadow: 0 1px 0 #ccc;
}
.articlePages div.themeArea {
margin: 5% 0;
}
.articlePages div.themeArea p.theme {
font-size: 1.8em;
font-weight: bold;
color: #555;
margin-bottom: 3%;
text-shadow: 0 1px 0 #ccc;
}
.articlePages div.themeArea span {
color: #666;
line-height: 1.6;
font-size: 95%;
}
.articlePages div.onepoint {
margin: 3% 0 5%;
color: #555;
border: 1px solid #CCC;
padding: 2%;
}
.articlePages div.onepoint p {
font-size: 130%;
font-weight: bold;
margin: 1% 0;
}
.articlePages div.onepoint_small {
width: 95%;
margin: 1% auto 2% auto;
padding: 2% 0;
color: #555;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFFCFC;
}
.articlePages div.onepoint_small p.title {
float: left;
width: 11%;
margin-right: 1%;
padding: 2% 0.5%;
font-size: 1.1em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
.articlePages div.onepoint_small p.text {
float: left;
width: 87%;
font-size: 1.1em;
}
.articlePages div p.innerText {
width: 97%;
margin: 0 auto;
line-height: 1.7em;
font-size: 1.1em;
}
.articlePages div p.articleLine {
width: 97%;
margin: 1em 0;
padding-left: 0.3em;
font-size: 1.15em;
line-height: 2em;
border-left: 4px solid #888;
border-bottom: 1px dotted #888;
background-color: #FEFEFE;
}
.articlePages div div.picArea {
width: 97%;
margin-bottom: 2%;
padding: 2%;
}
.articlePages div div.picArea:last-child {
margin-bottom: 0;
}
.articlePages div div.picArea img {
float: left;
width: 30%;
border: 1px solid #CCC;
}
.articlePages div div.picArea p {
float: left;
width: 67%;
margin-left: 1em;
line-height: 1.7em;
font-size: 1.1em;
}
/* koko */
.articlePages div ul.innerList {
padding: 0.5em 0 0.5em 2em;
list-style-type: disc;
background-color: #fbfbfb;
border-radius: 5px;
}
.articlePages div ul.innerList li {
border-bottom: 1px dotted #ccc;
line-height: 1.5em;
margin-bottom: 0.5em;
}
.articlePages div ul.innerList_check {
padding: 0.5em 0 0.5em 1em;
list-style-type: none;
background-color: #fbfbfb;
border-radius: 5px;
}
.articlePages div ul.innerList_check li {
background-image: url("/uploads/page/64652/checkmark.gif");
background-repeat: no-repeat;
padding-left: 25px;
border-bottom: 1px dotted #ccc;
line-height: 1.8em;
margin-bottom: 0.5em;
}
/* kokomade */
.articlePages ul.bnLineUp li {
width: 31%;
margin: 0 1%;
float: left;
}
/* コンテンツページ ページネーション風 */
.articlePages div.articlePagenation {
margin-top: 5%;
padding: 0.5% 0;
text-align: center;
border-radius: 5px;
background-color: #fbfbfb;
}
.articlePages div.articlePagenation p a {
display: block;
width: 17%;
margin: 0 auto;
padding: 0.5em 1.5em;
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
background-color: #FFF5E5;
border: 1px solid #FFE2B1;
border-radius: 5px;
}
.articlePages div.articlePagenation p a:visited {
color: #555;
}
.articlePages div.articlePagenation ul {
width: 98%;
}
.articlePages div.articlePagenation ul li {
display: inline-block;
margin: 0 2%;
padding: 0.5em 1.5em;
line-height: 1.5em;
font-weight: bold;
background-color: #FFF5E5;
border: 1px solid #FFE2B1;
border-radius: 5px;
min-width: 12.5%;
}
.articlePages div.articlePagenation ul li:hover {
background-color: #fefefe;
}
.articlePages div.articlePagenation ul a:link {
color: #555 !important;
}
.articlePages div.articlePagenation ul a:visited {
color: #555 !important;
}
.articlePages div.articlePagenation ul li.none {
background-color: #fbfbfb;
border: none;
}
/* コンテンツページ 吹き出しエリア */
.articlePages div div.fboxContent {
margin-bottom: 7%;
}
.articlePages div div.fboxContent ul li {
float: left;
width: 48%;
margin: 2% 1% 1% 1%;
}
.articlePages div div.fboxContent ul li div.icon p {
font-weight: bold;
font-size: 110%;
color: #707070;
width: 60%;
border-radius: 5px;
padding: 0% 3%;
display: table-cell;
vertical-align: middle;
border: 1px solid #ccc;
background-color: #FDFDFD;
height: 70px;
}
.articlePages div div.fboxContent ul li div.icon img {
width: 75px;
float: left;
}
.articlePages div div.fboxContent ul p.fboxA,
.articlePages div.fboxContent ul p.fboxB,
.articlePages div.fboxContent ul p.fboxC,
.articlePages div.fboxContent ul p.fboxD {
padding: 4%;
color: #FFF;
border-radius: 5px;
margin-bottom: 2%;
}
.articlePages div div.fboxContent ul p.fboxA {
background: #C1AD8B;
}
.articlePages div div.fboxContent ul p.fboxB {
background: #D67E8A;
}
.articlePages div div.fboxContent ul p.fboxC {
background: #91B9A1;
}
.articlePages div div.fboxContent ul p.fboxD {
background: #C1928B;
}
/* コンテンツページ ギフト */
.articlePages div.articleConnection {
display: inline-block;
padding: 0.5em 1.5em;
font-weight: bold;
background-color: #EEEEEE;
border-radius: 5px;
margin: 2% 0 2% 0;
}
.articlePages .wb_Connect {
float: left;
width: 28%;
}
/* コンテンツページ ギフト 内祝いってなに */
.articlePages div.articlesContLink {
margin-bottom: 2%;
}
.articlePages div.articlesContLink p.LSideTxt {
float: left;
width: 78%;
margin-right: 5%;
box-sizing: border-box;
}
.articlePages div.articlesContLink p.RSideBtn {
float: left;
width: 17%;
}
.articlePages div.articlesContLink p.RSideBtn a {
display: block;
padding: 10% 2%;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #FFF8EF;
box-sizing: border-box;
text-align: center;
text-decoration: none;
}
.articlePages div.articlesContLink p.RSideBtn a:visited {
color: #666;
}
.articlePages div.articlesContLink p.RSideBtn a:hover {
background-color: #FFDBA8;
border: 1px solid #666;
}
div.fboxContent li.wdt100 {
width: 99% !important;
}
div.fboxContent li.cont {
padding: 1%;
background-color: #fefefe;
border: 1px solid #ececec;
border-radius: 5px;
}
p.onePointIcon {
width: 11%;
margin-bottom: 1%;
padding: 2% 0.5%;
font-size: 1.1em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
div.fboxContent li p.pd2per {
padding: 2% !important;
}
/* コンテンツページ ギフト 出産内祝い編*/
.articlePages div.checkSheets p {
float: left;
width: 72%;
padding-left: 2%;
}
.articlePages div.checkSheets img {
float: right;
width: 25%;
}
#systemWrap .articlePages table.noshinomana {
border: 2px solid #BBB;
float: left;
width: 61%;
margin: 2%;
}
#systemWrap .articlePages table.noshinomana tr {
padding: 0.5%;
margin: 1%;
border: 1px solid #BBB;
}
#systemWrap .articlePages table.noshinomana th {
text-align: center;
background-color: #f6f6f6;
width: 20%;
vertical-align: middle;
padding: 2.5%;
border: 1px solid #ccc;
}
#systemWrap .articlePages table.noshinomana td {
text-align: center;
background-color: #ffffff;
vertical-align: middle;
padding: 1.5%;
border: 1px solid #ccc;
}
.articlePages div.noshiImage {
margin: 2%;
float: left;
}
/* コンテンツページ ギフト 結婚内祝い編*/
#systemWrap .articlePages table.kekkonnoshinomana {
border: 2px solid #BBB;
float: left;
width: 50%;
margin: 2%;
}
#systemWrap .articlePages table.kekkonnoshinomana tr {
padding: 0.5%;
margin: 1%;
border: 1px solid #BBB;
}
#systemWrap .articlePages table.kekkonnoshinomana th {
text-align: center;
background-color: #f6f6f6;
width: 20%;
vertical-align: middle;
padding: 2.5%;
border: 1px solid #ccc;
}
#systemWrap .articlePages table.kekkonnoshinomana td {
text-align: center;
background-color: #ffffff;
vertical-align: middle;
padding: 1.5%;
border: 1px solid #ccc;
}
/* コンテンツページ ギフト のしのマナー*/
.piaryArticle h5 {
font-size: 16px;
color: #5b9026;
margin-bottom: 10px;
background-color: #e0e0e0;
padding: 1.5%;
}
.piaryArticle img.noshiawabi {
float: right;
border: 2px solid #aaaaaa;
margin-left: 1%;
}
.piaryArticl .howto_noshi_boxone {
width: 97%;
padding: 3%;
}
.piaryArticle .howto_noshi_content ul li {
display: inline;
float: left;
border: 1px solid #CCC;
margin-left: 2%;
margin-bottom: 2%;
}
.piaryArticle .howto_noshi_boxone img {
float: left;
margin-left: 3%;
margin-top: 3%;
}
.piaryArticle .howto_noshi_boxone p {
float: right;
width: 56%;
margin: 2%;
}
.piaryArticle div ul.howto_noshi_2col {
margin-top: 2%;
}
.piaryArticle .howto_noshi_2col li {
border: 1px solid #CCC;
margin-left: 2%;
margin-bottom: 2%;
width: 47%;
height: 100% important!;
}
.piaryArticle div img.howto_noshi_boxNB {
float: right;
margin: 1%;
width: 22%;
}
/* テンプレート移行済み */
/* コンテンツページ プチギフト */
.piaryArticle .petitPhotoArea .textArea {
float: left;
width: 70%;
}
.piaryArticle .petitPhotoArea .photoArea {
width: 27%;
float: left;
margin-left: 3%
}
.piaryArticle .petitPhotoArea .photoArea ul li {
float: left;
width: 48%;
margin: 1% 2% 1% 0%;
}
.piaryArticle .petitPhotoArea .photoArea ul li img {
width: 100%;
}
.piaryArticle ul.pic4oneline {
padding: 1%;
}
.piaryArticle ul.pic4oneline li {
float: left;
width: 21%;
padding: 5% 0 0 2%;
}
.piaryArticle ul.pic4oneline li img {
max-width: 100% !important;
}
.piaryArticle ul.pic4oneline li.Big {
width: 25%;
padding: 1%;
}
.piaryArticle ul.col3PhotoList {
padding: 1%;
}
.piaryArticle ul.col3PhotoList li {
float: left;
width: 29%;
padding: 2%;
}
.piaryArticle ul.col4PhotoList li {
float: left;
width: 23%;
padding: 1%;
}
.piaryArticle ul.col3PhotoList li img,
.piaryArticle ul.col4PhotoList li img {
max-width: 100% !important;
}
.piaryArticle span.underlinedPortion {
border-bottom: solid 1px #BBB;
}
/* コンテンツページ 引き出物 */
/* a0001 */
.piaryArticle .fboxContent {
margin-bottom: 7%;
}
.piaryArticle .fboxContent a:link {
color: #fff;
text-decoration: underline;
}
.piaryArticle .fboxContent a:visited {
color: #fff;
text-decoration: underline;
}
.piaryArticle .fboxContent div.listType a:link {
color: #777;
text-decoration: underline;
}
.piaryArticle .fboxContent div.listType a:visited {
color: #777;
text-decoration: underline;
}
.piaryArticle .fboxContent ul li {
float: left;
width: 48%;
margin: 2% 1% 1% 1%;
}
.piaryArticle .fboxContent ul li div.icon p {
font-weight: bold;
font-size: 110%;
color: #707070;
width: 60%;
border-radius: 5px;
padding: 0% 3%;
display: table-cell;
vertical-align: middle;
border: 1px solid #ccc;
background-color: #FDFDFD;
height: 60px;
}
.piaryArticle .fboxContent ul li div.icon img {
width: 75px;
float: left;
}
.piaryArticle .fboxContent ul p.fboxA,
.piaryArticle div.fboxContent ul p.fboxB,
.piaryArticle div.fboxContent ul p.fboxC,
.piaryArticle div.fboxContent ul p.fboxD {
padding: 4%;
color: #FFF;
border-radius: 5px;
margin-bottom: 2%;
}
.piaryArticle .fboxContent ul p.fboxA {
background: #C1AD8B;
}
.piaryArticle .fboxContent ul p.fboxB {
background: #D67E8A;
}
.piaryArticle .fboxContent ul p.fboxC {
background: #91B9A1;
}
.piaryArticle .fboxContent ul p.fboxD {
background: #C1928B;
}
.piaryArticle .listType .List {
margin: 2% 0;
border: 1px solid #C1AD8B;
background-color: #F8EEDF;
border-radius: 5px;
}
.piaryArticle .listType .List p {
font-weight: bold;
font-size: 120%;
color: #FFF;
background-color: #C1AD8B;
padding-left: 1%;
line-height: 2.3;
}
.piaryArticle .listType .List {
margin-top: 1%;
margin-bottom: 1%;
text-align: left;
}
.piaryArticle .listType .List ul {
margin: 1.5% 0% 2% 1%;
float: left;
width: 50%;
color: #685E4C;
}
.piaryArticle .listType .List ul span {
margin-top: 2%;
display: block;
}
.piaryArticle .listType .List ul li {
margin-left: 5%;
line-height: 2;
list-style-type: disc;
border-bottom: 1px dotted #ccc;
}
.piaryArticle .listType .List ul.adviceList {
float: none;
width: 97%;
}
.piaryArticle .listType .List ul.adviceList li {
margin: 0% 0% 1% 0%;
list-style-type: none;
}
.piaryArticle div.okuriwake {
margin-left: -1%;
}
.piaryArticle div.okuriwake div {
float: left;
width: 44.5%;
margin-left: 2%;
padding: 1% 2% 1% 1%;
border: 1px solid #CCC;
}
.piaryArticle div.okuriwake div:first-child+*+* {
width: 94%;
margin-top: 2%
}
.piaryArticle div.okuriwake div:first-child+*+* img {
float: left;
width: 47%;
margin: 0 1%;
}
.piaryArticle div.okuriwake div:first-child+*+* p {
float: left;
}
.piaryArticle div.okuriwake div img.relative {
border: 4px solid #90B9A1;
margin-bottom: 2%;
}
.piaryArticle div.okuriwake div img.couple {
border: 4px solid #CEB991;
margin-bottom: 2%;
}
.piaryArticle div.okuriwake div:first-child+*+* img.men {
border: 3px solid #749AC0;
}
.piaryArticle div.okuriwake div:first-child+*+* img.woman {
border: 3px solid #D67E89;
}
/*a0002*/
.piaryArticle div.picArea {
width: 97%;
margin-bottom: 2%;
padding: 2%;
}
.piaryArticle div.picArea:last-child {
margin-bottom: 0;
}
.piaryArticle div.picArea img {
float: left;
width: 30%;
border: 1px solid #CCC;
}
.piaryArticle div.picArea p {
float: left;
width: 67%;
margin-left: 1em;
line-height: 1.7em;
font-size: 1em;
}
/* a0003 */
.piaryArticles span.underlinedPortion {
border-bottom: solid 1px #BBB;
}
/* a0004 */
.piaryArticle .wb_wrap a.triPics {
float: left;
width: 30%;
margin-right: 1%;
}
.piaryArticle div.wb_wrap2 {
width: 620px;
margin: 0 auto;
}
.piaryArticle .wb_wrap2 .ul1 {
overflow: hidden;
margin-top: 20px;
}
.piaryArticle .wb_wrap2 .li1 {
float: left;
width: 270px;
margin-right: 80px;
}
.piaryArticle .wb_wrap2 .li1:last-child {
margin-right: 0;
}
/* a0005 */
.piaryArticle ul.bnList li {
width: 33.33%;
float: left;
margin: 2% 0;
padding: 1%;
box-sizing: border-box;
}
.piaryArticle ul.bnList li a img {
max-width: 100%;
margin-bottom: 1%;
}
.piaryArticle ul.bnList li span.arw {
font-size: .9em;
}
.piaryArticle ul.bnList li span.arw:before {
display: block;
content: "";
width: 0;
height: 0;
float: left;
margin: 2px -4px 0 0;
border: 7px solid transparent;
border-left: 7px solid #aaa;
}
/* コンテンツページ ウェルカムボード */
/* コンテンツページ お二人の印象 */
.piaryArticle div.PicArea_2 {
margin: 2%;
padding: 1%;
}
.piaryArticle div.PicArea_2 p.TxTBoX {
float: left;
width: 49%;
margin: 0;
}
.piaryArticle div.PicArea_2 div.img-box {
float: right;
width: 50%;
}
.piaryArticle div.PicArea_2 div.img-box img {
float: right;
width: 47%;
margin-right: 2%;
}
.piaryArticle .wb_intro {
float: left;
width: 47%;
margin-right: 2%;
}
.piaryArticle div.wb_wrap {
width: 100%;
margin-right: 2%;
}
.piaryArticle div p.innerDes {
width: 97%;
margin: 0 0 3% 0;
line-height: 1.6em;
font-size: 1em;
}
.piaryArticle div.abstract {
margin: 2%;
}
.piaryArticle div.abstract h4.articleLine {
margin: 1em 0;
padding-left: 0.3em;
font-size: 1.15em;
border-left: 4px solid #888;
border-bottom: 1px dotted #888;
background-color: #FEFEFE;
}
/* コンテンツページ 景品 テーブル のし */
.piaryArticle table.noshi {
width: 85%;
margin: 4% auto;
border: 1px solid #8998FF;
}
.piaryArticle table.noshi th {
width: auto;
padding: 2%;
color: #fff;
background-color: #88B0E2;
border-bottom: 1px solid #AFB9FF;
border-right: 1px dashed #AFB9FF;
font-weight: bold;
line-height: 2;
text-align: center;
*border-collapse: collapse;
}
.piaryArticle table.noshi th.rightBox {
border-right: none;
}
.piaryArticle table.noshi th.space {
border-bottom: none;
background-color: #7AA2D6;
}
.piaryArticle table.noshi tr td {
width: auto;
line-height: 1.7;
text-align: center;
padding: 2%;
vertical-align: middle;
}
.piaryArticle table.noshi tr td.leftBox {
border-right: 1px solid #AFB9FF;
border-bottom: 1px dashed #AFB9FF;
color: #fff;
background-color: #88B0E2;
font-weight: bold;
}
.piaryArticle table.noshi tr td.leftBox_l {
border-right: 1px solid #8998FF;
border-bottom: none;
color: #fff;
background-color: #88B0E2;
font-weight: bold;
}
.piaryArticle table.noshi tr td.otherBox {
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
background-color: #FDFDFD;
}
.piaryArticle table.noshi tr td.otherBox_l {
border-right: none;
border-bottom: 1px dotted #ccc;
background-color: #FDFDFD;
}
/* コンテンツページ 景品 テーブル ゴルフコンペ */
.piaryArticle table.types {
border: 2px solid #000000;
}
.piaryArticle table.types tr td {
padding: 3px;
border: 1px solid #000000;
}
/* コンテンツページ 景品 二次会 チェックリスト */
.piaryArticle div.checkPointBox {
float: left;
width: 48%;
margin: 1% 0.5%;
background-color: #FDFDFD;
border-radius: 0 0 5px 5px;
border: 1px solid #ccc;
padding-bottom: 1em;
}
.piaryArticle div.checkPointBox div.checkTitleBox {
background-color: #F0F0F0;
padding: 0.5% 1%;
}
.piaryArticle div.checkPointBox div.checkTitleBox p.checkTitleInner {
font-weight: bold;
font-size: 1.05em;
line-height: 1.8em;
color: #555;
background-image: url("/uploads/page/64652/checkmark.gif");
background-repeat: no-repeat;
padding-left: 25px;
}
.piaryArticle div.checkPointBox ol {
counter-reset: number;
list-style-type: none;
margin-bottom: 1em;
padding: 1%;
}
.piaryArticle div.checkPointBox ol li {
line-height: 1.2em;
border-bottom: 1px dotted #ccc;
padding: 0.5em 0;
}
.piaryArticle div.checkPointBox ol li:last-child {
border-bottom: none;
}
.piaryArticle div.checkPointBox ol li:before {
float: left;
background: #8bcdba;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5em;
margin-right: 0.5em;
counter-increment: number;
content: counter(number);
}
.piaryArticle div.checkPointBox div.checkOnepoint {
margin: 2% 0;
padding: 1%;
border-top: 1px dotted #CCC;
}
.piaryArticle div.checkPointBox div.checkOnepoint p.onepointTitle {
float: left;
width: 21%;
margin: 0 1% 1%1%;
padding: 1% 0.5%;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
.piaryArticle div.checkPointBox div.checkOnepoint p.onepointText {
float: left;
width: 76%;
}
.piaryArticle ul.bnLineUp li {
width: 31%;
margin: 0 1%;
float: left;
}
/* コンテンツページ 景品 宴会を成功させるコツ */
.piaryArticle .questionnaire {
text-align: center;
position: relative;
}
.piaryArticle .questionnaire div.alphaWrap {
position: absolute;
width: 20%;
text-align: left;
left: -1.5%;
}
.piaryArticle .questionnaire div.toA {
top: 35%;
}
.piaryArticle .questionnaire div.toB {
top: 46%;
}
.piaryArticle .questionnaire div.toC {
top: 60.5%;
}
.piaryArticle .questionnaire div.alphaWrap span.alpha {
padding: 0 5%;
background-color: #FF7F1F;
font-size: 17px;
color: #FFF;
border-radius: 3px;
}
.piaryArticle .questionnaire div.alphaWrap a {
text-decoration: none;
}
.piaryArticle .questionnaire div.alphaWrap span.renge {
position: absolute;
}
.piaryArticle .questionnaire div.alphaWrap span.renge:before {
display: block;
content: "";
width: 50px;
margin-top: 9px;
border-top: 1px solid #FF7F1F;
}
.piaryArticle .questionnaire div.alphaWrap span.renge:after {
display: block;
content: "";
width: 1em;
margin-top: -14px;
margin-left: 50px;
border: 1px solid #FF7F1F;
border-right: 0;
}
.piaryArticle .questionnaire div.toA span.renge:after {
height: 2.5em;
}
.piaryArticle .questionnaire div.toB span.renge:after {
height: 3.75em;
}
.piaryArticle .questionnaire div.toC span.renge:after {
height: 9.5em;
}
.piaryArticle h4 span.alpha {
margin-right: 5px;
padding: 0 1%;
background-color: #FF7F1F;
color: #FFF;
border-radius: 3px;
}
/* コンテンツページ ギフト 内祝いってなに*/
.piaryArticle div.articlesContLink {
margin-bottom: 2%;
}
.piaryArticle div.articlesContLink p.LSideTxt {
float: left;
width: 78%;
margin-right: 5%;
box-sizing: border-box;
}
.piaryArticle div.articlesContLink p.RSideBtn {
float: left;
width: 17%;
}
.piaryArticle div.articlesContLink p.RSideBtn a {
display: block;
padding: 10% 2%;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #FFF8EF;
box-sizing: border-box;
text-align: center;
text-decoration: none;
}
.piaryArticle div.articlesContLink p.RSideBtn a:visited {
color: #666;
}
.piaryArticle div.articlesContLink p.RSideBtn a:hover {
background-color: #FFDBA8;
border: 1px solid #666;
}
div.fboxContent li.wdt100 {
width: 99% !important;
}
div.fboxContent li.cont {
padding: 1%;
background-color: #fefefe;
border: 1px solid #ececec;
border-radius: 5px;
}
p.onePointIcon {
width: 11%;
margin-bottom: 1%;
padding: 2% 0.5%;
font-size: 1.1em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
div.fboxContent li p.pd2per {
padding: 2% !important;
}
/* コンテンツページ ギフト 出産内祝い編*/
.piaryArticle div.checkSheets p {
float: left;
width: 72%;
padding-left: 2%;
}
.piaryArticle div.checkSheets img {
float: right;
width: 25%;
}
#systemWrap table.noshinomana {
border: 2px solid #BBB;
float: left;
width: 60%;
margin: 2%;
}
#systemWrap table.noshinomana tr {
padding: 0.5%;
margin: 1%;
border: 1px solid #BBB;
}
#systemWrap table.noshinomana th {
text-align: center;
background-color: #f6f6f6;
width: 20%;
vertical-align: middle;
padding: 2.5%;
border: 1px solid #ccc;
}
#systemWrap table.noshinomana td {
text-align: center;
background-color: #ffffff;
vertical-align: middle;
padding: 1.5%;
border: 1px solid #ccc;
}
.piaryArticle div.noshiImage {
margin: 2%;
float: left;
}
/* コンテンツページ ギフト 結婚内祝い編*/
#systemWrap table.kekkonnoshinomana {
border: 2px solid #BBB;
float: left;
width: 49%;
margin: 2%;
}
#systemWrap table.kekkonnoshinomana tr {
padding: 0.5%;
margin: 1%;
border: 1px solid #BBB;
}
#systemWrap table.kekkonnoshinomana th {
text-align: center;
background-color: #f6f6f6;
width: 20%;
vertical-align: middle;
padding: 2.5%;
border: 1px solid #ccc;
}
#systemWrap table.kekkonnoshinomana td {
text-align: center;
background-color: #ffffff;
vertical-align: middle;
padding: 1.5%;
border: 1px solid #ccc;
}
/* コンテンツページ ペーパーアイテム */
/* コンテンツページ ペーパーアイテム 本状編 */
.paper_temP {
text-align: center;
}
.piaryArticle div.aisatuBox {
border: 2px solid #CD0;
width: 98%;
margin-top: 1%;
margin-bottom: 2%;
}
.piaryArticle div.aisatuBox ul {
margin: 1%;
float: left;
width: 45%;
}
.piaryArticle div.pageNav_Invitation ul {
padding-bottom: 1%;
}
.piaryArticle div.pageNav_Invitation ul li {
float: left;
width: 13.9%;
margin: 0.1% 0.2%;
border: #BBB 1px solid;
border-radius: 5px;
background: #FFFBE5;
padding: 1%;
}
.piaryArticle div.pageNav_Invitation ul li a {
display: block;
}
.piaryArticle div.pageNav_Invitation ul li:hover {
opacity: 0.85;
}
.piaryArticle .articleArea .htmlArea div.sashidasunin {
width: 101%;
}
/* コンテンツページ ペーパーアイテム 封筒編 */
.piaryArticle div.envelopeOnepoint_small {
width: 94%;
margin: 1% auto 2% auto;
padding: 2% 0;
color: #555;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFFCFC;
}
.piaryArticle div.envelopeOnepoint_small p.envelopeTitle {
float: left;
width: 12%;
margin-right: 1%;
padding: 2% 0.5%;
font-size: 1.1em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
.piaryArticle div.envelopeOnepoint_small p.envelopeText {
float: left;
width: 59%;
font-size: 1.2em;
margin-right: 2%;
}
.piaryArticle div.envelopeOnepoint_small img {
float: left;
width: 25%;
}
.piaryArticle div div.sub_titleBox {
margin: 3% 0 1% 2.5%;
background-color: #FFFBE5;
padding: 1% 2%;
border-bottom: 2px solid #FFE3B1;
width: 91%;
font-weight: bold;
font-size: 1.1em;
}
.piaryArticle div.roundedCorners {
padding: 1%;
border: solid 2px #F7C3AC;
border-radius: 15px;
margin: 2% 0;
}
.piaryArticle div.roundedCorners img {
float: left;
width: 49%;
}
.piaryArticle div.roundedCorners div.rightsideText {
float: left;
width: 49%;
padding-top: 4%;
}
.piaryArticle div.InnerSmallblock {
background-color: #FFFCFC;
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding: 3%;
}
.piaryArticle div.InnerSmallblock p.envelopeTitle {
float: left;
width: 22%;
margin-right: 1%;
padding: 1% 0.9%;
font-size: 0.9em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
.piaryArticle div.InnerSmallblock p.envelopeText {
float: left;
width: 75%;
}
.piaryArticle div.picHalf-L img {
float: left;
width: 46%;
}
.piaryArticle div.picHalf-L div.putinOrder {
float: left;
width: 46%;
margin: 5% 0 5% 7%;
}
.piaryArticle div.picHalf-L div.putinOrder ul {
list-style: decimal;
padding-left: 6%;
padding-bottom: 2%;
}
.piaryArticle ul.shoutai li {
width: 24%;
float: left;
margin-left: 1%;
}
.piaryArticle ul.shoutai li.atena {
width: 48%;
}
.piaryArticle ul.shoutai li.atena div img {
width: 50%;
float: left;
}
.piaryArticle ul.shoutai li p {
text-align: center;
}
.piaryArticle ul.shoutai li.atena p {
text-align: center;
}
.piaryArticle ul.shoutaiyoko {
margin-left: 14%;
}
.piaryArticle ul.shoutaiyoko li {
width: 42%;
float: left;
}
.piaryArticle ul.shoutaiyoko li p {
text-align: center;
}
.piaryArticle ul.shoutaiyoko li.atenayoko {
width: 84%;
}
.piaryArticle ul.shoutaiyoko li.atenayoko p {
text-align: center;
}
.piaryArticle ul.shoutaiyoko li.atenayoko div img {
width: 50%;
float: left;
}
/* コンテンツページ ペーパーアイテム はがき編 */
.piaryArticle div.postCard div {
float: left;
width: 48%;
margin: 2% 1% 1% 1%;
}
/* コンテンツページ ペーパーアイテム 付箋・切手編 */
.piaryArticle div.doublecolumnSquare {
padding: 1% 3% 0 2%;
float: left;
width: 44%;
}
.piaryArticle div.doublecolumnSquare div {
border: solid 1px #CCCCCC;
padding: 2%;
}
.piaryArticle div.doublecolumnSquare div p {
text-align: center;
display: table-cell;
vertical-align: middle;
width: 1%;
}
.piaryArticle div.triPic {
margin: 2%;
}
.piaryArticle div.triPic .floatR {
float: right;
}
.piaryArticle div img.rightsidePic {
float: right;
margin: 1%;
width: 26%;
}
/* コンテンツページ レフトナビ */
div.sideArticles ul {
list-style-type: none;
}
div.sideArticles ul li {
margin-bottom: 1%;
padding: 1%;
border-bottom: 1px dotted #ccc;
font-size: .9em;
padding-left: 1em;
background: url(/resource/img/ic_arrow_01.png) 2px 4px no-repeat;
backface-visibility: hidden;
}
div.sideArticles ul li:first-child {
margin-top: -5px;
}
div.sideArticles ul li:last-child {
border-bottom: 1px solid #ccc;
}
div.sideArticles ul li a {
display: block;
border: 1px solid #fff;
backface-visibility: hidden;
}
div.sideArticles ul li a:hover {
display: block;
text-decoration: none;
background-color: #F9EEEE;
border-radius: 2px;
}
/* コンテンツページ 共通CSS */
.piaryArticle a {
text-decoration: underline;
color: #909090
}
.piaryArticle img {
max-width: 100% !important;
}
.piaryArticle .themeArea {
margin: 20px 0;
}
.piaryArticle .themeArea h2 {
font-size: 1.8em;
font-weight: bold;
color: #555;
margin-bottom: 3%;
text-shadow: 0 1px 0 #ccc;
}
.piaryArticle .themeArea p {
color: #666;
line-height: 1.6em;
font-size: 95%;
}
#systemWrap.piaryArticle {
margin-bottom: 30px;
}
.piaryArticle h3 {
margin: 0 0 1% 0;
background-color: #FFF5E5;
border-top: 2px solid #F7F7F7;
padding: 1% 2%;
}
.piaryArticle h3 div {
font-weight: bold;
font-size: 1.2em;
padding: 1% 1.5%;
color: #555;
border-left: 4px solid #FFE2B1;
text-shadow: 0 1px 0 #ccc;
}
.piaryArticle .articleArea {
font-size: 14px;
line-height: 1.6em;
}
.piaryArticle .articleArea .htmlArea h4 {
width: 97%;
margin: 15px 0;
padding-left: 5px;
font-size: 15px;
line-height: 1.8em;
border-left: 4px solid #888;
border-bottom: 1px dotted #888;
background-color: #FEFEFE;
font-weight: normal;
}
.piaryArticle .articleArea .htmlArea ul.disc {
margin-left: 25px;
list-style-type: disc;
line-height: 1.3em;
}
.piaryArticle .articleArea .htmlArea div.points {
margin: 15px 0;
background: url(/resource/img/ic_arrow_03.png) no-repeat;
padding-left: 15px;
}
.piaryArticle .articleArea .htmlArea a {
text-decoration: underline;
color: #808080;
}
.piaryArticle .articleArea .htmlArea a:hover {
text-decoration: none;
}
.piaryArticle .articleArea .htmlArea {
padding: 0 1%;
}
.piaryArticle .articleArea.layout-imageL .htmlArea {
float: right;
width: 64%;
}
.piaryArticle .articleArea.layout-imageL .imageArea {
float: left;
width: 33%;
text-align: center;
}
.piaryArticle .articleArea.layout-imageR .htmlArea {
float: left;
width: 64%;
}
.piaryArticle .articleArea.layout-imageR .imageArea {
float: right;
width: 33%;
text-align: center;
}
.piaryArticle .articleArea .imageArea img {
max-width: 95% !important;
margin: 0 auto;
padding: 2px;
border: 1px solid #aaaaaa;
}
.piaryArticle .onePoint {
margin: 2% auto 2% auto;
padding: 2% 0;
color: #555;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFFCFC;
}
.piaryArticle .onePoint .text a {
text-decoration: underline;
color: #808080;
}
.piaryArticle .onePoint .title {
float: left;
width: 13%;
margin-right: 1%;
padding: 2% 0.5%;
font-size: 1.1em;
text-align: center;
color: #fff;
background-color: #FF7C7C;
border-radius: 5px;
}
.piaryArticle .onePoint .text {
float: left;
width: 85%;
font-size: 14px;
}
.piaryArticle .onePoint .text.float-R-None{
float: right;
width:82%;
padding-right: 1%;
}
#systemWrap.piaryArticle .pagenation,
.piaryArticle__pagenation {
margin: 50px 0 10px 0;
padding: 10px 0;
text-align: center;
border-radius: 5px;
background-color: #fbfbfb;
}
.piaryArticle .pagenation ul li,
.piaryArticle__pagenation ul li {
float: left;
width: 33.33%;
}
.piaryArticle .pagenation ul li a,
.piaryArticle__pagenation ul li a {
display: block;
width: 75%;
margin: 0 auto;
padding: 8px 0;
font-weight: bold;
text-decoration: none;
background-color: #FFF5E5;
border: 1px solid #FFE2B1;
border-radius: 5px;
}
.piaryArticle .pagenation ul li a:hover,
.piaryArticle__pagenation ul li a:hover {
background: #fffcf0;
}
.piaryArticle div.onepoint_big {
margin: 3% 0 5%;
color: #555;
border: 1px solid #CCC;
padding: 2%;
}
.piaryArticle div.onepoint_big p {
font-size: 130%;
font-weight: bold;
margin: 1% 0;
}
.piaryArticle ul.innerList {
padding: 0.5em 0 0.5em 2em;
list-style-type: disc;
background-color: #fbfbfb;
border-radius: 5px;
}
.piaryArticle ul.innerList li {
border-bottom: 1px dotted #ccc;
line-height: 1.5em;
margin-bottom: 0.5em;
}
.piaryArticle ul.innerList_check {
padding: 0.5em 0 0.5em 1em;
list-style-type: none;
background-color: #fbfbfb;
border-radius: 5px;
}
.piaryArticle ul.innerList_check li {
background-image: url("/uploads/page/64652/checkmark.gif");
background-repeat: no-repeat;
padding-left: 25px;
border-bottom: 1px dotted #ccc;
line-height: 1.8em;
margin-bottom: 0.5em;
}
.piaryArticle .pagenation ul li.footerNav {
width: 98%;
}
.piaryArticle .awayomi span.arw {
display: block;
width: 0;
height: 0;
float: left;
margin: .35em 0;
border: 5px solid transparent;
border-left: 5px solid #AAA;
}
/* カテゴリートップ 画像とテキスト */
.txtUnderBn {
margin-bottom: 1%;
}
.txtUnderBn a {
margin: 0;
}
.txtUnderBn a img{
margin-bottom: 0.3em;
}
.txtUnderBn p {
font-size: 92.3%;
line-height: 1.3;
color: #666;
padding: 0 0 0 15px;
background: url(/resource/img/ic_arrow_05.png) 0 3px no-repeat transparent;
}
.topcateBtn .txtUnderBn {
width: 200px;
}
/* カート内 フラワーバッグキャンペーン */
#campaignBanner {
float: left;
margin-right: 15px;
}
#campaign_flowerbag #present,
#campaign_photoalbum #iwai_present {
float: right;
width: 53%;
}
#campaign_flowerbag #present label.list,
#campaign_photoalbum #iwai_present label.list {
float: none;
}
#campaign_flowerbag #present p,
#campaign_photoalbum #iwai_present p {
margin: 1em 0 1.5em 1em;
}
/* カート内 購入OP注意書き */
#systemWrap .cartTable .itemInfoRight .option_attention {
margin: 3px 0 0 0;
font-size: 12px;
color: #ff0000;
}
.timeSelect .option_attention {
/* 振り分け内では表示しない */
display: none;
}
#systemWrap .cartTable .itemInfoRight .option_attention a {
display: inline;
}
/* カート内印刷バナー（印刷スケジュール） */
#systemWrap .borderBox p.ps-schedule {
padding: 8px 0 0;
border-top: 1px solid #ddd;
margin: 8px 0 0;
font-size: 13px;
}
/* カート内印刷バナー（注文完了） */
.wrapBnCart {
margin: 20px 0;
width: 920px;
}
.wrapBnCart p.txt {
margin-bottom: 1%;
padding-left: 11em;
text-indent: -11em;
color: #F00;
}
/* メンバーページ印刷サービス */
.wrapBnMembers {
margin: 20px 0;
padding: 1%;
background: #fbeee8;
}
.wrapBnMembers .txtArea {
float: left;
width: 45%;
font-size: 14px;
}
.wrapBnMembers .txtArea img {
float: left;
margin: 8px 8px 0 0;
}
.wrapBnMembers .txtArea p {
margin-top: 16px;
}
.wrapBnMembers .txtArea h3 {
margin-top: 8px;
font-size: 28px;
}
.wrapBnMembers .bnArea {
float: right;
max-width: 53%;
border: 1px solid #aaaaaa;
padding: 8px;
background: #fff;
box-sizing: border-box;
}
.wrapBnMembers .bnArea img {
margin-bottom: 3px;
}
.wrapBnMembers .bnArea .each {
float: left;
font-size: 10px;
}
.wrapBnMembers .bnArea .each.howto {
margin-left: 8px;
}
/* 会員ページ：サービス入口 */
.service-login {
margin: 3% 0;
}
.service-login .service-item {
float: left;
margin-left: 2%;
}
.service-login.service-2 .service-item {
width: 49%;
}
.service-login.service-3 .service-item {
width: 32%;
}
.service-login .service-item:first-child {
margin-left: 0;
}
.service-login a.item__bt {
display: block;
text-decoration: none;
font-size: 20px;
color: #000;
}
.service-login a.item__bt:hover {
color: #111;
}
.service-login .service-ps .item__bt {
background: #ee887d url(/resource/img/ico_cart_ps.png) no-repeat;
}
.service-login .service-wfd .item__bt {
background: #b8d7dc url(/resource/img/ico_cart_wfd.png) no-repeat;
}
.service-login .service-mv .item__bt {
background: #c1ac93 url(/resource/img/ico_cart_mv.png) no-repeat;
}
.service-login.service-2 .service-item .item__bt {
padding: 6.5% 5% 6.5% 25.5%;
background-position: 8% 50%;
}
.service-login.service-3 .service-item .item__bt {
padding: 4.5% 3% 4.5% 33%;
background-position: 5.5% 50%;
}
.service-login .item__txt {
padding: .65em;
font-size: 14px;
}
/* カート：ご購入完了 */
/*.cart-service-login {
width: 320px;
background-color: #fee9d2;
box-sizing: border-box;
padding: 1.5%;
margin-bottom:1.5%;
}
.cart-service-login ul li a {
display: block;
text-align: center;
font-size: 15px;
text-decoration: none;
}
.cart-service-login .service__bt01 a {
background-color: #f15a24;
padding: 5%;
color: #fff;
margin-bottom:3%;
}
.cart-service-login .service__bt02 a {
background-color: #fff;
border: 1px solid #f15a24;
padding: 3%;
color:#333;
}*/
/* ドラマ特設ページ */
div.dramaIntro img {
max-width: 100%;
}
div.dramaIntro mlHalf {
margin-left: .5%
}
div.dramaIntro img.wid40 {
width: 40%;
}
div.dramaIntro img.wid50 {
width: 49.5%;
}
div.dramaIntro img.wid59 {
width: 59%;
}
div.dramaIntro div {
margin: .5% 0;
}
div.dramaIntro div.trio img {
width: 32%;
margin-left: .8%
}
/* header_search */
#globalHeader .headLeft #globalNav .text {
float: left;
}
#globalHeader .headLeft #globalNav .text input {
width: 210px;
background: url(../img/bg_grad_01.png) 0 0 repeat-x;
border: #ccc 1px solid;
padding: 2px;
line-height: 18px;
height: 18px;
}
#globalHeader .headLeft #globalNav .searchSelect {
margin: 10px 0;
position: relative;
display: none;
}
#globalHeader .headLeft #globalNav .searchBtn input {
margin: 0 0 0 10px;
border-style: none;
background: url(../img/btn_sub_search_01.gif) 0 0 no-repeat;
width: 131px;
color: #fff;
font-weight: bold;
font-size: 115.4%;
height: 25px;
}
#globalHeader .headLeft #globalNav .searchBtn input:hover {
background: url(../img/btn_sub_search_01_o.gif) 0 0 no-repeat;
}
/* PIASTAGRAM PHOTO CONTEST */
.piastagram-contest201508 .borderTtl {
border-bottom: 1px solid #000;
margin: 0 0 3%;
padding: 0 0 1%;
text-align: center;
}
.piastagram-contest201508 .appPeriodWrap {
border-bottom: 1px solid #333;
border-top: 1px solid #333;
box-sizing: border-box;
margin: 0 auto 3%;
padding: 1%;
text-align: center;
width: 60%;
}
.piastagram-contest201508 .appPeriodWrap .periodTtl {
background-color: #333;
color: #FFF;
float: left;
font-size: 22px;
font-weight: bold;
line-height: 1em;
padding: 2%;
}
.piastagram-contest201508 .appPeriodWrap .appStart,
.piastagram-contest201508 .appPeriodWrap .appEnd {
color: #333;
float: left;
font-size: 22px;
font-weight: bold;
line-height: 40px;
width: 38%;
}
.piastagram-contest201508 .appPeriodWrap .appStart {
position: relative;
}
.piastagram-contest201508 .appPeriodWrap .appStart::after {
border: 10px solid transparent;
border-left: 10px solid #333;
content: "";
height: 0;
margin: 0 2%;
position: absolute;
right: -10px;
top: 20%;
width: 0;
}
.piastagram-contest201508 .appPeriodWrap .appFin {
text-align: left;
padding: 3px 0 0 3%;
float: left;
}
.piastagram-contest201508 .appIntro {
color: #000;
font-size: 26px;
margin: 0 0 5%;
}
.piastagram-contest201508 .appIntro span {
color: #E27E4B;
font-weight: bold;
}
.piastagram-contest201508 .appIntro strong {
font-size: 33px;
}
.piastagram-contest201508 .balloon {
width: 200px;
position: absolute;
top: -20px;
right: 0px;
}
.piastagram-contest201508 .sampleImgWrap {
font-size: 0;
line-height: 0;
margin: 0 auto 5%;
text-align: center;
}
.piastagram-contest201508 .sampleImg {
margin: 0 .3% 2%;
}
.piastagram-contest201508 .toGalleryPage a {
background-color: #757575;
color: #FFF;
display: block;
font-size: 20px;
margin: 0 auto 8%;
text-align: center;
text-decoration: none;
width: 420px;
}
.piastagram-contest201508 .toGalleryPage a:hover {
color: #FFF;
}
.piastagram-contest201508 .toGalleryPage p {
line-height: 1em;
padding: 2% 0;
}
.piastagram-contest201508 .toMounthwinner a {
background-color: #505050;
color: #FFF;
display: block;
font-size: 24px;
line-height: 1em;
margin: 0 auto 5%;
padding: 1.5% 0;
text-align: center;
text-decoration: none;
text-indent: .5em;
width: 40%;
}
.piastagram-contest201508 .appArea {
margin: 0 auto;
width: 680px;
}
.piastagram-contest201508 .appArea .formUpper,
.piastagram-contest201508 .appArea .formBottom {
color: #000;
margin: 0 0 3%;
text-align: center;
}
.piastagram-contest201508 .appArea .formUpper {
font-size: 20px;
}
.piastagram-contest201508 .appArea .formBottom {
font-size: 24px;
}
.piastagram-contest201508 .appArea .application_form {
margin: 0 0 3%;
}
.piastagram-contest201508 .appArea .application_form .formArea {
border: 1px solid #CCC;
margin-top: 18px;
padding: 10px 15px;
}
.piastagram-contest201508 .appArea .application_form .formArea table {
margin: 0 auto 3%;
width: 345px;
}
.piastagram-contest201508 .appArea .application_form .formArea table th,
.piastagram-contest201508 .appArea .application_form .formArea table td {
font-size: 16px;
padding: 4px 0;
vertical-align: middle;
}
.piastagram-contest201508 .appArea .application_form .formArea table th {
font-weight: normal;
text-align: left;
width: 35%;
}
.piastagram-contest201508 .appArea .application_form .formArea table td {
text-align: left;
width: 65%;
}
.piastagram-contest201508 .appArea .application_form .formArea table td input {
background: #fdebce;
border: 0;
margin-left: 5px;
padding: 5px 2px;
width: 90%;
}
.piastagram-contest201508 .appArea .application_form .formArea .publishID {
font-size: 16px;
margin: 0 auto 2%;
width: 345px;
}
.piastagram-contest201508 .appArea .application_form .formArea span.wpcf7-list-item {
display: block;
text-align: left;
margin-left: 43%;
}
.piastagram-contest201508 .appArea .application_form .formArea .application_rule {
padding: 8px 6px;
height: 150px;
overflow-y: scroll;
text-align: left;
font-size: 12px;
background: #f7f7f7;
}
.piastagram-contest201508 .appArea .application_form .formArea .application_rule h5 {
font-size: 13px;
color: #e95513;
margin-bottom: 5px;
}
.piastagram-contest201508 .appArea .application_form .formArea .agreement {
background: #fdebce;
font-size: 20px;
padding: 2% 0;
text-align: center;
}
.piastagram-contest201508 .appArea .application_form .formArea #submit {
background-color: #EF824E;
box-sizing: border-box;
color: #FFF;
display: block;
font-size: 26px;
font-weight: bold;
margin: 0 auto 2%;
padding: 1% 0;
text-align: center;
text-decoration: none;
text-indent: .5em;
width: 30%;
}
.piastagram-contest201508 .appArea .application_form .wpcf7-mail-sent-ok {
background-color: #fdebce;
font-size: 16px;
font-weight: bold;
padding: 5% 0;
text-align: center;
}
.piastagram-contest201508 .info table {
font-size: 14px;
border: 2px solid #CCC;
width: 680px;
margin: 0 auto 20px auto;
}
.piastagram-contest201508 .info table tr th {
background: #E6E6E6;
line-height: 1.4em;
width: 16%;
text-align: center;
padding: 6px 2%;
color: #333;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}
.piastagram-contest201508 .info table tr td {
width: 76%;
padding: 6px 2%;
line-height: 1.4em;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}
.piastagram-contest201508 .info table tr.last th,
.piastagram-contest201508 .info table tr.last td {
border: 0;
}
.piastagram-contest201508 #galleryArea {
margin: 0 2%;
text-align: center;
}
.piastagram-contest201508 #galleryArea.formpage {
margin: 0 auto 4%;
padding: 0 3%;
}
.piastagram-contest201508 #galleryArea .winnerTxt {
color: #333;
font-size: 20px;
text-align: center;
}
.piastagram-contest201508 #galleryArea ul {
margin: 10px 0 5% -3%;
text-align: left;
}
.piastagram-contest201508 #galleryArea ul li {
float: left;
width: 22%;
margin: 10px 0 0 3%;
color: #ef814d;
min-height: 290px;
}
.piastagram-contest201508 #galleryArea ul li .photo {
display: block;
margin: 0 auto 4px auto;
border: 1px solid #cccccc;
padding: 2px;
width: 96%;
height: auto;
}
.piastagram-contest201508 #galleryArea ul li a.item {
color: #666666;
font-size: 11px;
display: block;
text-indent: -1em;
padding-left: 1em;
line-height: 1.3em;
margin-top: 4px;
}
.piasta-photo--giftcard {
margin: 0 auto;
width: 86%;
height: 200px;
position: relative;
}
/* PIASTAGRAM PHOTO CONTEST 201508 当選者様向けフォーム */
#piastagram-contest201508-win .messageArea {
margin-top: 10px;
font-size: 18px;
line-height: 1.3em;
}
#piastagram-contest201508-win .messageArea p span {
font-size: 14px;
}
#piastagram-contest201508-win #formArea {
width: 80%;
padding: 2.5%;
margin: 0 auto;
border: 2px solid #e95513;
}
#piastagram-contest201508-win #formArea table th,
#piastagram-contest201508-win #formArea table td {
text-align: left;
font-weight: normal;
padding: 5px 2px;
vertical-align: middle;
}
#piastagram-contest201508-win #formArea table th {
width: 20%;
text-align: right;
}
#piastagram-contest201508-win #formArea table td {
width: 30%;
}
#piastagram-contest201508-win #formArea table input {
width: 100%;
padding: 2px;
border: 0;
background: #fdebce;
box-sizing: border-box;
}
#piastagram-contest201508-win #formArea table select {
padding: 1px;
border: 0;
background: #fdebce;
box-sizing: border-box;
}
#piastagram-contest201508-win #formArea table .zipcode input {
width: 30%;
}
#piastagram-contest201508-win #formArea table .telnum input {
width: 22%;
}
#piastagram-contest201508-win #formArea .error {
position: absolute;
background: #ff0000;
margin: -5px 0 0 -10px;
padding: 3px 2px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
display: inline;
}
#piastagram-contest201508-win #privacypolicyArea {
margin: 15px auto 0 auto;
padding: 8px 6px;
height: 130px;
width: 95%;
overflow-y: scroll;
text-align: left;
font-size: 12px;
background: #f7f7f7;
box-sizing: border-box;
}
#piastagram-contest201508-win #checkArea {
margin: 15px auto 0 auto;
padding: 4px;
background: #fdebce;
text-align: center;
width: 95%;
box-sizing: border-box;
}
#piastagram-contest201508-win #submitArea {
margin-top: 15px;
text-align: center;
}
#piastagram-contest201508-win #submitArea input:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
}
#piastagram-contest201508-win #submitArea input[value=修正する],
#piastagram-contest201508-win #submitArea input[value=送信する],
#piastagram-contest201508-win #submitArea input[value=確認する] {
background-color: #EF824E;
box-sizing: border-box;
color: #FFF;
display: inline-block;
font-size: 26px;
font-weight: bold;
margin: 0 auto 2%;
padding: 1.5% 0;
text-align: center;
text-decoration: none;
text-indent: .5em;
width: 32%;
border: 0;
cursor: pointer;
}
.mw_wp_form_confirm #piastagram-contest201508-win td {
color: #ff6000;
}
#piastagram-contest201508-win-comp {
font-size: 16px;
text-align: center;
}
/* header TOPバナー */
#campaign_top_s,
#campaign_top {
margin: 10px auto;
width: 960px;
position: relative;
}
#campaign_top #bn_campaign_top {
position: absolute;
top: 20px;
right: 25px;
}
#campaign_top #bn_campaign_top li {
float: left;
}
#campaign_top #bn_campaign_top li:first-child {
margin-right: 5px;
}
.bn_campaign_top_s_top {
font-size: 15px;
letter-spacing: 1px;
margin: 0.75rem 0 0.5rem 0;
text-align: center;
color: #808080;
}
[class^="bn_campaign_top_s_l"] {
float: left;
margin-right: 8px;
}
.bn_campaign_top_s_las {
margin: 0;
}
/* おせち 配送 アレルギー */
#osechi_popup {
max-width: 960px;
width: 96%;
margin: 10px auto;
text-align: left;
}
#osechi_popup .item-area {
display: none;
margin-bottom: 30px;
}
#osechi_popup h1 {
font-weight: normal;
font-size: 22px;
border-bottom: 1px solid #000000;
margin-bottom: 30px;
padding-bottom: 3px;
}
#osechi_popup h2 {
font-weight: normal;
font-size: 16px;
margin-bottom: 5px;
padding: 6px 0;
color: #e07020;
background: #faf3d5;
}
#osechi_popup h3 {
font-size: 14px;
color: #aa0000;
margin-bottom: 10px;
}
#osechi_popup table.osechiTable {
width: 100%;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
margin-bottom: 20px;
}
#osechi_popup table.osechiTable tr {
border: 0;
border-bottom: 1px solid #CCC;
}
#osechi_popup table.osechiTable tr th {
padding: 6px 8px;
box-sizing: border-box;
border: 0;
text-align: center;
line-height: 1.5em;
font-size: 1.1em;
background-color: #F2F0E3;
vertical-align: middle;
border-right: 1px solid #CCC;
}
#osechi_popup table.osechiTable tr th:first-child {
width: 20%;
}
#osechi_popup table.osechiTable tr td {
padding: 6px 8px;
box-sizing: border-box;
border: 0;
border-right: 1px solid #CCC;
line-height: 1.3em;
}
#osechi_popup table.osechiTable tr td:first-child {
background-color: #EAEAEA;
vertical-align: middle;
text-align: center;
}
/* オンリーワンちゃん */
.onlyWan {
width: 785px;
margin: 0 auto;
background: url(/uploads/page/74876/bgi_beige.gif);
text-align: left;
}
.onlyWan h1.top {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 1;
}
.onlyWan a:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
}
.onlyWan img {
max-width: 100%;
}
.onlyWan ul.nav {
width: 80%;
margin: 0 auto;
}
.onlyWan ul.nav li {
float: left;
width: 25%;
margin: 2% 0;
box-sizing: border-box;
text-align: center;
}
.onlyWan ul.nav li img {
max-width: 100%;
}
.onlyWan .txt {
line-height: 1.7em;
color: #604C3F;
}
.onlyWan .titleWrap {
margin-bottom: 4%;
padding: 1% 0;
background: #A79862;
color: #fff;
text-align: center;
}
.onlyWan .titleCont {
padding: 2.5% 0;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
font-size: 1.5em;
}
.onlyWan .frame_head {
background: url(/uploads/page/74876/bgi_noteframe_head.gif)no-repeat 50% 0/100%;
height: 40px
}
.onlyWan .frame_foot {
background: url(/uploads/page/74876/bgi_noteframe_foot.gif)no-repeat 50% 100%/100%;
height: 40px
}
.onlyWan .frame_body {
background: url(/uploads/page/74876/bgi_noteframe_body.gif)repeat-y 50% 0/100%;
}
/* what */
.onlyWan #what h3 {
font-size: 1.8em;
line-height: 1.5em;
color: #604C3F;
}
/* size */
.onlyWan #size {
padding: 3%;
background: #F6E0DC;
text-align: center;
}
.onlyWan #size .sizeTable {
float: left;
width: 60%;
}
.onlyWan #size .sizeTable img {
margin-top: -3%;
}
.onlyWan #size .sizeTable p.txt {
width: 80%;
margin: 2% auto -5%;
font-size: .9em;
text-align: left;
}
.onlyWan #size .spec {
float: left;
width: 40%;
}
.onlyWan #size .spec div {
margin-bottom: 17%;
}
.onlyWan #size .spec div img {
margin: 0 3%;
}
.onlyWan #size .spec .specDisc {
margin-top: 3%;
}
/* flow */
.onlyWan #flow {
padding-bottom: 1%;
}
.onlyWan #flow span.arw {
display: block;
width: 0;
height: 0;
margin: 0 auto 20px;
border: 15px solid transparent;
border-top: 15px solid #C2BA91;
}
.onlyWan #flow .contWrap {
margin-bottom: 35px;
}
.onlyWan #flow .contWrap .img {
float: left;
width: 33%;
text-align: center;
}
.onlyWan #flow .contWrap .img .icon {
max-width: 100%;
}
.onlyWan #flow .contWrap .cont {
float: left;
width: 67%;
}
.onlyWan #flow .contWrap .cont h4 {
margin-bottom: 1%;
}
.onlyWan #flow .contWrap .cont .txt {
margin-left: 9%;
}
.onlyWan #flow .contWrap .cont .frameTxt {
width: 36%;
margin: 2% 0 2% 9%;
padding: 1%;
border: 1px solid #A79862;
font-size: .9em;
}
.onlyWan #flow .contWrap .cont .button {
margin: 2% 0 0 9%;
}
/* review */
.onlyWan #review {
margin-bottom: 8%;
background: url(/uploads/page/74876/bgi_reviewframe.gif)no-repeat 50% 0;
text-align: center;
}
.onlyWan #review h3 {
padding-top: 3%;
}
.onlyWan #review .reviewWrap {
width: 83%;
margin: 2% auto 0 auto;
}
.onlyWan #review .reviewWrap .reviewBox {
float: left;
width: 50%;
height: 250px;
padding: 2.5% 5.5% 0 5.5%;
box-sizing: border-box;
font-size: .88em;
text-align: left;
}
.onlyWan #review .reviewWrap .no1 {
background: url(/uploads/page/74876/bgi_review_no1.jpg)no-repeat 50% 0%;
}
.onlyWan #review .reviewWrap .no2 {
background: url(/uploads/page/74876/bgi_review_no2.jpg)no-repeat 50% 0%;
}
.onlyWan #review .reviewWrap .no3 {
background: url(/uploads/page/74876/bgi_review_no3.jpg)no-repeat 50% 0%;
}
.onlyWan #review .reviewWrap .no4 {
background: url(/uploads/page/74876/bgi_review_no4.jpg)no-repeat 50% 0%;
}
/* order */
.onlyWan #toOrder {
padding-bottom: 5%;
}
.onlyWan #toOrder h3 {
margin-bottom: 5%;
text-align: center;
}
.onlyWan #toOrder .itemList {}
.onlyWan #toOrder .itemList li {
float: left;
width: 25%;
padding: 2%;
box-sizing: border-box;
text-align: center;
}
.onlyWan #toOrder .itemList li a {
text-decoration: none;
}
.onlyWan #toOrder .itemList li a img {
max-width: 100%;
}
.onlyWan #toOrder .itemList li a .priceArea span {
color: #EB6B34;
font-weight: bold;
}
/* position */
.onlyWan .pos_rel {
position: relative;
}
.onlyWan .pos_abs {
position: absolute;
}
.onlyWan #what .pos_01 {
top: 2%;
left: 3%;
}
.onlyWan #what .pos_02 {
top: 9%;
left: 3%;
}
.onlyWan #flow .pos_01 {
top: 74%;
left: 66%;
}
/* オンリーワンちゃん サイズの測り方 */
.onlyWan .measure {
width: 85%;
margin: 0 auto;
padding-bottom: 3%;
}
.onlyWan .measure h3,
.onlyWan .measure h4 {
margin-bottom: 2%;
}
.onlyWan .measure .attitudeList {
margin-bottom: 5%;
}
.onlyWan .measure .attitudeList li {
width: 33.33%;
float: left;
text-align: center;
}
.onlyWan .measure .attitudeList li p {
color: #94803F;
}
.onlyWan .measure .contWrap {
margin-bottom: 5%;
}
.onlyWan .measure .contWrap .txtWrap {
width: 50%;
float: left;
}
.onlyWan .measure .contWrap .imgWrap {
width: 50%;
float: left;
text-align: center;
}
.onlyWan .measure .contWrap .imgWrap img {
max-width: 100%;
}
/* 制作例一覧 */
.onlyWan .dogExample {
margin-top: 3%;
}
.onlyWan .dogExample li {
margin-bottom: 2%;
width: 33.33%;
float: left;
text-align: center;
}
.onlyWan .btmLine {
width: 95%;
margin: 5% 0 5% 3%;
border-bottom: 1px solid #998747;
}
.onlyWan .btmLine img {
padding-bottom: 1%;
}
.onlyWan .inquiry {
text-align: center;
margin: 40px 3% 0 3%;
padding: 6px;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
}
.onlyWan .inquiryArea {
margin-bottom: 6px;
}
.onlyWan .inquiryArea p {
float: right;
font-size: 15px;
text-align: center;
line-height: 1.3em;
}
.onlyWan .inquiryArea a {
color: #cf8044;
}
.onlyWan .inquiryArea span {
font-size: 12px;
color: #909090;
}
/* 見積もりシミュレーション */
#simulation-container {
margin-top: 10px;
padding: 17.5px;
background: #eceadb;
color: #736357;
}
#simulation-container input {
vertical-align: bottom;
padding: 2px;
line-height: 1;
}
#simulation-container .intro {
text-align: center;
}
#simulation-container .howmany {
margin-top: 30px;
font-size: 21px;
text-align: center;
}
#simulation-container .howmany span {
font-size: 12px;
}
#simulation-container .kakaku-table {
width: 360px;
background: url(/resource/simulation/box-side.jpg);
background-size: 100%;
}
#simulation-container .piary {
float: right;
}
#simulation-container .kakaku-table .kakaku-table-inner {
padding: 0 30px;
}
#simulation-container .kakaku-table h3 {
margin: 6px 0;
padding-bottom: 6px;
border-bottom: 1px solid #aaaaaa;
text-align: center;
color: #000000;
font-size: 18px;
font-weight: normal;
}
#simulation-container .bt-wrap:hover {
opacity: 0.75;
}
#simulation-container .venue {
float: left;
}
#simulation-container .kakaku-table table {
margin-top: 10px;
}
#simulation-container .kakaku-table table th {
vertical-align: middle;
height: 20px;
line-height: 1em;
padding: 2px 8px 2px 0;
color: #666666;
font-weight: normal;
font-size: 10px;
text-align: left;
}
#simulation-container .kakaku-table table td {
vertical-align: middle;
height: 20px;
line-height: 1em;
padding: 2px;
color: #666666;
}
#simulation-container .kakaku-table table input {
width: 44px;
vertical-align: middle;
}
#simulation-container .kakaku-table table .red {
font-size: 12px;
font-weight: bold;
color: #ff0000;
}
#simulation-container .venue .bt-wrap {
background: #c2a79b;
padding: 3px;
width: 70%;
margin: 10px auto;
box-shadow: 0px 5px 16px -2px rgba(150, 150, 150, 0.7);
}
#simulation-container .venue .bt-wrap input {
border: 2px solid #ffffff;
background: #c2a79b;
width: 100%;
padding: 8px 0;
color: #534741;
}
#simulation-container .venue h4 {
margin-top: 2em;
border-top: 1px solid #998675;
font-weight: normal;
}
#simulation-container .venue h4 div {
margin-top: -0.5em;
padding-right: 6px;
float: left;
background: #fffff8;
font-size: 13px;
font-weight: normal;
color: #998675;
}
#simulation-container .venue .middle {
border-top: 1px solid #998675;
font-size: 18px;
margin-top: 18px;
padding-top: 10px;
}
#simulation-container div.ikkatsu .bt-wrap {
width: 50%;
margin: 10px auto 20px;
/*box-shadow: 0px 5px 16px -2px rgba(150,150,150,0.7);*/
}
#simulation-container div.ikkatsu .bt-wrap input {
border: none;
background: #ffa398;
width: 100%;
padding: .75em 0;
font-size: 21px;
color: #534741;
cursor: pointer;
}
#simulation-container .piary .bt-wrap {
background: #ffd3c3;
padding: 3px;
width: 70%;
margin: 10px auto;
box-shadow: 0px 5px 16px -2px rgba(150, 150, 150, 0.7);
}
#simulation-container .piary .bt-wrap input {
border: 2px solid #ffffff;
background: #ffd3c3;
width: 100%;
padding: 8px 0;
color: #534741;
}
#simulation-container .piary h4 {
margin-top: 2em;
border-top: 1px solid #f9796f;
font-weight: normal;
}
#simulation-container .piary h4 div {
margin-top: -0.5em;
padding-right: 6px;
float: left;
background: #fffff8;
font-size: 14px;
font-weight: normal;
color: #f9796f;
}
#simulation-container .piary .middle {
border-top: 1px solid #f9796f;
color: #f9796f;
font-size: 18px;
margin-top: 18px;
padding-top: 10px;
}
#simulation-container .big {
border: 3px solid #ff0000;
background: #fff;
padding: 0.5em 0 0.5em 1em;
font-size: 26px;
font-weight: bold;
text-align: center;
margin-bottom: 1.75em;
}
#simulation-container .sagaku {
color: #f00;
}
#simulation-container .big .red {
color: #ff0000;
}
#simulation-border-container {
position: relative;
background: #ffedde;
color: #736357;
}
#simulation-border-container p {
position: absolute;
top: 28%;
width: 100%;
text-align: center;
font-size: 20px;
}
#simulation-footer-container {
padding: 17.5px;
background: #ffedde;
color: #736357;
}
#simulation-footer-container.piary-style-wedding {
padding: 0;
}
#simulation-footer-container.piary-style-wedding .part05 {
padding: 0;
background: transparent;
}
/* PC非表示 */
.pc-disnon {
display: none;
}
/* 印刷お問い合わせフォーム */
#print-service_inquiry .browserlist {
border-top: 1px dotted #aaaaaa;
}
#print-service_inquiry .browserlist li {
float: left;
text-align: center;
width: 20%;
font-size: 12px;
}
#print-service_inquiry .browserlist li img {
max-width: 40%;
}
#print-service_inquiry #order_cancel {
display: none;
margin-top: 12px;
}
.mw_wp_form_confirm #print-service_inquiry #order_cancel {
font-size: 11px;
}
/* ご購入ボタン（カテゴリ・商品ページ共通） */
.purchaseBtn {
position: fixed;
top: 15%;
right: 0;
z-index: 995;
max-width: 10%;
}
/* 特集「ディズニー」 */
.disneySpecial section {
margin-bottom: 30px;
}
.disneySpecial .series-disney {
border: 1px solid #bbb;
margin-bottom: 20px;
padding-top: 20px;
position: relative;
}
.disneySpecial .series-disney p.img-disney-copy {
position: absolute;
bottom: 1%;
right: 1%;
}
.disneySpecial .series-index {
width: 805px;
margin: 0 0 25px -17px;
}
.disneySpecial .series-index li {
float: left;
width: 250px;
margin: 0 0 15px 17px;
}
.disneySpecial #welcome {
background: url(/resource/img/special/disney/bg_welcome.jpg) no-repeat 100% 0;
}
.disneySpecial #bouquet {
background: url(/resource/img/special/disney/bg_bouquet.jpg) no-repeat 100% 0;
}
.disneySpecial #pressed_bouquet {
background: url(/resource/img/special/disney/bg_pressed_bouquet.jpg) no-repeat 100% 0;
}
.disneySpecial #happyseed {
background: url(/resource/img/special/disney/bg_happyseed.jpg) no-repeat 100% 0;
}
.disneySpecial #shower_petal {
background: url(/resource/img/special/disney/bg_shower_petal.jpg) no-repeat 100% 0;
}
.disneySpecial #card {
background: url(/resource/img/special/disney/bg_card.jpg) no-repeat 100% 0;
}
.disneySpecial #weightdoll {
background: url(/resource/img/special/disney/bg_weightdoll.jpg) no-repeat 100% 0;
}
.disneySpecial #puzzleboard {
background: url(/resource/img/special/disney/bg_puzzleboard.jpg) no-repeat 100% 0;
}
.disneySpecial #catalog {
background: url(/resource/img/special/disney/bg_catalog.jpg) no-repeat 100% 0;
}
.disneySpecial #tableflower {
background: url(/resource/img/special/disney/bg_tableflower.jpg) no-repeat 100% 0;
}
.disneySpecial #hikitaku {
background: url(/resource/img/special/disney/bg_hikitaku.jpg) no-repeat 100% 0;
}
.disneySpecial #garland {
background: url(/resource/img/special/disney/bg_garland.jpg) no-repeat 100% 0;
}
.disneySpecial .txt-01 h3 {
margin-bottom: 10px;
}
.disneySpecial .txt-01 p {
margin-left: 35px;
}
.disneySpecial #welcome .welcome-inner {
overflow: hidden;
margin-top: 35px;
}
.disneySpecial #welcome p.img-disney-notice {
position: absolute;
top: 55%;
right: 4%;
}
.disneySpecial #welcome .welcome-inner .img-wrapper {
float: left;
max-width: 100%;
}
.disneySpecial #welcome .welcome-inner .img-wrapper>img {
max-width: 100%;
}
.disneySpecial #welcome .welcome-inner .txt-02 {
float: right;
width: 45%;
margin-top: 90px;
margin-left: 20px;
}
.disneySpecial #welcome .welcome-inner .txt-02 h4 {
width: 300px;
text-align: center;
margin-bottom: 10px;
}
.disneySpecial #welcome .welcome-inner .txt-02 ul {
overflow: hidden;
}
.disneySpecial #welcome .welcome-inner .txt-02 ul li {
float: left;
width: 140px;
margin: 0 0 10px 10px;
}
.disneySpecial #welcome .welcome-inner .txt-02 ul li img {
margin-bottom: 5px;
}
.disneySpecial #bouquet .bouquet-inner {
width: 95%;
margin: 30px auto 0;
}
.disneySpecial #bouquet .txt-02 {
position: absolute;
bottom: 10%;
left: 57%;
}
.disneySpecial #pressed_bouquet .pressed-bouquet-inner {
width: 90%;
margin: 50px auto 20px;
overflow: hidden;
}
.disneySpecial #pressed_bouquet .pressed-bouquet-inner .img-wrapper {
float: left;
}
.disneySpecial #pressed_bouquet .pressed-bouquet-inner .txt-02 {
float: right;
width: 50%;
margin-top: 90px;
margin-left: 10px;
text-align: center;
}
.disneySpecial #pressed_bouquet .pressed-bq-inner .txt-02 p.img-disney-notice {
margin-top: 20px;
}
.disneySpecial #happyseed .happyseed-inner {
width: 90%;
margin: 20px 0 20px 35px;
}
.disneySpecial #shower_petal .shower-petal-inner {
margin: 20px 0 30px 35px;
}
.disneySpecial #shower_petal .shower-petal-inner ul {
overflow: hidden;
}
.disneySpecial #shower_petal .shower-petal-inner ul li {
float: left;
margin-right: 20px;
}
.disneySpecial #card .card-inner {
width: 95%;
margin: 30px 0 30px 30px;
position: relative;
}
.disneySpecial #card p.img-disney-notice {
position: absolute;
top: 63%;
right: 5%;
}
.disneySpecial #weightdoll .weightdoll-inner {
overflow: hidden;
margin: 20px 0;
}
.disneySpecial #weightdoll .weightdoll-inner .img-wrapper {
float: left;
}
.disneySpecial #weightdoll .weightdoll-inner .txt-02 {
float: right;
width: 58%;
margin-top: 150px;
text-align: center;
}
.disneySpecial #weightdoll .weightdoll-inner .txt-02 h4 {
margin-bottom: 10px;
}
.disneySpecial #puzzleboard .puzzleboard-inner {
margin: 90px 0 20px 35px;
}
.disneySpecial #puzzleboard .puzzleboard-inner ul {
overflow: hidden;
}
.disneySpecial #puzzleboard .puzzleboard-inner ul li {
float: left;
margin: 0 10px 10px 0;
}
.disneySpecial #catalog .catalog-inner {
margin: 5% auto;
width: 92%;
}
.disneySpecial #tableflower .inner-01 {
margin: 5% auto 3%;
width: 92%;
}
.disneySpecial #catalog .catalog-inner ul,
.disneySpecial #tableflower .inner-01 ul {
overflow: hidden;
}
.disneySpecial #catalog .catalog-inner ul li,
.disneySpecial #tableflower .inner-01 ul li,
.disneySpecial #hikitaku .inner-01 li {
float: left;
margin: 0 .7%;
font-size: 12px;
}
.disneySpecial #tableflower .txt-01 h3,
.disneySpecial #hikitaku .txt-01 h3 {
margin-left: 25px;
}
.disneySpecial #tableflower .inner-01 h4 {
text-align: center;
}
.disneySpecial #tableflower .inner-01 ul {
margin-top: 20px;
}
.disneySpecial #tableflower .inner-02 {
width: 70%;
margin: 0 auto 20px;
}
.disneySpecial #tableflower .inner-02>img {
float: left;
}
.disneySpecial #tableflower .inner-02 h4 {
padding-top: 20px;
margin-bottom: .5em;
margin-left: 190px;
}
.disneySpecial #tableflower .inner-02 p {
margin-left: 200px;
}
.disneySpecial #garland .inner-01 {
margin: 2% auto;
width: 93%;
}
.disneySpecial #garland .inner-01 li {
float: left;
margin: 0 4.5%;
text-align: center;
width: 41%;
}
.disneySpecial #garland .inner-01 li p {
margin: 2% 0 0;
text-align: left;
}
/* Disney paperitem */
.disneySpecial #paperitem {
background: url(/resource/img/special/disney/bg_paperitem.jpg) no-repeat 100% 0;
padding: 4%;
}
.disneySpecial #paperitem .txt-01 p {
margin: 0;
}
.disneySpecial #paperitem .txt-01 p:nth-child(2) {
font-size: 1.2em;
font-weight: bold;
font-family: ＭＳ Ｐ明朝;
padding: 3% 0;
}
.disneySpecial #paperitem h3,
.disneySpecial #paperitem h4 {}
.disneySpecial #paperitem h3 img {}
.disneySpecial #paperitem .img-disney-notice {
position: absolute;
top: 51%;
right: 2%;
font-family: ＭＳ Ｐ明朝;
font-size: 0.9em;
}
.disneySpecial #paperitem .paperitem-inner {
padding: 5% 0 0;
}
.disneySpecial #paperitem .paperitem-inner li {
float: left;
width: 49%;
padding: 6% 0 0;
}
.disneySpecial #paperitem .paperitem-inner li:first-child {
width: 100%;
padding: 0;
}
.disneySpecial #paperitem .paperitem-inner li:last-child {
padding: 6% 0 0 2%;
}
.disneySpecial #paperitem li p {
font-size: 0.92em;
font-weight: bold;
padding: 1% 0 0;
}
.disneySpecial #paperitem .img-wrapper {}
.disneySpecial #paperitem .img-wrapper img {}
.disneySpecial #paperitem .img-disney-copy {}
.disneySpecial #paperitem .img-disney-copy#paperitem .img-disney-copy img {}
/* Disney hikitaku */
.disneySpecial #hikitaku h3 {
margin-bottom: 33px;
}
.disneySpecial #hikitaku h3 span {
display: block;
margin-left: 85px;
}
.disneySpecial #hikitaku .txt-01 p span {
display: block;
}
.disneySpecial #hikitaku .inner-p1 {
font-size: 17px;
line-height: 2rem;
margin-bottom: 20px;
}
.disneySpecial #hikitaku .inner-p2 {
line-height: 1.4rem;
}
.disneySpecial #hikitaku .txt-01 {
margin-bottom: 105px;
}
.disneySpecial #hikitaku .inner-01 {
margin-bottom: 6px;
}
.disneySpecial #hikitaku .inner-01 ul {
content: "";
clear: both;
display: block;
margin-left: 35px;
}
.disneySpecial #hikitaku .inner-01 li {
margin-right: 12px;
}
.disneySpecial #hikitaku p.img-disney-copy {
position: relative;
}
/* お客様サポート（Beberyより引越し分）
** 命名カード・名入れギフトお写真送信フォームで使用
*/
.supportGuide .typeRed {
margin-bottom: 2%;
color: #FE5454;
font-size: 1.15em;
line-height: 1.15em;
}
.supportGuide .typeRed a {
color: inherit;
text-decoration: none;
}
.supportGuide .barRed {
margin-bottom: 2%;
padding: 1%;
background-color: #FEEFEF;
border-left: 6px solid #FEB4B4;
border-bottom: 1px solid #ECECEC;
font-size: 1.2em;
}
.supportGuide .barPnk {
margin-bottom: 1%;
padding: 0.8%;
background-color: #ffeff0;
font-size: 1.1em;
line-height: 1.1em;
}
.supportGuide .redTxt {
color: #FF2727;
}
.supportGuide .indentNote {
display: block;
text-indent: -1em;
padding-left: 1em;
}
.supportGuide .indentNoteS {
display: block;
padding-left: 1em;
text-indent: -1em;
line-height: 1.2em;
font-size: .85em;
color: #777;
}
.supportGuide img.tel {
display: block;
margin: 2% auto;
}
.supportGuide .mailHere {
font-weight: bold;
color: #069;
}
.supportGuide .indentNote {
display: block;
text-indent: -1em;
padding-left: 1em;
}
.supportGuide .indentNoteS {
display: block;
padding-left: 1em;
text-indent: -1em;
line-height: 1.2em;
font-size: .85em;
color: #777;
}
.supportGuide.form_named_gift ul {
list-style-type: disc;
margin-left: 1.5em;
}
/* 名入れカード */
.namingCard img {
max-width: 100%;
}
.namingCard ul.btns {
margin: 3% 0;
}
.namingCard ul.btns li {
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 2%;
border-left: 2px dotted #ccc;
}
.namingCard ul.btns li:first-child {
border: 0
}
.namingCard ul.btns li a:hover {
border-bottom: 3px solid #ccc;
}
.namingCard ol.capt {
margin-bottom: 5%;
}
.namingCard ol.capt li {
float: left;
width: 50%;
box-sizing: border-box;
padding: 1.5%;
min-height: 260px;
}
.namingCard ol.capt li.last {
float: none;
width: 80%;
margin: 0 auto;
padding: 0;
}
.namingCard ol.capt li a {
text-decoration: none;
}
.namingCard ol.capt li img {
margin-bottom: 1%;
border: 7px solid #F6BBAD;
box-sizing: border-box;
}
.namingCard .faq div.catTittle {
margin: 0 0 2% -1em;
padding: 1%;
background-color: #90C7A0;
border-bottom: 1px solid #ECECEC;
color: #FFF;
text-shadow: 1px 1px 1px #7CA889;
font-size: 1.5em;
font-weight: bold;
}
.namingCard .faq ul.catList {
width: 80%;
margin: 3% auto;
padding: 0 1%;
}
.namingCard .faq ul.catList li a {
display: block;
width: 31.33%;
float: left;
box-sizing: border-box;
margin: 0 1%;
padding: 3% 2%;
background-color: #FEFEFE;
border: 1px solid #ccc;
border-radius: 2px;
text-align: center;
text-decoration: none;
}
.namingCard .faq ul.catList li a:hover {
background-color: #DFF7E6;
color: #555;
text-decoration: none;
opacity: 1;
}
.namingCard .faq ul.catList li a.active {
background-color: #cbf2d6;
}
.namingCard .faq div#wholeCont,
.namingCard .faq div#iwaiCont,
.namingCard .faq div#uchiiwaiCont {
display: none;
padding-left: .5em;
}
.namingCard .faq div.on {
display: block !important;
}
.namingCard .faq ul.qTitleList {
margin: 0 0 3% 20px;
padding-left: 1em;
list-style-type: disc;
color: #7A2820;
}
.namingCard .faq ul.qTitleList li {
margin: .5% 0;
}
.namingCard .faq ul.qTitleList li a {
color: #7A2820;
text-decoration: none;
}
.namingCard .faq ul.qTitleList li a:hover {
text-decoration: none;
}
.namingCard .faq div.contWrap {
padding-top: 3%;
border-top: 1px dotted #888;
}
.namingCard .faq dl dt {
margin-bottom: 1%;
padding-left: 35px;
line-height: 35px;
background: url(/resource/img/support/namingcard/icon_q.gif) 0 0 no-repeat;
font-size: 15px;
font-weight: bold;
}
.namingCard .faq dl dd {
margin: 0 0 2% 2%;
padding: 1% 0 2% 35px;
background: url(/resource/img/support/namingcard/icon_a.gif) 0 0 no-repeat;
border-bottom: 1px dashed #727171;
}
.namingCard .faq dl dd span.toTop {
display: block;
margin-top: 1.5%;
text-align: right;
}
.namingCard .faq dl dd span.toTop a {
padding: 1%;
background-color: #8EC79E;
color: #fff;
font-weight: normal;
text-decoration: none;
}
.namingCard .faq dl dd span.toTop a:hover {
text-decoration: none;
}
/* カタログメール便・即日配送サイドバー */
#sub .subBtBlock ul li.side_bt_cata {
border: 1px solid #ddd;
padding: 4.5% 4.5% 6.5%;
}
#sub .subBtBlock ul li.side_bt_cata .bt_ana {
margin-top: 10px;
}
#sub .subBtBlock ul li.side_bt_cata .bt_hands,
#sub .subBtBlock ul li.side_bt_cata .bt_ana {
margin-bottom: 4.5%;
}
#sub .subBtBlock ul li.side_bt_cata .bt_cata_ttl,
#sub .subBtBlock ul li.side_bt_cata .bt_excellent {
margin-bottom: 0;
}
/* instagram 最新投稿表示 */
.instagramPhotoWrap .btmCont {
margin: 5em 0 3em;
}
.instagramPhotoWrap .sideCont {
margin-bottom: 8%;
}
.instagramPhotoWrap .btmCont ul li.no7,
.instagramPhotoWrap .btmCont ul li.no8,
.instagramPhotoWrap .btmCont ul li.no9 {
display: none;
}
.instagramPhotoWrap .ttlWrap {
margin-bottom: 1%;
}
.instagramPhotoWrap .ttlWrap p {
text-align: center;
}
.instagramPhotoWrap .ttlWrap p span {
color: #000;
}
.instagramPhotoWrap .ttlWrap p span a {
text-decoration: none;
}
.instagramPhotoWrap .sideCont .ttlWrap p span.fmi {
display: block;
font-size: 25px;
font-weight: bold;
}
.instagramPhotoWrap .sideCont .ttlWrap p span.at {
display: block;
font-size: 20px;
color: #666;
}
.instagramPhotoWrap .btmCont .ttlWrap p span.fmi {
font-size: 26px;
font-weight: bold;
}
.instagramPhotoWrap .btmCont .ttlWrap p span.at {
margin-left: 15px;
font-size: 22px;
color: #666;
}
.instagramPhotoWrap ul {
margin-bottom: 2%;
}
.instagramPhotoWrap ul li {
width: 32.33%;
float: left;
margin: .5%;
position: relative;
}
.instagramPhotoWrap ul li a:hover {
opacity: 1;
}
.instagramPhotoWrap ul li a .photoWrap {
padding-bottom: 100%;
overflow: hidden;
position: relative;
}
.instagramPhotoWrap ul li a .photoWrap img {
width: auto;
height: auto;
position: absolute;
top: 50%;
;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.instagramPhotoWrap ul li a .photoWrap img.mxH100 {
max-width: inherit;
max-height: 100%;
}
.instagramPhotoWrap ul li a .photoWrap img.mxW100 {
max-width: 100%;
max-height: inherit;
}
.instagramPhotoWrap ul li a .statusWrap {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
}
.instagramPhotoWrap ul li:hover a .statusWrap {
display: block;
}
.instagramPhotoWrap ul li a .statusWrap .contValue {
margin: auto;
height: 2em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.instagramPhotoWrap ul li a .statusWrap .contValue p {
line-height: 1.2em;
font-weight: bold;
color: #FFF;
}
.instagramPhotoWrap .sideCont ul li a .statusWrap .contValue p {
font-size: 11px;
}
.instagramPhotoWrap .btmCont ul li a .statusWrap .contValue p {
font-size: 14px;
}
.instagramPhotoWrap .moreBtn {
text-align: center;
}
.sideSnsWrap {
/*padding-top: 8%;
text-align: center;
border-top: 1px solid #777;*/
padding-top: 15px;
}
.sideSnsWrap h3 {
margin-bottom: 5%;
}
/* 2017.02.07 タグpiary 追加 */
.instagramPhotoWrap .btmCont .tagPiary img {
margin: 0 1%
}
.instagramPhotoWrap .sideCont .tagPiary img {
margin: 0 0 2% 0;
}
/* cart内 印刷商品 お届け日出力部分 */
.cart_ps_flow_wrap #cart_ps_app_day_wrap {
width: 60%;
float: left;
}
.cart_ps_flow_wrap #cart_ps_deli_day_wrap {
width: 40%;
float: left;
}
.cart_ps_flow_wrap .days {
margin-top: 1em;
padding-bottom: 4em;
position: relative;
}
.cart_ps_flow_wrap .days p {
margin: 0;
padding: .65em 1.5em;
border: 1px solid #ED1C24;
color: #ED1C24;
text-align: center;
position: absolute;
top: 0;
right: 0;
}
.cart_ps_flow_wrap .days p:after {
content: "";
width: 16px;
height: 16px;
border-bottom: 1px solid #ED1C24;
border-right: 1px solid #ED1C24;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #FFF;
position: absolute;
bottom: -9px;
right: 25%;
}
.cart_ps_flow_wrap .cart_ps_flow_images_Wrap {
position: relative;
}
.cart_ps_flow_wrap .cart_ps_flow_images_Wrap:after {
content: "";
width: 32px;
height: 43px;
background-image: url(/resource/img/cart_ps_arow.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 9999;
}
.cart_ps_flow_wrap #cart_ps_app_day_wrap .cart_ps_flow_images_Wrap:after {
top: 33%;
right: -3%;
}
.cart_ps_flow_wrap #cart_ps_deli_day_wrap .cart_ps_flow_images_Wrap:after {
top: 33%;
;
left: 47%;
}
.cart_ps_flow_wrap .cart_ps_flow_images_Wrap img.cart_ps_flow {
max-width: 100%;
}
.cart_ps_flow_wrap .cart_ps_flow_images_Wrap img.cart_ps_print {
max-width: 50%;
margin-right: 3px;
}
.cart_ps_flow_wrap .cart_ps_flow_images_Wrap img.cart_ps_set {
max-width: 50%;
}
/* SR印刷予約 201612 */
.sr_reserv h2 {
text-align: center;
font-size: 1.3em;
font-weight: bold;
color: #fff;
background-color: #666;
margin-bottom: 1.5em;
padding: .75em 0 .5em;
}
.srp_ul--menu {
width: 96%;
margin: 0 auto;
}
.srp_li {
box-sizing: border-box;
width: 33.33%;
/*float: left;*/
text-align: center;
padding: 1% 1.5%;
border: 1px solid #fff;
}
.srp_li label {
display: block;
}
.srp_li.srs_checked {
border: 1px solid #d7e3cf;
background: #d7e3cf;
}
.srp_li_g {
float: left;
box-sizing: border-box;
padding: 3% 0 2% 1%;
width: 100%;
border-top: dashed 1px #666;
margin: 3% 0 0;
}
.srp_li_g .srp_img {
display: block;
float: left;
margin: 0 5% 0 0;
}
.srp_li_img {
border: solid 1px #aaa;
display: block;
background: #fff;
}
.srp_li_g label {
display: block;
float: left;
width: 40%;
border: solid 2px #666;
}
p[class^="srp_li_p"] {
line-height: 170%;
}
p[class^="srp_li_p"] input {
display: none;
}
.srp_li_p {
padding: 3% 0 0 0;
}
.srp_li_p b {
font-size: 1.15em;
}
.srp_li_g .srp_li_p {
width: auto;
padding: 9% 0 0 9%;
}
.srp_li_p2 {
color: #8C6239;
padding: 0 0 0 9%;
}
.srp_price {
padding: 0 5px 0 2px;
margin: 0 2px 0 2px;
color: #fff;
background-color: #8C6239;
}
.srp_notes {
box-sizing: border-box;
margin: 1.5% 0 0;
width: 100%;
border: solid 1px #C10D23;
padding: 1%;
color: #C10D23;
font-size: 13px;
}
.srp_notes_p {
text-align: center;
text-indent: 1em;
font-size: 15px;
margin: 1% 0;
}
.srp_notes_li {
margin: 1% 0;
}
#print_item_line {
border-top: solid 1px #ccc;
margin: 5% 0;
}
.sr_reserv h3 {
background-color: #fff;
color: #333;
line-height: 1.4em;
font-weight: normal;
border: 2px solid #666;
font-size: 1.15em;
margin-bottom: 1.25em;
}
.sr_reserv h3 .sr_titleInner {
display: inline-block;
padding: 1.5%;
font-weight: bold;
font-style: italic;
color: #fff;
background-color: #666;
margin-right: 1em;
}
.srp_must {
display: inline-block;
background-color: red;
color: #fff;
font-size: 0.8em;
padding: 1px 0 0;
width: 30px;
text-align: center;
line-height: 1.2em;
}
.sr_reserv table.mailformTable {
border: none;
}
.sr_reserv table.mailformTable tr td {
border-bottom: none;
padding: 0;
}
.sr_reserv table.mailformTable .about_icon {
margin: 0;
padding: 2px 0 2px 25px;
border-top: none;
border-bottom: none;
}
.sr_reserv .calendar {
border: solid 1px #aaa;
}
.sr_reserv table.mailformTable tr td .changeweek li a {
background: #F15A24;
}
.sr_reserv table.mailformTable tr td .dateholder {
margin: 25px 0 5px 0;
border: 1px solid #F15A24;
color: #F15A24;
padding: 10px 0 10px 13px;
line-height: 100%;
}
.srp_ul {
box-sizing: border-box;
border: solid 1px #aaa
}
li[class^="srp_li_f"] {
box-sizing: border-box;
float: left;
padding: 10px;
border-bottom: solid 1px #aaa;
}
.srp_li_fr {
width: 30%;
background-color: #faf0df;
}
.srp_li_fl {
width: 70%;
}
label.howcome {
display: block;
padding: 5px;
}
.srp_li_fr:nth-last-child(2) {
border-bottom: none;
}
.srp_li_fl:last-child {
border-bottom: none;
}
span[id^="srp_error"] {
color: #fff;
background-color: red;
font-size: 0.7rem;
padding: 0 4px;
font-weight: bold;
}
.sr_reserv #button {
display: none;
}
#srp_sub_bt {
box-sizing: border-box;
display: block;
width: 60%;
height: 50px;
margin: 5% auto 0;
background-color: #e45827;
text-align: center;
line-height: 50px;
font-size: 1rem;
font-weight: bold;
color: #fff;
}
.sr_reserv .srp_cancel_bt {
box-sizing: border-box;
display: block;
width: 60%;
margin: 2% auto;
text-align: center;
font-size: 1rem;
font-weight: bold;
}
.sr_reserv .srp_cancel_bt a {
display: block;
color: #fff;
background-color: #aaa;
text-decoration: none;
height: 50px;
line-height: 50px;
}
/* SR見学カレンダー（臨時：正式な変更時消去） */
.sr_reservation .displays {
padding: 2% 0;
}
.sr_ken_calendar {
box-sizing: border-box;
width: 49%;
float: left;
padding-top: 1%;
}
.sr_ken_calendar:last-child {
margin: 0 0 0 2%;
}
.sr_ken_calendar_tab {
box-sizing: border-box;
width: 100%;
border: solid 1px #666;
border-spacing: 5px;
border-collapse: separate;
}
.sr_ken_title {
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
th[class^="sr_ken_"],
td[class^="sr_ken_"] {
padding: 5px;
text-align: center;
}
.sr_ken_nonwork {
background-color: #ccc;
color: #fff;
}
span.sr_ken_nonwork {
display: inline-block;
width: 30px;
height: 16px;
margin: 0 0 -3px 0;
}
/* novelty一覧 */
#Nov_note {
padding: 5% 0 3%;
text-align: center;
font-size: 1.1em;
}
.NovMenu_li {
float: left;
width: 31.8%;
margin: 0 0.7% 2.5%;
position: relative;
}
.NovMenu_li:nth-child(3n-1) {
text-align: center;
}
.NovMenu_li:nth-child(3n) {
text-align: right;
}
#NovMenu_ul .Nov_new {
background: url("../img/support/novelty/novelty_new.jpg") no-repeat left top;
display: block;
width: 60px;
height: 26px;
left: 0;
position: absolute;
top: 34px;
}
#Nov_bag,
#Nov_tag,
#Nov_thanks,
#Nov_deco,
#Nov_initial,
#Nov_braids,
#Nov_namecard,
#Nov_recepsign {
padding: 5% 0 0;
}
[class^='Nov_tit_'] {
position: absolute;
display: block;
}
.Nov_h2 {
position: absolute;
display: block;
left: 35%;
top: 64%;
width: 30%;
text-align: center;
font-size: 1.2em;
font-weight: 100;
}
#Nov_bag_tit,
#Nov_tag_tit,
#Nov_thanks_tit,
#Nov_deco_tit,
#Nov_initial_tit,
#Nov_braids_tit,
#Nov_namecard_tit,
#Nov_recepsign_tit {
position: relative;
height: 130px;
}
#Nov_bag_tit,
#Nov_tag_tit,
#Nov_thanks_tit,
#Nov_deco_tit,
#Nov_initial_tit {
margin-bottom: 10px;
padding-bottom: 0;
}
#Nov_bag_tit .Nov_tit_c {
left: 15%;
top: 2%;
}
#Nov_bag_tit .Nov_tit_r {
right: 0;
}
#Nov_tag_tit .Nov_tit_c {
left: 20%;
top: 2%;
}
#Nov_tag_tit .Nov_tit_r {
right: 0;
}
#Nov_thanks_tit .Nov_tit_c,
#Nov_deco_tit .Nov_tit_c,
#Nov_initial_tit .Nov_tit_c,
#Nov_braids_tit .Nov_tit_c,
#Nov_namecard_tit .Nov_tit_c,
#Nov_recepsign_tit .Nov_tit_c {
left: 14%;
top: 2%;
}
#Nov_thanks_tit .Nov_tit_r {
right: 0;
}
#Nov_deco_tit .Nov_tit_r {
right: 0;
}
#Nov_initial_tit .Nov_tit_r {
right: 0;
}
#Nov_braids_tit .Nov_tit_r {
right: 0;
}
#Nov_namecard_tit .Nov_tit_r,
#Nov_recepsign_tit .Nov_tit_r {
right: 0;
}
#Nov_braids_tit .Nov_tit_new {
left: 42%;
top: -8%;
}
.Nov_leftImg {
display: block;
float: left;
}
.Nov_rightBox {
float: left;
width: 50%;
height: 350px;
margin: 0 0 0 24px;
box-sizing: border-box;
background-color: #eae8e5;
padding: 0 2.5% 2.5%;
font-size: 1.3em;
}
.Nov_target {
background-color: #000;
width: 55px;
text-align: center;
color: #fff;
font-family: ＭＳ Ｐ明朝;
letter-spacing: 6px;
padding: 1px 0 1px 9px;
}
.Nov_target_note {
line-height: 180%;
padding: 2% 0;
font-size: 94%;
}
.Nov_strong {
font-weight: bold;
color: #ed1e79;
}
.Nov_target_ul {
padding: 2% 0 0;
font-size: 0.8em;
text-align: center;
}
[class^='Nov_target_li_'] {
margin: 0 0 2%;
}
.Nov_target_li_l {
box-sizing: border-box;
border: solid 1px #000;
width: 48%;
float: left;
margin: 0 4% 0 0;
}
.Novelty_all a {
text-decoration: none;
}
[class^='Nov_target_lab'] {
width: 100%;
padding: 6px;
display: block;
font-size: 92.3%;
line-height: 120%;
}
.Nov_target_li_r {
box-sizing: border-box;
border: solid 1px #000;
width: 48%;
float: left;
}
.Nov_target_li_c {
box-sizing: border-box;
border: solid 1px #000;
width: 100%;
clear: both;
}
.Nov_con_note {
display: block;
width: 100%;
clear: both;
padding: 3% 0;
}
.Nov_link_btn {
display: block;
width: 42%;
margin: 2% auto 0;
text-align: center;
background-color: #b48948;
font-weight: bold;
}
.Nov_link_btn_lab {
display: block;
font-size: 1.2em;
padding: 3%;
/* width: 100%;*/
color: #fff;
}
#Nov_tag .Nov_h2,
#Nov_tag .Nov_h2 img {
margin-top: 15px;
}
#Nov_thanks .Nov_h2,
#Nov_thanks .Nov_h2 img {
margin-top: 15px;
}
#Nov_deco .Nov_h2,
#Nov_deco .Nov_h2 img {
margin-top: 15px;
}
#Nov_tag h3 {
text-align: center;
margin-bottom: 20px;
}
/* ブライズレター特集 */
#bl_about_tit {}
#systemWrap #bl_about_01,
#systemWrap #bl_about_02,
#systemWrap #bl_about_03,
#systemWrap #bl_about_04,
#systemWrap #bl_about_05 {
margin: 5% 0 0;
}
.bl_about_01_l {
float: left;
width: 50%;
padding: 0 0 0 5%;
box-sizing: border-box;
}
#bl_about_01_tit {
color: #C1996C;
font-size: 1.2em;
line-height: 180%;
font-weight: 100;
}
.bl_about_01_note {
line-height: 180%;
padding: 15% 0 0;
}
#bl_about_detail {
margin: 0 auto 5%;
display: block;
}
.bl_about_02_note {
text-align: center;
}
.bl_about_02_l {
width: 61%;
float: left;
padding: 3% 0 0;
}
.bl_about_02_span {
font-size: 0.8em;
display: block;
padding: 3.7%;
}
#bl_about_03_1 {
margin: 0 auto;
display: block;
}
#bl_about_03_ul {
padding: 3% 0;
}
#bl_about_03_li_l,
#bl_about_03_li_c,
#bl_about_03_li_r {
box-sizing: border-box;
width: 33.33%;
float: left;
text-align: center;
}
#bl_about_03_li_l,
#bl_about_03_li_c {
border-right: solid 1px #ccc;
}
.bl_about_03_note {
padding: 10% 0 0;
}
.bl_about_btn {
width: 40%;
margin: 0 auto;
text-align: center;
background-color: #746356;
}
.bl_about_btn a:hover {
text-decoration: none;
}
.bl_about_btn_lab {
padding: 5%;
display: block;
color: #fff;
}
#bl_about_04.clearfix {}
#bl_about_05_img1 {
display: block;
margin: 0 auto;
}
#bl_about_05_img2 {
display: block;
margin: 1% auto;
}
.bl_about_05_note {
text-align: center;
padding: 3%;
}
[id^="bl_about_imgLi"] {
display: block;
float: left;
}
#bl_about_imgLi1,
#bl_about_imgLi2,
#bl_about_imgLi3,
#bl_about_imgLi4 {
margin: 0 10px 0 0;
}
div[id^="bl_about_list"] {
box-sizing: border-box;
border: solid 1px #ccc;
padding: 4.5%;
margin: 2.5% 0;
}
.bl_about_li_tit {}
#bl_about_list1_main,
#bl_about_list2_main,
#bl_about_list3_main,
#bl_about_list4_main,
#bl_about_list5_main {
float: left;
width: 563px;
}
[id^="bl_about_list1_thu"],
[id^="bl_about_list2_thu"],
[id^="bl_about_list3_thu"],
[id^="bl_about_list4_thu"],
[id^="bl_about_list5_thu"] {
float: right;
cursor: pointer;
}
[id^="bl_about_list1_thu"]:hover,
[id^="bl_about_list2_thu"]:hover,
[id^="bl_about_list3_thu"]:hover,
[id^="bl_about_list4_thu"]:hover,
[id^="bl_about_list5_thu"]:hover {
opacity: .75;
}
#bl_about_list1_thu1,
#bl_about_list1_thu2,
#bl_about_list1_thu3,
#bl_about_list1_thu4,
#bl_about_list2_thu1,
#bl_about_list2_thu2,
#bl_about_list2_thu3,
#bl_about_list2_thu4,
#bl_about_list3_thu1,
#bl_about_list3_thu2,
#bl_about_list3_thu3,
#bl_about_list3_thu4,
#bl_about_list4_thu1,
#bl_about_list4_thu2,
#bl_about_list4_thu3,
#bl_about_list4_thu4,
#bl_about_list5_thu1,
#bl_about_list5_thu2,
#bl_about_list5_thu3,
#bl_about_list5_thu4 {
padding: 0 0 2.3%;
}
#bl_about_list2 {}
.bl_about_li_tit {
padding: 0 0 1%;
}
#bl_about_list5 {
margin: 0 0 5%;
}
#bl_about_note {
padding: 4%;
background-color: #f2e4e6;
margin: 5% 0;
}
#systemWrap #bl_about_banner {
text-align: center;
}
.bridesletter_about .sp {
display: none;
}
.rblO_h {
font-size: 1.1em;
padding: 3px 3px 3px 14px;
background: url(../img/ic_arrow_03.png) 0 0 no-repeat;
}
.rblO_p {
padding: 2% 0;
}
#brlOrderHowTo img {
padding: 0 0 4%;
}
/* ブライズレター特集 ご注文方法 */
#brlOrderHowTo img {
border: 1px solid #aaa;
}
/* ショールーム個別ページ */
section#srHeader {
margin-bottom: 0;
}
.srGmenu {
margin-top: 1.5em;
}
.srGmenu__item {
box-sizing: border-box;
padding: 0 3.75%;
}
.srGmenu__txt {
padding: 1.5em 0;
}
.srGmenu__item.is-active {
background-color: #b0c7a0;
color: #fff;
}
@media screen and (min-width: 599px) {
.srGmenu__item:hover {
cursor: pointer;
background-color: #d7e3cf;
}
}
#srsHikitaku,
.srsItem_p,
#srsItem,
#srsMenu,
#srsTopNote {
text-align: center;
}
.srsTopNote_p {
padding: 2% 0 0;
line-height: 200%;
}
.srsTopNote_p .smallTxt {
font-size: 11px;
}
#srsPhotobooth .left {
float: left;
margin-left: 40px;
}
#srsPhotobooth .right {
float: right;
width: 50%;
margin-right: 40px;
}
#srsPhotobooth .right .title {
font-size: 16px;
font-weight: bold;
margin: 0 0 12px 0;
}
#srsPhotobooth .right .fan {
float: right;
margin-top: 16px;
}
.srsTopNews_div {
box-sizing: border-box;
border: solid 2px #b3cca4;
padding: 2%;
}
.srsTopNews_l {
float: left;
padding: 0 1.5% 0 0;
width: 57.5%;
}
.srsTopNews_r {
float: left;
}
.srsTopNews_limg {
margin: 0 6% 0 0;
}
.srsTopNews_lp {
padding: 2% 0 0;
line-height: 180%;
text-align: center;
}
.srsAddress_ul {
border-top: solid 1px #ccc;
width: 92%;
margin: 0 auto 5%;
}
.srsAddress_l,
.srsAddress_r {
padding: 1.5%;
float: left;
box-sizing: border-box;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.srsAddress_l {
width: 15%;
border-left: solid 1px #ccc;
background-color: #d7e3cf;
text-align: center;
}
.srsAddress_r {
width: 85%;
}
.srsBtn_Hikiform.l1,
.srsBtn_Hikiform.l2,
.srsBtn_Hikiform,
.srsBtn_reserv,
.srsBtn_paper,
.srsBtn_access {
width: 35%;
margin: 3% auto;
text-align: center;
background-color: #b3cca4;
}
.srsBtn_Hikiform a,
.srsBtn_access a,
.srsBtn_reserv a,
.srsBtn_paper a,
.srsAddress a,
[class^="srsMenu_li"] a {
text-decoration: none;
color: #fff;
}
.srsBtn_Hikiform.l1 .srsBtn_Hikiformlab,
.srsBtn_Hikiform.l2 .srsBtn_Hikiformlab,
.srsBtn_Hikiformlab,
.srsBtn_reservlab,
.srsBtn_paperlab,
.srsBtn_accesslab {
display: block;
padding: 5%;
width: 90%;
font-size: 0.9em;
}
.srsBtn_Hikiform,
.srsBtn_reserv,
.srsBtn_paper {
width: 95%;
margin: 2% 5% 0 0;
}
.srsBtn_Hikiformlab,
.srsBtn_reservlab,
.srsBtn_paperlab {
padding: 3%;
}
.srsArrowB {
transform: rotate(90deg);
display: block;
vertical-align: text-bottom;
margin-top: 3px;
margin-left: -15%;
margin-right: 15%;
float: right;
}
.srsBtn_reservlab .srsArrowB {
margin-left: -22%;
margin-right: 22%;
}
li[class^="srsMenu_li"] {
float: left;
box-sizing: border-box;
width: 50%;
padding: 2%;
}
.srsMenu_div {
box-sizing: border-box;
border: solid 1px #ccc;
height: 105%;
padding: 6% 0;
position: relative;
}
.srsMenu_div .clrRed {
color: #C10D23;
}
.srsMenu_div .clrBlue {
color: #036EB6;
}
.srsMenu_li_p {
font-size: 1.4em;
/*font-family: ＭＳ Ｐ明朝;*/
font-weight: 200;
color: #000;
}
.srsMenu_p {
padding: 5% 0 0;
color: initial;
}
.srsNotes {
display: block;
font-size: 0.7em;
}
#systemWrap #srsMenu,
#systemWrap #srsItem {
margin: 0 0 50px;
}
#srsMenu .srsArrowB {
float: none;
margin-top: initial;
margin-left: 0;
margin-right: 0;
vertical-align: bottom;
position: absolute;
bottom: 1%;
right: 46%;
width: 1em;
}
.sr_lead {
width: 92%;
margin: 5% auto 5%;
}
.sr_lead .col-txt {
width: calc(97% - 380px);
text-align: left;
margin-left: 3%;
}
.sr_lead .col-txt h2 {
font-size: 1.3em;
margin-bottom: .75em;
}
.srsItem_p {
padding: 2%;
line-height: 200%;
}
[id^="srsItem_li"] {
float: left;
box-sizing: border-box;
width: 25%;
padding: 2% 0 0;
}
#srFreePrivilege {
margin: 3% 0 0;
text-align: center;
padding: 3% 0;
}
#srFreePrivilege .srFreeTtl {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 2em;
color: #fff;
background-color: #b0c7a0;
padding: .75em 0 .5em;
}
#srFreePrivilege .srFreeTtl span {
font-size: 24px;
font-weight: bold;
}
#srFreePrivilege ul {
width: 89%;
margin: auto;
}
#srFreePrivilege ul li {
float: left;
width: 33.33%;
/*width: 50%;*/
}
#srFreePrivilege ul li img {
margin: 0 0 3%;
}
#srFreePrivilege ul li .txt {
font-size: 1.05em;
}
#srFreePrivilege ul li .txt span {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 1.2em;
margin: 2% 0 0;
}
#srFreePrivilege2 {
margin: 3% 0 0;
text-align: center;
padding: 3% 0;
}
#srFreePrivilege2 .srFreeTtl {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 2em;
color: #fff;
background-color: #b0c7a0;
padding: .75em 0 .5em;
}
#srFreePrivilege2 .srFreeTtl span {
font-size: 24px;
font-weight: bold;
}
#srFreePrivilege2 ul {
width: 89%;
margin: auto;
}
#srFreePrivilege2 ul li {
float: left;
/*width: 33.33%;*/
width: 50%;
}
#srFreePrivilege2 ul li img {
margin: 0 0 3%;
}
#srFreePrivilege2 ul li .txt {
font-size: 1.05em;
}
#srFreePrivilege2 ul li .txt span {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 1.2em;
margin: 2% 0 0;
}
#srsItem_notes {
margin: 2% 0 0;
box-sizing: border-box;
border: solid 2px #c30d23;
padding: 2% 15%;
text-align: left;
line-height: 180%;
}
.srsItem_notesTit,
.srsItem_notesP {
color: #c30d23;
}
.srsItem_notesTit {
text-align: center;
font-size: 1.2em;
}
.srsItem_notesP {
text-indent: -1em;
padding: 0 0 0 1em;
font-size: .9em;
}
#srsPrinterMenu {
width: 50%;
margin: 5% auto;
}
#srsPrinterMenu .srsPrinterMenu__item {
width: calc(50% - 0.5em);
font-size: 1.25em;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 .25em;
}
#srsPrinterMenu .srsPrinterMenu__item a {
display: block;
color: #fff;
background-color: #aaa;
text-decoration: none;
height: 50px;
line-height: 50px;
}
#srsPrinter_note {
width: 80%;
margin: 0 auto;
box-sizing: border-box;
border: solid 1px #ccc;
padding: 2%;
text-align: center;
}
#srsPrinter_noteP {
font-size: 1.2em;
}
#srsPrinter_note ul {
width: 65%;
margin: 2% auto;
}
#srsPrinter_li {
float: left;
width: 50%;
padding: 2% 0 0;
}
.srsPrinter_lip {
padding: 5% 0 0;
}
.srsPrinter_Tit {
margin: 4% auto;
display: block;
}
.srsStepList {
margin: 2% 0 5%;
}
.srsStepList li {
float: left;
text-align: center;
width: 25%;
}
.srsStepList li img {
margin: 0 0 5%;
}
.srsStepList li .txt {
font-size: 16px;
margin: auto;
text-align: left;
width: 84%;
}
.srsStepList li .txt a {
color: #006934;
}
.srsStepList li .txt span {
color: #E40012;
}
/*#systemWrap #srsHikitaku,
#systemWrap #srsAccess{
margin-top: 50px;
}*/
#srsHikitaku_box,
#srsPrinter_box1,
#srsPrinter_box2 {
box-sizing: border-box;
border: solid 1px #b3cca4;
width: 84%;
margin: 2% 10% 2% 6%;
text-align: left;
}
.srsPrinter_li {
float: left;
}
.srsPrinter_b {
display: block;
margin: 0 auto;
}
.srsHikitaku_li.box.l,
.srsPrinter_li.box1.l,
.srsPrinter_li.box2.l {
writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
width: 4.5%;
background-color: #b3cca4;
color: #fff;
line-height: 200%;
text-align: center;
}
#srs_tate {
display: inline-block;
-ms-text-combine-horizontal: digits 2;
text-combine-upright: digits 2;
writing-mode: initial;
-ms-writing-mode: initial;
-webkit-writing-mode: initial;
}
.srsHikitaku_li.box.r,
.srsPrinter_li.box1.r,
.srsPrinter_li.box2.r {
width: 95.5%;
}
.srsHikitaku_li.box_1.l,
.srsHikitaku_li.box_2.l,
.srsPrinter_li.box2_1.l,
.srsPrinter_li.box1_1.l,
.srsPrinter_li.box1_2.l {
position: relative;
}
.srs_step {
padding: 50px 0 0;
}
.srsHikitaku_li.box_1.l,
.srsHikitaku_li.box_2.l,
.srsPrinter_li.box2_1.l,
.srsPrinter_li.box1_1.l,
.srsPrinter_li.box1_2.l {
box-sizing: border-box;
border: solid 22px #fff;
background: #b3cca4;
color: #fff;
width: 16%;
text-align: center;
}
.srsHikitaku_li.box_1.l:after,
.srsHikitaku_li.box_2.l:after,
.srsPrinter_li.box2_1.l:after,
.srsPrinter_li.box1_1.l:after,
.srsPrinter_li.box1_2.l:after {
content: " ";
box-sizing: border-box;
border: 26px solid #fff;
border-top: 10px solid #b3cca4;
border-bottom: 0;
display: block;
position: absolute;
bottom: 0px;
}
.srsHikitaku_liSp,
.srsPrinter_liSp {
display: block;
font-size: 1.4em;
}
.srsHikitaku_li.box_1.r,
.srsHikitaku_li.box_2.r,
.srsPrinter_li.box2_1.r,
.srsPrinter_li.box1_1.r,
.srsPrinter_li.box1_2.r {
width: 84%;
}
#srsHikitaku_box_1:after,
#srsPrinter_box1_1:after {
content: "";
width: 94%;
border-bottom: solid 2px #b3cca4;
display: block;
margin: 0 auto;
}
.srsHikitakuHtP,
.srsPrinterHtP {
padding: 5% 0 0;
}
.srsPrinter_li.box1_1_1 {
box-sizing: border-box;
border: solid 1px #c30d23;
width: 46%;
padding: 2% 4%;
margin: 4% 4% 0 0;
color: #c30d23;
}
.srsPrinter_li_kitImg {
padding: 0 8% 0 0;
}
.srs_strong {
font-weight: bold;
color: #c30d23;
}
#srsHikitaku_box_2 {
width: 95%;
margin: 0;
}
.srsHikitaku_li.box_2_2.r,
.srsHikitaku_li.box_2_2.l {
box-sizing: border-box;
width: 50%;
text-align: center;
padding: 2%;
}
.srsHikitaku_li.box_2_2.t {
width: 100%;
text-align: center;
}
.srsHikitaku.table {
width: 100%;
border-collapse: separate;
border-spacing: 1px;
background-color: #ccc;
}
.srsHikitaku.td {
padding: 3px;
}
.srsHikitaku.td.hd {
background-color: #b3cca4;
color: #fff;
}
.srsHikitaku.td.bo {
background-color: #fff;
}
#srsPrinter #srsPrinter_box2 {
margin-bottom: 50px;
}
.srsHikitaku_notes,
#srsPrinter_box2_1_1 {
box-sizing: border-box;
border: solid 1px #c30d23;
margin: 3% 5% 0 0;
}
.srsPrinter_li.box2_1_1 {
box-sizing: border-box;
float: left;
width: 50%;
}
.srsHikitaku_notesImg {
float: left;
padding: 2% 5% 2% 22%;
}
.srsPrinter_li.box2_1_1.l,
.srsPrinter_li.box2_1_1.r {
padding: 5%;
}
.srsHikitaku_notesp {
box-sizing: border-box;
}
.srsHikitaku_notesp,
.srsPrinter_li.box2_1_1.t {
background-color: #c30d23;
color: #fff;
width: 100%;
text-align: center;
padding: 1%;
}
.srsPrinter_li.lImg {
padding: 0 10% 0 0;
}
.srsItem_notesP.black {
float: left;
width: 41%;
display: block;
color: inherit;
}
#srsPrinter p.srsItem_notesP {
width: 92%;
}
.srsHikitaku_li_tit {
font-size: 18px;
margin: 0 0 1%;
}
.srsHikitaku_p {
line-height: 200%;
padding: 4%;
}
li.srsHikitaku_li {
float: left;
}
.srsHikitaku_li.l {
width: 39%;
}
.srsHikitaku_li.r {
text-align: left;
width: 61%;
}
.srsHikitaku_notespr {
padding: 8% 0;
}
.srsHikitakuHtImg {
padding: 2% 0;
}
.srsHikitaku_notes .srsItem_notesP {
clear: both;
margin: 0 5% 2%;
}
.srsItem_notesP2 {
padding: 3%;
display: block;
width: 95%;
text-align: center;
}
.srs_map {
margin: 0 2% 2%;
width: 96%;
height: 300px;
box-sizing: border-box;
border: solid 1px #03315b;
}
#srsAccessMap {
width: 100%;
height: 298px;
}
br.srs_sr {
display: none;
}
.srsTtl {
background-color: #b0c7a0;
/*padding: 1% 0;*/
text-align: center;
margin-bottom: 1.5em;
}
.srsTtl+.clearfix p {
float: left;
padding: 2% 0;
text-align: left;
width: 48%;
}
/*.srsSeImg {
position: relative;
}
.srsSeImgPng {
position: absolute;
top: 29%;
left: 0;
right: 0;
margin: auto;
}
#srsHikitaku .srsSeImgPng {
top: 13%;
}*/
.purchaseArea.mt30 textarea[name="others"] {
width: 90%;
}
.sr_reserv .unable1h {
display: none;
color: red;
}
.sr_reserv .unable1h_a {
display: none;
color: red;
}
#sr_reserv input,
#sr_reserv select,
#sr_reserv textarea {
background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
margin: 3px;
padding: 2px;
border: 1px solid #cccccc;
max-width: 70%;
font-family: arial;
}
.srsAddress_r a {
color: inherit;
text-decoration: underline;
}
#srsAccess .srsHikitaku_p {
padding: 1%;
}
.srsHikitaku_p>.indent-1 {
display: block;
}
/* SR2017フェア告知 */
#srsNewsFair {
box-sizing: border-box;
width: 100%;
border: 2px solid #4d6b39;
padding: 7px;
}
#srsNewsFImg {
position: relative;
}
#srsNewsFImg1_2 {
position: absolute;
top: 9.5%;
left: 4.5%;
}
#srsNewsFnote {
padding: 2%;
font-size: 1.1em;
}
#srsNewsFbtn {
width: 102%;
padding: 3% 0 2%;
font-size: 1.6em;
background-color: #4d6b39;
color: #fff;
margin: 10px -1% -1%;
}
#srsNewsFbtn:hover {
color: #ccc;
}
/* SR営業日カレンダー */
#systemWrap #srsCarendar {
margin: 0 auto 30px;
box-sizing: border-box;
}
#srsC_title {
width: 100%;
padding: .75em 0 .5em;
text-align: center;
background-color: #b3cca4;
color: #fff;
margin-bottom: 2%;
font-size: 1.3em;
}
#srsCarendar_l,
#srsCarendar_c,
#srsCarendar_r {
float: left;
width: 31.33%;
padding: 1%;
text-align: center;
position: relative;
}
#srsCarendar #srsCarendar_l,
#srsCarendar #srsCarendar_c,
#srsCarendar #srsCarendar_r {
width: 48%;
}
.srsCarendar_t {
border-spacing: 1px;
border-collapse: separate;
margin: 0 auto;
border: solid 1px #666;
}
.srsC_tit,
.srsC_th,
.srsC_td {
height: 28px;
text-align: center;
vertical-align: middle;
}
.srsC_th {
background-color: #eee;
}
.srsC_tit {
width: 290px;
background-color: #666;
display: block;
margin: 0 auto;
color: #fff;
padding-top: 4px;
box-sizing: border-box;
}
.srsC_th,
.srsC_td {
width: 40px;
position: relative;
}
.srsC_td.close {
background-color: #666;
color: #fff;
}
.srsC_td.fair_mark {
background-image: url(/resource/img/showroom/fair_bg.png);
background-repeat: no-repeat;
background-position: 50% -1px;
background-size: 68%;
color: #fff;
text-shadow: 0px 0px 1px #666;
}
.srsC_td.hanayomeMark {
background-image: url(/resource/img/showroom/icon_hanayome_mark.jpg);
background-repeat: no-repeat;
background-position: 50% -1px;
}
.piahana_calendar .srsC_td.hanayomeMark {
cursor: pointer;
}
.srsC_note {
padding-left: 4%;
margin-bottom: 2%;
width: 92%;
}
span.srsC_td.close {
display: inline-block;
height: 16px;
width: 28px;
}
span.srsC_td.hanayomeMark {
display: inline-block;
height: 25px;
width: 28px;
}
span.srsC_td.fair_mark {
display: inline-block;
height: 25px;
width: 28px;
background-size: 92%;
}
.srAccess {
width: 92%;
margin: 3.5% auto;
}
.srAccess__ttl {
box-sizing: border-box;
height: 40px;
padding: 1em 0 1em 60px;
margin-bottom: 1em;
font-size: 1.05em;
}
.srAccess__ttl--01 {
background: url(/resource/img/showroom/ic_train.gif) no-repeat 0 0;
}
.srAccess__ttl--02 {
background: url(/resource/img/showroom/ic_car.gif) no-repeat 0 0;
}
.srAccess__item {
width: 50%;
box-sizing: border-box;
padding: 1em;
line-height: 1.8;
}
.srsAccess_img {
display: block;
margin: 0 auto .5em;
}
.srsAcceImg {
width: 50%;
box-sizing: border-box;
padding: 4.6%;
}
.srsAccess_note {
display: block;
margin: 0 auto;
/*
width: 43%;*/
}
/* ペーパー商品ページに影響あり。SRページで使ってなさそうなので消去
.paper_set_thumb{
width: 240px;
max-width: 100%;
}*/
#srcCarendar_fair11,
#srcCarendar_fair12 {
position: absolute;
top: -6px;
left: 0;
right: 0;
margin: auto;
}
/* ショールームよくあるご質問 */
.sr_faq {
width: 90%;
margin: 0 auto;
}
.sr_faq .sr_q {
font-size: 1.15em;
padding: 2% 2% 1.5% 60px;
border-bottom: 1px solid #ccc;
background-repeat: no-repeat;
background-position: 0 7px;
position: relative;
}
.sr_faq .sr_q:after {
position: absolute;
display: block;
top: .5em;
right: 0;
font-size: 1.25em;
}
.sr_faq .sr_q.ic-plus:after {
content: "＋";
}
.sr_faq .sr_q.ic-minus:after {
content: "－";
}
.sr_faq .sr_q01 {
background-image: url(/resource/img/showroom/ic_q01.gif);
}
.sr_faq .sr_q02 {
background-image: url(/resource/img/showroom/ic_q02.gif);
}
.sr_faq .sr_q03 {
background-image: url(/resource/img/showroom/ic_q03.gif);
}
.sr_faq .sr_q04 {
background-image: url(/resource/img/showroom/ic_q04.gif);
}
.sr_faq .sr_q05 {
background-image: url(/resource/img/showroom/ic_q05.gif);
}
.sr_faq .sr_q06 {
background-image: url(/resource/img/showroom/ic_q06.gif);
}
.sr_faq .sr_q07 {
background-image: url(/resource/img/showroom/ic_q07.gif);
}
.sr_faq .sr_q08 {
background-image: url(/resource/img/showroom/ic_q08.gif);
}
.sr_faq .sr_a {
font-size: 1.05em;
padding: 2% 2% 2% 60px;
background: url(/resource/img/showroom/ic_a.gif) no-repeat 0 7px;
}
.sr_faq .sr_faq_ic {
margin-right: .75em;
vertical-align: middle;
}
/* ブライダルフェア2017 */
#srsF2017,
#srsF2017r {
letter-spacing: 1px;
}
#srsf_h {
line-height: 36px;
font-size: 1.7em;
font-weight: 100;
text-align: center;
margin-bottom: 20px;
}
#srsf_hl {
margin-right: 20px;
}
#srsf_hr {
margin-left: 20px;
}
#srsf_mainImg {
position: relative;
margin-bottom: 40px;
}
#srsf_mainImg1_2 {
float: left;
}
#srsf_mainImg2 {
position: absolute;
top: 10%;
left: 47.5%;
}
.srsf_h3 {
width: 90%;
font-size: 1.7em;
font-weight: 100;
margin: auto;
text-align: center;
padding: 25px 0 10px;
border-bottom: 1px solid #333;
margin-bottom: 20px;
}
.srsf_note {
text-align: center;
line-height: 160%;
font-size: 1.1em;
margin-bottom: 20px;
}
.srsf_obj {
position: relative;
width: 100%;
text-align: center;
padding: 20px 0 0 0;
}
#srsf_pop {
position: absolute;
top: 0;
right: 0;
font-size: 1.15em;
display: block;
width: 193px;
height: 187px;
box-sizing: border-box;
text-align: center;
padding: 38px 0 0;
vertical-align: middle;
background-image: url(/resource/img/showroom/fair/srsfair_06.png);
background-repeat: no-repeat;
}
.srsf_note2 {
text-align: center;
font-size: 1.4em;
margin: 20px;
}
.srsf_point {
box-sizing: border-box;
width: 74%;
margin: 20px auto;
padding: 3%;
border: 3px solid #b3cca4;
}
.srsf_pointH1,
.srsf_pointH2,
.srsf_pointH3 {
width: 100%;
font-size: 1.6em;
font-weight: bold;
line-height: 120%;
border-bottom: 2px solid #000;
height: 70px;
padding: 8px 0 0 103px;
box-sizing: border-box;
margin-bottom: 20px;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(/resource/img/showroom/fair/srsfair_07.gif);
}
.srsf_pointH2 {
background-image: url(/resource/img/showroom/fair/srsfair_10.gif);
}
.srsf_pointH3 {
background-image: url(/resource/img/showroom/fair/srsfair_20.gif);
}
.srsf_pointImgl {
margin: 0 20px 20px 1px;
}
.srsf_pointImgr {
margin-bottom: 20px;
}
.srsf_pointNote {
font-size: 1.1em;
}
#srsf_spe {
width: 96%;
margin: 0 auto 60px;
text-align: center;
}
li[id^="srsf_spe"] {
float: left;
width: 33.33%;
position: relative;
}
.srsf_spe_2col li[id^="srsf_spe"] {
width: 50%;
margin: 0 0 5%;
}
.srsf_speNote1 {
margin: 15px 0;
font-size: 1.2em;
font-weight: bold;
}
.srsf_strong {
font-size: 1.4em;
color: red;
}
.srsf_note_s {
font-size: 0.8em;
}
.srsf_note_b {
font-weight: bold;
}
a.srsfRepoBlue {
color: #485680;
text-decoration: none;
}
.srsfRepo2 {
margin-left: 2px;
}
.srsfRepo3 {
width: 23%;
}
.srsfRepo4 {
box-sizing: border-box;
width: 77%;
padding: 3% 6%;
}
.srsfRepo5 {
margin-left: 5px;
}
#srsF2017r .srsf_note {
margin-bottom: 50px;
}
/* 201705追加 */
#srsF2017 .srsf_spe1__balloon {
position: absolute;
top: -12px;
right: -40px;
z-index: 10;
}
#srsF2017 .srsf_speNote1__red {
color: red;
}
#srsF2017 .srsf_speNote1__blue {
color: #3D68C1;
}
#srsF2017 .srsf_speNote1__large {
font-size: 1.5em;
}
/* 201710追加 */
.srsf_banner {
width: 74%;
margin: 40px auto;
}
.srsf_special {
overflow: hidden;
border-bottom: 1px solid #000;
padding: 40px 25px 40px 25px;
}
.srsf_pd0 {
padding-top: 0;
}
.srsf_border_none {
border-bottom: none;
}
.srsf_special1 {
width: 340px;
float: left;
}
.srsf_special2 {
width: 340px;
float: right;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.srsf_special3 {
width: 340px;
float: right;
overflow: hidden;
margin-bottom: 40px;
}
.srsf_special4 {
clear: both;
overflow: hidden;
}
.srsf_special5 {
position: relative;
height: 300px;
}
.srsf_special6 {
position: relative;
height: 360px;
}
.srsf_special7 {
position: relative;
height: 300px;
}
.srsf_special p {
line-height: 1.5;
}
.srsf_special1 p span {
font-size: 28px;
font-weight: bold;
}
.srsf_special1 p {
margin-top: 10px;
}
.srsf_special2 p span,
.srsf_special3 p span {
font-size: 20px;
font-weight: bold;
}
.srsf_special2 ul,
.srsf_special3 ul {
float: left;
width: 201px;
}
.srsf_special2 p,
.srsf_special3 p {
float: right;
width: 130px;
padding-top: 40px;
}
.srsf_special4 p span,
.srsf_special5 p span,
.srsf_special6 p span,
.srsf_special7 p span {
font-size: 30px;
font-weight: bold;
}
.srsf_special4 p,
.srsf_special5 p,
.srsf_special6 p,
.srsf_special7 p {
color: #231815;
font-size: 22px;
}
.srsf_special4 h5 {
font-size: 22px;
font-weight: normal;
text-align: center;
margin-bottom: 20px;
}
.srsf_special4 ul {
width: 210px;
float: left;
margin-left: 110px;
margin-right: 40px;
}
.srsf_special4 p {
width: 280px;
float: right;
margin-right: 60px;
}
.srsf_special5 ul,
.srsf_special6 ul,
.srsf_special7 ul {
position: absolute;
top: 125px;
left: 140px;
z-index: 0;
}
.srsf_special5 p,
.srsf_special6 p,
.srsf_special7 p {
background-image: url("/resource/img/showroom/fair/srsfair_textback.png");
background-repeat: no-repeat;
position: absolute;
width: 370px;
height: 121px;
top: 40px;
left: 270px;
z-index: 1;
padding-left: 45px;
}
.srsf_special5 p {
text-align: center;
padding-left: 0;
}
.srsf_special_title {
font-size: 22px;
font-weight: normal;
background-repeat: no-repeat;
line-height: 1.5;
padding-left: 130px;
margin-bottom: 10px;
}
.srsf_special_bg1 {
background-image: url("/resource/img/showroom/fair/srsfair_titleback1.jpg");
}
.srsf_special_bg2 {
background-image: url("/resource/img/showroom/fair/srsfair_titleback2.jpg");
}
.srsf_special_bg3 {
background-image: url("/resource/img/showroom/fair/srsfair_titleback3.jpg");
}
.srsf_special_bg4 {
background-image: url("/resource/img/showroom/fair/srsfair_titleback4.jpg");
}
.srsf_special_title span {
color: #D91815;
font-size: 42px;
}
/* 201807追加（栄表参道オープン記念） */
.brsfair_s201807 #srsf_pop {
background-image: url("/resource/img/bridalsalon/fair/s201807/brsfair_01-2.png");
}
.srsf_pointWrap {
display: flex;
-webkit-display: flex;
flex-wrap: no-wrap;
}
.srsf_pointWrap .srsf_point {
box-sizing: border-box;
width: 32%;
margin: 20px auto;
padding: 1em;
border: 2px solid #f05a24;
}
.srsf_pointWrap .srsf_pointH {
width: 100%;
text-align: center;
font-size: 1.35em;
font-weight: bold;
line-height: 120%;
padding: 0;
box-sizing: border-box;
margin-bottom: 1em;
background-position: 50% 0;
background-repeat: no-repeat;
}
.srsf_pointImg {
width: 100%;
height: auto;
}
.srsf_spe1__img {
position: relative;
top: 0;
left: -10%;
}
.brsBtn {
width: 200px;
font-size: 1.05em;
}
.brsBtn__a {
position: relative;
display: block;
background-color: #f05a24;
padding: .75em;
border-radius: 10px;
text-decoration: none;
}
.brsBtn__a::after {
position: absolute;
content: "";
top: calc(50% - .5em);
right: .75em;
width: .75em;
height: .75em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
/* プレ花嫁会 */
.bridesMeetingWrap {
color: #604C3F;
}
.bridesMeetingWrap .blueTtl {
background-color: #81B5C1;
color: #FFF;
font-size: 24px;
line-height: 1em;
margin: 0 0 2%;
padding: 1.5% 0;
text-align: center;
}
.bridesMeetingWrap .betBorder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 0 3%;
text-align: center;
padding: 1% 0;
line-height: 1em;
}
.bridesMeetingWrap .betBackcolor {
background-color: #646464;
text-align: center;
line-height: 1em;
margin-bottom: 20px;
}
.bridesMeetingWrap .blueTxt {
color: #81B5C1;
}
.bridesMeetingWrap .redTxt {
color: #F00;
margin: auto;
width: 90%;
}
.bridesMeetingWrap .boshuShuryo {
background-color: #FFFDFD;
border: 1px solid #F00;
color: #F00;
font-size: 15px;
margin: 4% auto 0;
padding: 2% 0;
text-align: center;
width: 90%;
}
.bridesMeetingWrap .hashtagWrap {
background-color: #E1F1F4;
margin: 1% 0 5%;
padding: 1% 0;
text-align: center;
}
.bridesMeetingWrap .hashtagWrap span {
font-size: 18px;
margin: 0 .5em;
}
.bridesMeetingWrap .leadTxtWrap {
margin: 0 0 8%;
text-align: center;
}
.bridesMeetingWrap .leadTxtWrap .ttl {
font-size: 24px;
margin: 0 0 3%;
}
.bridesMeetingWrap .leadTxtWrap .txt {
font-size: 15px;
line-height: 2em;
}
.bridesMeetingWrap .eventLineupWrap {
margin: 0 auto 5%;
width: 91%;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup {
list-style-type: none;
text-align: center;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup li {
float: left;
margin: 0 2% 4%;
width: 46%;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup li img {
margin: 0 0 3%;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup li .eventTtl {
background-position: 0 0;
background-repeat: no-repeat;
font-size: 18px;
font-weight: bold;
margin: 0 0 3%;
padding: 2% 0 2% 80px;
text-align: left;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup .event1 .eventTtl {
background-image: url(/resource/img/showroom/icon_event_point1.jpg);
}
.bridesMeetingWrap .eventLineupWrap .eventLineup .event2 .eventTtl {
background-image: url(/resource/img/showroom/icon_event_point2.jpg);
}
.bridesMeetingWrap .eventLineupWrap .eventLineup .event3 .eventTtl {
background-image: url(/resource/img/showroom/icon_event_point3.jpg);
padding-top: 6%;
padding-bottom: 6%;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup .event4 .eventTtl {
background-image: url(/resource/img/showroom/icon_event_point4.jpg);
padding-top: 6%;
padding-bottom: 6%;
}
.bridesMeetingWrap .eventLineupWrap .eventLineup li .eventTxt {
font-size: 15px;
line-height: 1.7em;
text-align: left;
}
.bridesMeetingWrap .scheduleWrap {
margin: 0 auto;
width: 91%;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule {
border-top: 1px solid #AD9F95;
font-size: 18px;
margin: 5% 0 8%;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule tr {
border-bottom: 1px solid #AD9F95;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule td {
padding: 3% 0;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule td.ttl {
font-weight: bold;
text-align: center;
width: 20%;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule td.cont {
padding-left: 5%;
}
.bridesMeetingWrap .scheduleWrap .meetingSchedule td a,
.bridesMeetingWrap .scheduleWrap .meetingSchedule td .indentNote {
font-size: 15px;
margin: 1% 0 0;
}
.bridesMeetingWrap .scheduleWrap .meetingNote {
margin: 0 0 8%;
}
.bridesMeetingWrap .scheduleWrap .meetingNote .txt {
font-size: 18px;
margin: 0 0 2%;
text-align: center;
}
.bridesMeetingWrap .scheduleWrap .meetingNote .indentNote {
font-size: 14px;
}
.bridesMeetingWrap .scheduleWrap .toMeetingForm {
margin: 0 0 8%;
}
.bridesMeetingWrap .scheduleWrap .toMeetingForm .txt {
font-size: 18px;
margin: 0 0 4%;
text-align: center;
}
.bridesMeetingWrap .scheduleWrap .toMeetingForm .formBtn {
background-color: #81B5C1;
color: #FFF;
display: block;
font-size: 24px;
font-weight: bold;
margin: auto;
text-align: center;
text-decoration: none;
padding: 2.5% 0;
width: 56%;
}
#bridesMeetingTable {
border: none;
border-top: 1px solid #AD9F95;
margin: auto;
width: 90%
}
#bridesMeetingTable tr {
border-bottom: 1px solid #AD9F95;
}
#bridesMeetingTable tr th {
background-color: #FFF;
border: none;
padding: 15px 0 15px 10px;
width: 32%;
}
#bridesMeetingTable tr td {
border: none;
padding: 15px 0 15px 10px;
}
#bridesMeetingTable tr td.schedule label {
display: block;
}
#bridesMeetingTable+.mailformTable_bt {
background: none;
margin: 4% 0;
}
#bridesMeetingTable+.mailformTable_bt input {
background: none;
background-color: #000;
cursor: pointer;
font-size: 17px;
height: auto;
padding: 1% 0;
width: 20%;
}
/* ブライダルサロン */
.srsC_title {
width: 100%;
padding: .75em 0 .5em;
text-align: center;
background-color: #fd6d2c;
color: #fff;
margin-bottom: 2%;
font-size: 1.3em;
}
.bsMainViewWrap__col2 {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.bs-borWrap {
display: -webkit-flex;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
border-radius: 10px;
border: 2px solid #fd6d2c;
padding: 1em;
}
.bs-gradi {
background-image: linear-gradient(135deg, #f6921e, #f05a24 34.7%);
display: inline-block;
padding: 0 1em;
color: #fff;
}
.bs-bn_sp {
display: none;
}
.bs-bn_pc {
display: inline-block;
}
/* ブライダルフェア */
.k-BSfair__wrap {
border: 1px solid #CCC;
padding: 1em;
font-size: 15px;
line-height: 1.6;
}
.k-BSfair__ttl::before,
.k-BSfair__ttl::after {
align-self: flex-end;
content: "";
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 68px;
margin: 1% 3%;
}
.k-BSfair__ttl::before {
background-image: url(/resource/img/bridalsalon/fair/201810/zubaba_l.jpg)
}
.k-BSfair__ttl::after {
background-image: url(/resource/img/bridalsalon/fair/201810/zubaba_r.jpg)
}
.k-BSfair__h3 {
font-size: 24px;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4
}
.k-BSfair__h3::before,
.k-BSfair__h3::after {
content: "";
display: block;
position: absolute;
width: 70px;
border-top: 2px solid #333333;
}
.k-BSfair__h3::before {
left: 15%;
top: 55px;
transform: rotate(60deg);
}
.k-BSfair__h3::after {
right: 15%;
top: 55px;
transform: rotate(-60deg);
}
.k-BSfair__fcolor {
color: #d1b869;
}
.k-BSfair__bcolor {
border-color: #d1b869;
}
.k-BSfair__bgcolor {
background-color: #d1b869;
}
.k-BSfair__menuP {
margin-left: calc((100% - (320px * 2)) / 2);
}
.k-BSfair__menu {
width: 320px;
line-height: 1.4;
}
.k-BSfair__privilegeP {
margin-left: calc((100% - (330px * 2)) / 2);
}
.k-BSfair__privilege {
width: 330px;
}
.k-BSfair__speciallist__list {
width: 50%;
position: relative;
}
.k-BSfair__speciallist__balloon {
position: absolute;
top: 7%;
right: 0;
z-index: 1;
}
.k-BSfair__speciallist__ttl {
font-size: 20px;
}
.k-BSfair__speciallist__txt {
font-size: 15px;
}
.k-BSfair__specialPlan__head {
background: #ec5a24;
font-size: 24px;
line-height: 1em;
}
.k-BSfair__specialPlan {
border: 1px solid #ec5a24;
}
.k-BSfair__specialPlan__ttl {
font-size: 19px
}
.k-BSfair__specialPlan__txt {
font-size: 15px
}
.k-BSfair__zubaba::before,
.k-BSfair__zubaba::after {
height: 1.5em;
width: 1em;
font-size: 1em;
align-self: flex-end;
}
.k-BSfair__zubaba::before {
content: '＼';
}
.k-BSfair__zubaba::after {
content: '／';
}
/* 特集「オーシャンテール」 */
#ocean_terre #headerArea {
text-align: center;
font-size: 14px;
}
#ocean_terre #headerArea h3 {
font-size: 24px;
font-weight: normal;
margin: 30px 0 15px 0;
}
#ocean_terre #imgArea ul {
margin: 0 3%;
}
#ocean_terre #imgArea ul li {
float: left;
width: 30.33%;
margin: 1.5%;
text-align: center;
}
#ocean_terre #imgArea ul,
#ocean_terre #introArea ul,
#ocean_terre #catArea ul {
margin: 0 3%;
}
#ocean_terre #imgArea ul li {
float: left;
width: 30.33%;
margin: 1.5%;
text-align: center;
}
#ocean_terre #introArea ul li {
float: left;
width: 47%;
margin: 1.5%;
text-align: center;
border-bottom: 1px solid #000;
height: 260px;
}
#ocean_terre #introArea ul li h4 {
font-size: 18px;
font-weight: normal;
margin: 10px 0 15px 0;
}
#ocean_terre #catArea h4 {
text-align: center;
color: #fff;
background: #000;
font-size: 22px;
font-weight: normal;
letter-spacing: 6px;
padding: 8px 0;
margin-bottom: 15px;
}
#ocean_terre #catArea ul li {
float: left;
width: 47%;
margin: 1.5%;
}
#ocean_terre #catArea ul li a {
display: inline-block;
border: 1px solid #aaa;
text-decoration: none;
text-align: center;
}
#ocean_terre #catArea ul li p {
border-top: 1px solid #aaa;
font-size: 14px;
padding: 6px 0;
}
#ocean_terre #itemArea h4 {
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #000;
padding-bottom: 4px;
margin: 20px 0 10px 0;
}
#ocean_terre #itemArea ul.series li {
float: left;
margin: 1% 1% 2% 1%;
width: 23%;
height: 210px;
text-align: center;
}
#ocean_terre #itemArea ul.series li img {
margin-bottom: 3px;
}
#ocean_terre #itemArea ul.series li strong {
color: #f00;
}
#ocean_terre #itemArea ul.series li a {
display: block;
text-decoration: none;
}
/* 印刷HOWTO 商品の追加 */
.ps-howto {
margin: 10px auto;
border: 1px solid #aaa;
width: 600px;
text-align: center;
}
.ps-howto h1 {
margin: 20px 0;
font-weight: normal;
font-size: 22px;
}
.ps-howto h2 {
font-weight: normal;
font-size: 12px;
background: #eaeaea;
margin: 0 0 20px 0;
padding: 6px 0;
text-align: left;
}
.ps-howto h2 span {
float: left;
display: block;
margin: 0 6px;
width: 24px;
background: #000;
color: #fff;
line-height: 24px;
text-align: center;
}
.ps-howto h2 p {
float: right;
display: block;
line-height: 24px;
width: 560px;
}
.ps-howto section {
margin: 0 0 30px 0;
}
.ps-howto .sp {
display: none;
}
/* ウェディングコーディネート */
.wdCordinateSpecial .leadTxt {
color: #000;
font-size: 14px;
line-height: 1.9em;
margin: 0 0 30px;
text-align: center;
}
.wdCordinateSpecial .leadTxt .pcNone {
display: none;
}
.wdCordinateSpecial .leadTxt .spNone {
display: block;
}
.wdCordinateSpecial .selectType {
font-size: 0;
margin: 0 0 6%;
text-align: center;
}
.wdCordinateSpecial .selectType li {
display: inline-block;
width: 20%;
}
.wdCordinateSpecial .selectType_top li {
float: left;
margin: 0 1%;
width: 48%;
}
.wdCordinateSpecial .selectType li a {
border: 1px solid #000;
border-right: none;
color: #000;
font-size: 14px;
display: block;
line-height: 1em;
padding: 10% 0 5%;
text-align: center;
text-decoration: none;
}
.wdCordinateSpecial .selectType_top li a {
border: 1px solid #000;
font-size: 20px;
padding: 5% 0 2%;
}
.wdCordinateSpecial .selectType li:last-child a {
border-right: 1px solid #000;
}
.wdCordinateSpecial .selectType li a:hover {
background-color: #FEFEFE;
color: #000;
}
.wdCordinateSpecial .selectType li a img {
margin: 4% 0 9%;
}
.wdCordinateSpecial .selectType_top li a img {
margin: 3% 0;
}
.wdCordinateSpecial .selectType li a span {
display: block;
font-size: 25px;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.wdCordinateSpecial .typeWrap {}
.wdCordinateSpecial .typeWrap .ttl {
font-size: 14px;
line-height: 28px;
margin: 0 0 4%;
text-align: center;
}
.wdCordinateSpecial .typeWrap .ttl img {
margin: 0 2% 0 0;
}
.wdCordinateSpecial .typeWrap li {
float: left;
margin: 0 1% 5%;
width: 48%;
}
.wdCordinateSpecial .typeWrap li a {
border: 1px solid #808080;
display: block;
padding: 4% 0;
text-align: center;
text-decoration: none;
}
.wdCordinateSpecial .typeWrap li a:after {
color: #000;
content: "コーディネートを見る 》";
display: block;
font-size: 17px;
}
.wdCordinateSpecial .typeWrap li a img {
margin: 0 0 4%;
}
/* ウェディングコーディネート 各テーマ */
.wdCordinateSpecial .themeIntro {
color: #000;
margin: 0 0 5%;
text-align: center;
}
.wdCordinateSpecial .themeIntro .themeTtl {
font-size: 16px;
margin: 0 0 4%;
}
.wdCordinateSpecial br.pcNone {
display: none;
}
.wdCordinateSpecial .eachCatItems {
margin: 0 0 5%;
}
.wdCordinateSpecial .eachCatItems .catTtl {
font-size: 17px;
line-height: 17px;
margin: 0 0 3%;
}
.wdCordinateSpecial .eachCatItems .catTtl img {
margin: 0 0 0 3%;
}
.wdCordinateSpecial .otherCordinateWrap {
margin: 0 0 7%;
}
.wdCordinateSpecial .otherCordinateWrap .ttl {
border-bottom: 1px solid #9C9C9C;
color: #000;
font-size: 17px;
padding: 0 0 1%;
text-align: center;
margin: 0 0 4%;
}
.wdCordinateSpecial .otherCordinateWrap .seasonThemeList {
margin: 0 0 5%;
}
.wdCordinateSpecial .otherCordinateWrap .seasonThemeList li {
float: left;
text-align: center;
width: 25%;
}
/* サンクスタグ一覧 */
#thanks_tag_detail .thankstaglist li {
float: left;
width: 23%;
margin: 5px 1% 20px 1%;
font-size: 12px;
}
#thanks_tag_detail .thankstaglist li a img {
margin: 0 auto;
display: block;
max-height: 172px;
max-width: 172px;
}
/* PIARY プレ花嫁会専用ページ */
.piahanaPage {
border-top: 5px solid #000;
color: #000;
}
.piahanaPage section {
margin: 0 0 50px 0;
}
.piahanaPage h2 {
text-align: center;
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 2px solid #000;
font-weight: normal;
font-size: 16px;
color: #485693;
}
.piahanaPage .wrap {
width: 960px;
margin: 0 auto;
}
.piahanaPage section#headerArea {
margin: 0 0 20px 0;
}
.piahanaPage #headerArea #toplink {
text-align: right;
}
.piahanaPage #headerArea h1 {
margin: 20px 0 10px 0;
}
.piahanaPage #headerArea .navi {
margin: 30px 0 15px -1%;
}
.piahanaPage #headerArea .navi li {
float: left;
width: 19%;
margin-left: 1%;
padding: 3px 0;
font-size: 14px;
}
.piahanaPage #headerArea .navi li a {
display: block;
border-bottom: 2px solid #000;
text-decoration: none;
color: #000;
}
.piahanaPage #headerArea .navi li a:hover {
border-bottom: 2px solid #999;
}
.piahanaPage #headerArea .navi li span {
font-size: 12px;
color: #999;
}
.piahanaPage #topArea .catchy {
margin: 15px 0;
font-size: 15px;
line-height: 1.6em;
}
.piahanaPage #topArea .catchy strong {
display: block;
font-size: 18px;
}
.piahanaPage #newsArea ul li {
float: left;
width: 48%;
margin: 1%;
text-align: center;
line-height: 1.6em;
font-size: 14px;
}
.piahanaPage #newsArea ul li strong {
display: block;
margin: 10px 0;
font-size: 16px;
}
.piahanaPage #newsArea ul li .bt {
display: block;
margin: 10px auto;
width: 70%;
color: #485693;
border: 1px solid #485693;
padding: 8px 0;
font-size: 18px;
}
.piahanaPage #newsArea #newsList {
margin: 5% 0;
}
.piahanaPage #newsArea #newsList h3 {
color: #485693;
float: left;
margin: 0 2% 0 0;
width: 9%;
}
.piahanaPage #newsArea #newsList ul {
border-left: 1px solid #000;
box-sizing: border-box;
float: left;
padding: 0 0 0 2%;
width: 89%;
}
.piahanaPage #newsArea #newsList ul li {
float: none;
margin: 0 0 2% 0;
text-align: left;
width: 100%;
}
.piahanaPage #newsArea #newsList ul li .date {
font-size: 16px;
margin: 0 0 1% 0;
}
.piahanaPage #newsArea #newsList ul li .date::before {
border: 10px solid transparent;
border-left: 10px solid #000;
content: "";
display: block;
float: left;
height: 0;
width: 0;
}
.piahanaPage #newsArea #newsList ul li .date a {
color: #485693;
font-size: 18px;
line-height: 1.6em;
text-decoration: underline;
}
.piahanaPage #newsArea #newsList ul li .cont {
font-size: 18px;
}
.piahanaPage #instaArea li {
float: left;
width: 23%;
margin: 1%;
}
.piahanaPage #instaArea li img {
max-width: 100%;
}
.piahanaPage #crArea {
background: #000;
color: #fff;
padding: 8px 0;
margin: 0;
}
.piahanaPage #fixArea {
position: fixed;
bottom: 5%;
right: 0;
margin: 0;
}
/* プレ花嫁会 詳細 */
.piahanaPage .toAppWrap {
margin: 5% 0 7%;
}
.piahanaPage .toAppWrap .toApplication {
background-color: #000;
color: #FFF;
display: block;
font-size: 24px;
margin: auto;
padding: 1% 0;
text-align: center;
width: 32%;
}
.piahanaPage .ttlBorderWrap {
border: 1px solid #000;
font-size: 24px;
margin: 0 0 3%;
padding: 1% 0;
text-align: center;
}
.piahanaPage .detailApp {
margin: 0 auto;
width: 960px;
}
.piahanaPage .detailApp h3.ttlWrap {
background-color: #E4E4EF;
color: #485693;
font-size: 20px;
font-weight: normal;
margin: 0 0 5%;
padding: 4% 0 3%;
text-align: center;
}
.piahanaPage .detailApp h3.ttlWrap img {
margin: 0 0 5px;
}
.piahanaPage .detailApp .infoWrap .imgWrap {
float: left;
text-align: center;
width: 50%;
}
.piahanaPage .detailApp .infoWrap .txtWrap {
float: left;
text-align: left;
width: 50%;
}
.piahanaPage .detailApp .infoWrap .txtWrap .icon_application {
background-color: #485693;
color: #FFF;
font-size: 20px;
font-weight: bold;
margin: 0 0 2%;
text-align: center;
width: 5em;
}
.piahanaPage .detailApp .infoWrap .txtWrap .ttl {
font-size: 24px;
margin: 0 0 2%;
}
.piahanaPage .detailApp .infoWrap .txtWrap .txt {
font-size: 15px;
line-height: 1.9em;
margin: 0 0 6%;
}
.piahanaPage .detailApp .infoWrap .txtWrap .tagsWrap {
border: 1px solid #000;
box-sizing: border-box;
font-size: 15px;
padding: 4% 3%;
}
.piahanaPage .detailApp .infoWrap .txtWrap .tagsWrap span {
line-height: 1.8em;
margin: 0 2% 0 0;
}
.piahanaPage .detailApp .eventLineup .lineupList li {
float: left;
margin: 0 1% 4%;
text-align: center;
width: 48%;
}
.piahanaPage .detailApp .eventLineup .lineupList li img {
margin: 0 0 3%
}
.piahanaPage .detailApp .eventLineup .lineupList li .ttl {
font-size: 18px;
font-weight: bold;
margin: 0 auto 1%;
text-align: left;
width: 95%;
}
.piahanaPage .detailApp .eventLineup .lineupList li .txt {
font-size: 15px;
line-height: 2em;
margin: auto;
text-align: left;
width: 95%;
}
.piahanaPage .detailApp .eventLineup .lineupList li .txt a {
color: #485693;
}
.piahanaPage .detailApp .charmPoint .charmTxt {
font-size: 18px;
margin: 0 0 4%;
text-align: center;
}
.piahanaPage .detailApp .charmPoint .brides {
margin: 0 0 6%;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap {
float: left;
margin: 0 1%;
width: 48%;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap img.bridesImg {
float: left;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap .txtWrap {
float: left;
margin: 0 0 0 2%;
text-align: left;
width: 67%;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap .txtWrap .ttl {
color: #485693;
font-size: 19px;
font-weight: bold;
margin: 0 0 3%;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap .txtWrap .point {
font-size: 16px;
line-height: 1.8em;
margin: 0 0 2%;
padding-left: 1em;
text-indent: -1em;
}
.piahanaPage .detailApp .charmPoint .brides .contWrap .txtWrap .point span {
color: #485693;
}
.piahanaPage .detailApp .scheduleWrap {
margin: 0 auto;
width: 91%;
}
.piahanaPage .detailApp .scheduleWrap .blueTxt {
color: #485693;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule {
border-top: 1px solid #AD9F95;
font-size: 18px;
margin: 5% 0 8%;
width: 100%;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule tr {
border-bottom: 1px solid #AD9F95;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule td {
padding: 3% 0;
text-align: left;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule td.ttl {
font-weight: bold;
text-align: center;
width: 20%;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule td.cont {
padding-left: 5%;
}
.piahanaPage .detailApp .scheduleWrap .meetingSchedule td a,
.piahanaPage .detailApp .scheduleWrap .meetingSchedule td .indentNote {
font-size: 15px;
margin: 1% 0 0;
}
.piahanaPage .detailApp .scheduleWrap .meetingNote {
margin: 0 0 8%;
}
.piahanaPage .detailApp .scheduleWrap .meetingNote .txt {
font-size: 18px;
margin: 0 0 2%;
text-align: center;
}
.piahanaPage .detailApp .scheduleWrap .meetingNote .indentNote {
font-size: 14px;
}
.piahanaPage .detailApp .scheduleWrap .toMeetingForm {
margin: 0 0 8%;
}
.piahanaPage .detailApp .scheduleWrap .toMeetingForm .txt {
font-size: 18px;
margin: 0 0 4%;
text-align: center;
}
.piahanaPage .detailApp .scheduleWrap .toMeetingForm .formBtn {
background-color: #81B5C1;
color: #FFF;
display: block;
font-size: 24px;
font-weight: bold;
margin: auto;
text-align: center;
text-decoration: none;
padding: 2.5% 0;
width: 56%;
}
.piahanaPage .detailApp .scheduleWrap .btmTxt {
font-size: 14px;
margin: auto;
text-align: left;
width: 90%;
}
.piahanaPage .detailApp .scheduleWrap .btmTxt .txt {
font-size: 18px;
margin: 0 0 3%;
text-align: center;
}
.piahanaPage .appFin {
font-size: 16px;
line-height: 2em;
margin: 5% 0;
text-align: center;
}
/* ピア花レポート */
.piahanaPage .wrap h3.ttlWrap {
background-color: #E4E4EF;
color: #485693;
font-size: 20px;
font-weight: normal;
margin: 0 0 5%;
padding: 4% 0 3%;
text-align: center;
}
.piahanaPage #report #content {
float: left;
width: 690px;
text-align: left;
border-top: 1px solid #000;
padding-top: 15px;
}
.piahanaPage #report #content h4 {
font-size: 20px;
font-weight: normal;
line-height: 2em;
margin-bottom: 10px;
}
.piahanaPage #report #content h4 span {
display: inline-block;
line-height: 2em;
color: #fff;
background: #485693;
padding: 0 18px;
margin-right: 10px;
}
.piahanaPage #report #content ul {
margin: 0 0 40px -20px;
}
.piahanaPage #report #content ul li {
float: left;
width: 656px;
margin: 20px 0 0 20px;
font-size: 13px;
line-height: 2em;
}
.piahanaPage #report #content ul li.x2 {
width: 318px;
}
.piahanaPage #report #backnumber {
float: right;
width: 230px;
background: #e4e4ef;
text-align: center;
padding: 20px 0;
}
.piahanaPage #report #backnumber .title {
color: #485693;
}
.piahanaPage #report #backnumber li {
margin: 6px 0;
}
.piahanaPage #report #backnumber li img {
margin-bottom: 5px;
}
.piahanaPage #report #backnumber li a {
display: block;
font-size: 14px;
color: #485693;
}
.piahanaPage #report #lunchMeeting {
border-bottom: 1px solid #000;
}
.piahanaPage #report .bnSq {
display: block;
float: right;
margin: 0 0 2%;
}
/* カート完了画面バナー */
.cart-comp--but {
position: relative;
height: 130px;
width: 460px;
font-size: 18px;
margin-bottom: 10px;
}
.cart-comp--but-a {
display: block;
height: 130px;
}
.cart-comp--but.__print {
background: url(/resource/img/cart/ico_cart_comp_print.gif) no-repeat;
}
.cart-comp--but.__hikitaku {
background: url(/resource/img/cart/ico_cart_comp_hikitaku.gif) no-repeat;
}
.cart-comp--but.__movie {
background: url(/resource/img/cart/ico_cart_comp_movie.gif) no-repeat;
}
.cart-comp--but-hed {
position: absolute;
top: 6.5%;
left: 0;
width: 100%;
text-align: center;
}
.cart-comp--but-txt {
position: absolute;
top: 57%;
left: 40%;
}
/* この商品のお届けについて */
.freeSpace #products-info h2 {
font-size: 23px;
color: #FFF;
background-color: #CC0000;
text-align: center;
padding: 10px;
}
.freeSpace #products-info .catalog-series h2 {
font-size: inherit;
background: inherit;
padding: inherit;
}
.freeSpace .contentWrap {
/*display:none;*/
}
/*
.freeSpace .sample_none{
display:none;
}
.freeSpace .contentWrap + p.contentWrap_open{
font-size: 18px;
text-align:center;
display: block;
cursor: pointer;
padding: 15px 0 15px 0;
background: #FFD0B3;
}
.freeSpace .__gift .contentWrap + p.contentWrap_open{
background-color:#DDD0C3;
}*/
.freeSpace .contentWrap+p.contentWrap_open {
display: none;
}
.freeSpace .contentWrap+p.detail {
display: none;
text-align: center;
padding-bottom: 2%;
}
.freeSpace .contentWrap+p img {
margin-left: 10px;
margin-bottom: 10px;
}
.set_items+img {
margin-top: 20px;
}
.freeSpace .about h2 {
font-size: 23px;
color: #FFF;
background-color: #CC0000;
text-align: center;
margin-top: 40px;
padding: 10px;
}
.freeSpace .about .caution {
border: none;
}
.freeSpace .pps_info .caution ul li span {
color: #CC0000;
display: inline-block;
background: none;
padding: 0;
font-weight: normal;
width: auto;
text-align: left;
}
.freeSpace .about p {
font-weight: bold;
font-size: 18px;
text-align: center;
margin: 20px 0 20px 0;
}
.freeSpace .about ul {
margin: 20px 0 20px 0;
}
.prizeSomeday {
border: 1px solid #FF6D2E;
}
.__gift {
border: 1px solid #998675;
margin-top: 30px;
}
/* 商品ページ 即日出荷について */
.prizeSomeday .forSP {
display: none
}
.prizeSomeday h5 {
background-color: #FF6D2E;
text-align: center;
margin: 0;
padding: 0;
}
.prizeSomeday h6,
.possibleArea h6 {
background-color: #FFD0B3;
color: #534741;
font-size: 17px;
line-height: 1em;
margin: 0 0 1%;
padding: 2%;
}
.__gift h6 {
background-color: #DDD0C3;
margin-top: 2%;
}
.prizeSomeday ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.prizeSomeday .txt {
color: #534741;
font-size: 16px;
}
.prizeSomeday .txt span {
color: #BF0000;
}
.prizeSomeday .contentWrap {
padding: 0 2%;
}
.possibleArea.popup {
width: 600px;
margin: 0 auto;
}
.__gift .contentWrap {
padding: 0 2%;
}
.prizeSomeday .contentWrap .selectMokuroku,
.prizeSomeday .contentWrap .possibleArea,
.prizeSomeday .contentWrap .orderFlow,
.prizeSomeday .contentWrap .cautionPoint {
margin: 10px 0 5%;
}
.prizeSomeday .contentWrap .selectMokuroku .txt {
margin: 1% 0 0;
}
.prizeSomeday .contentWrap .possibleArea .mapArea,
.possibleArea.popup .mapArea {
position: relative;
text-align: right;
margin-bottom: 20px;
}
.prizeSomeday .contentWrap .possibleArea .mapArea .txt,
.possibleArea.popup .mapArea .txt {
position: absolute;
text-align: left;
top: 3%;
left: 2%;
}
.prizeSomeday .contentWrap .possibleArea .mapArea .txtWrap,
.possibleArea.popup .mapArea .txtWrap {
position: absolute;
text-align: left;
top: 15%;
left: 2%;
}
.prizeSomeday .contentWrap .possibleArea .mapArea .truckIcon,
.possibleArea.popup .mapArea .truckIcon {
position: absolute;
bottom: 0;
left: 8%;
}
.prizeSomeday .contentWrap .orderFlow .txt {
margin: 1% 0 5% 8%;
}
.prizeSomeday .contentWrap .cautionPoint .iconList {
margin: 2% 0 3%;
}
.prizeSomeday .contentWrap .cautionPoint .iconList li {
float: left;
text-align: center;
margin: 0 0 1%;
width: 33.33%;
}
.prizeSomeday .contentWrap .cautionPoint .mokurokuOnly {
border: 1px solid #FF6D2E;
}
.prizeSomeday .contentWrap .cautionPoint .mokurokuOnly .ttl {
background-color: #FF6D2E;
color: #FFF;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 0 0 3%;
padding: 1% 0;
}
.prizeSomeday .contentWrap .cautionPoint .mokurokuOnly .mokurokuTxt {
font-size: 19px;
font-weight: bold;
text-align: center;
}
.prizeSomeday .contentWrap .cautionPoint .mokurokuOnly .mokurokuTxt span {
color: #BF0000;
font-size: 24px;
}
.prizeSomeday .contentWrap .cautionPoint .noteList {
color: #534741;
font-size: 12px;
list-style-type: disc;
margin: 3% auto;
width: 91%;
}
.prizeSomeday .contentWrap .cautionPoint .noteList span {
color: #BF0000;
}
/* PIARY 10周年記念 */
.anniv-10th,
.anniv-10th div,
.anniv-10th ul,
.anniv-10th li,
.anniv-10th p,
.anniv-10th span {
box-sizing: border-box;
}
.anniv-10th#systemWrap {
padding: 2%;
line-height: 1.65;
}
.anniv-10th .col,
.anniv-10th .col-lg {
float: left;
}
.anniv-10th .top {
text-align: center;
}
.anniv-10th .top>img {
margin-top: 3.5%;
}
.anniv-10th .content-wrap {
width: 88%;
margin: 0 auto 5%;
}
.anniv-10th .content {
margin-bottom: 10%;
}
.anniv-10th .nav-menu li {
width: 48%;
margin: 0 1% 1.5%;
}
.anniv-10th #campaign_01,
.anniv-10th #campaign_02,
.anniv-10th #campaign_03,
.anniv-10th #campaign_04 {
padding-left: 17%;
}
.anniv-10th #campaign_01 {
background: url(/resource/img/special/anniv_10th/ico_campaign_01.jpg) no-repeat 1% 0;
}
.anniv-10th #campaign_02 {
background: url(/resource/img/special/anniv_10th/ico_campaign_02.jpg) no-repeat 1% 0;
}
.anniv-10th #campaign_03 {
background: url(/resource/img/special/anniv_10th/ico_campaign_03.jpg) no-repeat 1% 0;
}
.anniv-10th #campaign_04 {
background: url(/resource/img/special/anniv_10th/ico_campaign_04.jpg) no-repeat 1% 0;
}
.anniv-10th .content>.col-lg {
margin: 0 1% 0;
}
.anniv-10th .content>.col-img {
width: 13%;
}
.anniv-10th .content {
font-size: 1.18em;
}
.anniv-10th .box-border {
border: 1px solid #000;
text-align: center;
margin: 3% auto;
}
.anniv-10th .keyword {
padding: 1.5%;
}
.anniv-10th .keyword p {
font-size: 1.5em;
color: #565436;
font-weight: bold;
text-align: center;
}
.anniv-10th .content-inner {
margin: 3% 0 5%;
}
.anniv-10th .content-inner>.col-txt {
width: 50%;
margin-right: 7%;
}
.anniv-10th .content-inner>.col-img {
width: 43%;
}
.anniv-10th #campaign_02 .content-inner>.col-txt {
width: 43%;
}
.anniv-10th #campaign_02 .content-inner>.col-txt p {
margin-top: 10%;
}
.anniv-10th #campaign_02 .content-inner>.col-img {
width: 50%;
}
.anniv-10th .prize-item>p {
text-align: center;
}
.anniv-10th .prize-item {
margin: 5% 0;
}
.anniv-10th .prize-item-list li {
margin-right: 1.95%;
}
.anniv-10th .prize-cat-list li {
margin: 0 1.5% 1.5% 0;
border: 1px solid #000;
}
.anniv-10th .prize-cat-list li a {
text-decoration: none;
}
.anniv-10th .photo li {
margin: 0 .8% 0 0;
}
.anniv-10th .prize-item-list li:nth-child(4n),
.anniv-10th .prize-cat-list li:nth-child(3n),
.anniv-10th .photo li:nth-child(3n) {
margin-right: 0;
}
.anniv-10th .prize-cat-list li p {
font-weight: bold;
text-align: center;
}
.anniv-10th .photo li p {
text-align: center;
}
.anniv-10th p.ttl-howto {
text-align: center;
border-bottom: 1px solid #000;
margin-bottom: 1.25em;
}
.anniv-10th p.ttl-step {
font-size: 1.25em;
padding-left: 1.5em;
margin-bottom: 1em;
}
.anniv-10th .step-01,
.anniv-10th .step-02 {
margin-bottom: 10%;
position: relative;
}
.anniv-10th .step-01:after,
.anniv-10th .step-02:after {
width: 100px;
height: 35px;
margin: 0 auto;
position: absolute;
content: "";
background-image: url(/resource/img/special/anniv_10th/ico_arrow_down.gif);
left: 0;
right: 0;
bottom: -50px;
}
.anniv-10th .step-01 p.ttl-step:before {
content: "① ";
margin-left: -1.5em;
}
.anniv-10th .step-02 p.ttl-step:before {
content: "② ";
margin-left: -1.5em;
}
.anniv-10th .step-03 p.ttl-step:before {
content: "③ ";
margin-left: -1.5em;
}
.anniv-10th .txt-style-01,
.anniv-10th .txt-style-02 {
font-size: 1.25em;
text-align: center;
margin: 1em 0;
}
.anniv-10th .txt-style-02 {
font-weight: bold
}
.anniv-10th .hint {
background-color: #e3e8d9;
padding: 0 8%;
margin: 3% 0;
}
.anniv-10th .hint .col-txt {
width: 80%;
padding: 3% 0;
}
.anniv-10th .hint .col-img {
width: 20%;
}
.anniv-10th .coupon-code {
margin-top: 10%;
}
.anniv-10th .coupon-code .col-txt {
font-weight: bold;
padding: 2% 5%;
width: 50%;
text-align: center;
}
.anniv-10th .coupon-code .col-txt:first-child {
background-color: #757258;
color: #fff;
}
.anniv-10th .coupon-code .col-txt:last-child {
background-color: #e3e8d9;
}
.anniv-10th .prize-note {
font-size: .92em;
}
.anniv-10th .prize-note .col-txt:first-child {
width: 55%;
}
.anniv-10th .prize-note .col-txt:last-child {
width: 45%;
}
.anniv-10th .bt-link {
width: 50%;
margin: 3% auto 0;
position: relative;
}
.anniv-10th .bt-link a {
display: block;
padding: 3.5% 0;
text-align: center;
text-decoration: none;
background-color: #000;
color: #fff;
font-size: 1.25em;
}
.anniv-10th .txt-link {
margin-top: 1em;
}
.anniv-10th .campaign-title {
position: relative;
}
.anniv-10th .campaign-title.end .img_campaign_end {
position: absolute;
top: 50%;
left: 1%;
}
/* 当選者発表 */
.anniv-10th #cata_winners {
margin-bottom: 0;
}
.anniv-10th #cata_winners h2,
.anniv-10th #cata_winners h3,
.anniv-10th #cata_winners .txt-img {
text-align: center;
margin-bottom: 1.5em;
}
.anniv-10th #cata_winners h2 {
border-bottom: 1px solid #000;
padding-bottom: .5em;
}
.anniv-10th #cata_winners .txt-img+p {
width: 55%;
margin: 0 auto;
}
.anniv-10th #cata_winners .content-inner {
background-color: #fbfcee;
padding: 2% 0;
}
.anniv-10th #cata_winners .content-inner ul {
width: 80%;
margin: 0 auto 3%;
overflow: hidden;
}
.anniv-10th #cata_winners .content-inner ul li {
width: 20%;
float: left;
text-align: center;
}
/* 応募フォーム */
/* SNS企画受付フォームでも流用？＠石川 */
.anniv-10th .campaign-top {
text-align: center;
line-height: 1.8;
padding: 2.5% 0;
margin-bottom: 5%;
border-bottom: 1px solid #000;
}
.anniv-10th .campaign-top h2 {
font-size: 2.15em;
}
.anniv-10th .campaign-top p {
font-size: 1.35em;
margin-top: .75em;
}
.anniv-10th .appArea {
margin: 0 auto;
width: 680px;
}
.anniv-10th .appArea .formUpper,
.anniv-10th .appArea .formBottom {
text-align: center;
}
.anniv-10th .appArea .formUpper {
font-size: 1.25em;
}
.anniv-10th .appArea .formBottom {
font-size: 1.35em;
}
.anniv-10th .appArea .formBottom {
margin-bottom: 1em;
}
.anniv-10th .appArea .application_form {
margin: 0 0 3%;
}
.anniv-10th .appArea .formArea {
border: 1px solid #CCC;
margin: 5% auto;
padding: 10px 15px;
}
.anniv-10th .appArea .formArea table {
margin: 0 auto 3%;
width: 85%;
border: none;
}
.anniv-10th .appArea .formArea .form-campaign-02 {
margin-bottom: 0;
}
.anniv-10th .appArea .formArea table th {
font-weight: normal;
text-align: left;
font-size: 14px;
padding: .75em 0;
vertical-align: middle;
background: none;
width: 30%;
box-sizing: border-box;
}
.anniv-10th .appArea .formArea table td {
text-align: left;
width: 70%;
box-sizing: border-box;
}
.anniv-10th .appArea .formArea table .campaignType label {
display: block;
}
.anniv-10th .appArea .formArea table td input {
background: #e3e8d9;
border: 0;
padding: 5px 2px;
}
.anniv-10th .appArea .formArea .publishID {
width: 85%;
font-size: 14px;
margin: 0 auto 4%;
padding: .75em 0;
border-bottom: 1px dotted #aaa;
}
.anniv-10th .appArea .formArea .op-permission {
margin-top: .75em;
}
.anniv-10th .appArea .formArea .op-permission label {
display: block;
margin-top: .5em;
}
.anniv-10th .appArea .formArea span.wpcf7-list-item {
display: block;
text-align: left;
margin-left: 43%;
}
.anniv-10th .appArea .formArea .application_rule {
padding: 8px 6px;
height: 150px;
overflow-y: scroll;
text-align: left;
font-size: 12px;
background: #f7f7f7;
}
.anniv-10th .appArea .formArea .application_rule h5 {
font-size: 13px;
color: #757258;
margin-bottom: 5px;
}
.anniv-10th .appArea .formArea .agreement {
background: #e3e8d9;
padding: 2% 0;
text-align: center;
}
.anniv-10th .appArea .formArea p.mailformTable_agree label {
font-size: 18px;
}
.anniv-10th .appArea .formArea #submit {
background-color: #000;
color: #FFF;
display: block;
font-size: 26px;
font-weight: bold;
margin: 0 auto 2%;
padding: 1% 0;
text-align: center;
text-decoration: none;
text-indent: .5em;
width: 30%;
}
.anniv-10th .appArea .wpcf7-mail-sent-ok {
background-color: #fdebce;
font-size: 16px;
font-weight: bold;
padding: 5% 0;
text-align: center;
}
.anniv-10th .appArea .formArea .hissu {
display: none;
}
.anniv-10th .appArea .formArea .bt-link {
width: 100%;
text-align: center;
}
.anniv-10th .appArea .formArea .bt-link input[type="submit"] {
height: 2em;
width: 30%;
border: none;
color: #fff;
font-weight: bold;
font-size: 26px;
background-color: #000;
margin: 0 10px 2% 10px;
}
.anniv-10th .appArea .formArea .bt-link input[type="submit"]:hover {
cursor: pointer;
background-color: #444;
}
.anniv-10th .info table {
font-size: 14px;
border: 2px solid #CCC;
width: 680px;
margin: 0 auto 20px auto;
}
.anniv-10th .info table tr th {
background: #E6E6E6;
line-height: 1.4em;
width: 16%;
text-align: center;
padding: 6px 2%;
color: #333;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}
.anniv-10th .info table tr td {
width: 76%;
padding: 6px 2%;
line-height: 1.4em;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}
.anniv-10th .info table tr.last th,
.anniv-10th .info table tr.last td {
border: 0;
}
.anniv-10th #form_completion {
background: none;
text-align: center;
color: #333;
padding: 0;
}
/* PIARY10周年記念 ポップアップ */
.anniv-10th-page {
position: relative;
}
.anniv-10th-page .bt-link {
position: absolute;
bottom: 75px;
left: 0;
right: 0;
}
/* 10周年キーワード */
.anniv-keyword {
text-align: center;
}
#systemWrap .anniv-keyword {
margin-top: 3%;
}
/* PIARY10周年記念 誘導バナー */
#anniv_10th {
position: fixed;
right: 0;
top: 35%;
z-index: 9999;
max-width: 20%;
}
#anniv_10th .sp {
display: none;
}
/* 採用情報 */
#recruit {
color: #000;
line-height: 1.75;
}
#recruit table {
line-height: 1.75;
}
#recruit .recruit__h2 {
font-weight: normal;
font-size: 18px;
border-bottom: 1px solid #000;
padding: 0 0 3px 6px;
margin: 30px 0 15px 0;
}
#recruit h3 {
font-weight: normal;
margin: 25px 0;
}
#recruit h4 {
border: 1px solid #808080;
display: block;
font-size: 20px;
line-height: 1.2;
margin-bottom: 30px;
padding: 18px;
}
#recruit .after-four-byte::after {
content: " ";
}
#recruit .after-two-byte::after {
content: " ";
}
#recruit .contents-nav {
margin-bottom: 30px;
}
#recruit .contents-nav-ul {
padding: 0 2%;
}
#recruit .contents-nav-ul li {
border: 1px solid #808080;
display: block;
text-align: center;
width: 48%;
float: left;
margin: 1%;
box-sizing: border-box;
}
#recruit .contents-nav-ul li a:visited {
color: #000;
}
#recruit .contents-nav-ul li a:link,
#recruit .contents-nav-ul li a {
color: #000;
display: block;
font-size: 14px;
padding: 3% 0 0;
text-decoration: none;
width: 100%;
}
#recruit .contents-nav-ul li a::after {
content: "》";
display: block;
transform: rotate(90deg);
width: 20px;
margin: 0 auto;
}
#recruit .contents-nav-ul .down-arrow {
display: block;
transform: rotate(90deg);
}
#recruit .recruit-images {
margin-bottom: 20px;
}
#recruit .recruit-images li {
margin-bottom: 10px;
margin-right: 19.5px;
}
#recruit .designer .recruit-images li:nth-child(2n) {
float: right;
margin-right: 0;
}
#recruit .designer .recruit-images li:nth-child(2n+1) {
float: left;
}
#recruit .showroom .recruit-images li {
float: left;
}
#recruit .showroom .recruit-images li:nth-child(3n) {
float: right;
margin-right: 0;
}
#recruit table {
border-top: 1px solid #000;
margin: 20px 0;
}
#recruit tr {
border-bottom: 1px solid #000;
}
#recruit th,
.recruit_form th {
white-space: nowrap;
}
#recruit th,
#recruit td,
.recruit_form th,
.recruit_form td {
padding: 20px 20px;
vertical-align: middle;
}
#recruit .benefits-package p {
margin-bottom: 1em;
}
#recruit .credential p {
margin-top: 1em;
}
#recruit ul.list-outside {
list-style: outside;
margin-left: 1.2em;
}
#recruit .selection-list li:not(:last-child)::after {
content: "▼";
display: block;
}
#recruit .to-form a:visited {
background-color: #808080;
color: #fff;
}
#recruit .to-form a:active {
background-color: #808080;
}
#recruit .to-form a:link,
#recruit .to-form a {
background-color: #808080;
color: #fff;
display: block;
font-size: 20px;
margin: 0 auto 30px;
padding: .5em 1em;
text-align: center;
text-decoration: none;
width: 250px;
}
#recruit .to-inquiry {
border: 1px solid #808080;
box-sizing: border-box;
margin: 0 auto;
padding: 18px 24px;
width: 440px;
}
#recruit .to-tel,
#recruit .to-mail {
font-size: 10px;
}
#recruit .to-inquiry hr {
border-top: 1px solid #808080;
margin: 10px 0;
}
#recruit .to-inquiry a:visited {
color: #0071bc;
}
#recruit .to-inquiry a:link,
#recruit .to-inquiry a {
color: #0071bc;
text-decoration: underline;
}
#recruit .to-inquiry a:hover {
text-decoration: none;
}
#systemWrap #recruit section {
margin-bottom: 30px;
position: relative;
}
#systemWrap #recruit section.finish-1st:after {
display: block;
content: "";
position: absolute;
top: 20%;
left: 0;
height: 100%;
width: 100%;
background: url(//ds94jzfmqkzu7.cloudfront.net/resource/img/recruit/finish-1st.png) no-repeat;
z-index: 100;
background-size: 100%;
}
.recruit_form table {
border-top: 1px solid #808080;
margin: 20px 0;
}
.recruit_form tr {
border-bottom: 1px solid #808080;
}
.recruit_form .recruitformTable {
margin: 30px auto;
width: 90%;
}
.recruit_form .recruitformTable label {
margin: 3px 10px 9px 0;
display: inline-block;
}
.recruit_form .recruitformTable th {
padding-left: 1em;
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
.recruit_form .recruitformTable select,
.recruit_form .recruitformTable input[type="text"],
.recruit_form .recruitformTable textarea {
background: url("/resource/img/bg_grad_01.png") 0 0 repeat-x;
margin: 3px;
padding: 2px;
border: 1px solid #808080;
}
.recruit_form .hissu {
font-weight: bold;
color: #f00;
font-size: 11px;
margin-left: 3px;
}
.recruit_form .recruitformTable input[type="text"] {
width: 156px;
}
.recruit_form .recruitformTable input[name="email"],
.recruit_form .recruitformTable input[name="times"] {
width: 210px;
}
.recruit_form .recruitformTable input[name^="telnum"] {
width: 50px;
}
.recruit_form .submitarea {
margin: 0 auto;
width: 450px;
}
.recruit_form .submitarea input[type="submit"] {
background-color: #808080;
border: none;
cursor: pointer;
color: #fff;
display: block;
font-size: 20px;
height: 45px;
margin: 0 auto 30px;
padding: 0;
text-align: center;
text-decoration: none;
width: 200px;
}
.recruit_form .submitarea input[type="submit"]:hover {
background-color: #909090;
}
.mw_wp_form .recruit_form .error {
display: inline;
}
.mw_wp_form_input .recruit_form .to-back {
display: none;
}
.mw_wp_form_input .recruit_form .to-submit {
margin: 0 auto;
}
.mw_wp_form_preview .recruit_form .to-back,
.mw_wp_form_preview .recruit_form .to-submit,
.mw_wp_form_preview .recruit_form .to-back input,
.mw_wp_form_preview .recruit_form .to-submit input {
width: 200px;
}
.mw_wp_form_preview .recruit_form .to-back {
float: left;
}
.mw_wp_form_preview .recruit_form .to-submit {
float: right;
}
.mw_wp_form_preview .recruit_form table {
width: 100%;
}
#recruit_thanksmessage {
font-size: 16px;
margin: 60px 0;
text-align: center;
}
#recruit_thanksmessage .thanks {
margin-bottom: 30px;
}
#recruit_thanksmessage .infoto {
font-size: 12px;
}
/* プレ花カレンダー用 */
.meetingSchedule.is-hidden {
display: none;
}
.piahana_event {
display: block;
}
/* パスワード保護ページ */
#password_lock {
text-align: center;
background: #eeeeee;
padding: 20px 0;
}
.piahanaPage #password_lock {
margin: 20px 0;
}
#password_lock .guideText {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
#password_lock .ip {
line-height: 20px;
padding: 2px;
border: 1px solid #aaa;
margin: 0 10px 0 0;
}
#password_lock .bt {
line-height: 24px;
border: 1px solid #666;
;
background: #666;
color: #fff;
padding: 0 8px;
}
/* beberyランキングリンク */
.bebery-ranking {
border: 5px solid #fcdfdb;
margin-top: 5px;
padding: .5%;
font-size: 16px;
font-weight: bold;
}
.bebery-ranking a {
display: block;
}
.bebery-ranking img {
float: left;
padding-right: 3%;
}
/* 特別バナー（PC右中央固定） */
.special-fix-bn {
position: fixed;
bottom: 37%;
right: 0;
z-index: 1000;
}
.special-fix-bn_sp,
.bn_fix_fair {
display: none;
}
/* 特別バナー（PC左やや上固定） */
.special-fix-bn--left{
position: fixed;
left: 0;
top: 15%;
z-index: 1000;
}
@media screen and (max-width: 1200px){
.special-fix-bn--left{
width: 15%;
min-width: 160px;
}
.special-fix-bn--left__img{ width: 100%; }
}
/* T-SPOOK */
.t-spook-desc1 h2 {
font-size: 18px;
text-align: center;
margin: 60px 0 40px 0;
}
.t-spook-desc1 p {
font-size: 18px;
text-align: center;
margin-bottom: 50px;
}
.t-spook-desc2 .t-spook-text1 {
margin-bottom: 20px;
}
.t-spook-desc2 .t-spook-list1 {
overflow: hidden;
}
.t-spook-desc2 .t-spook-list1 li {
float: left;
width: 245px;
margin-right: 7px;
}
.t-spook-desc2 .t-spook-list1 li:last-child {
margin-right: 0;
}
.t-spook-desc2 .t-spook-text2 {
font-size: 18px;
text-align: center;
}
.t-spook-desc2 .t-spook-text2 strong {
color: #E41569;
}
.t-spook-desc2 .t-spook-list2 {
overflow: hidden;
padding: 5px;
margin-bottom: 40px;
margin-top: 60px;
}
.t-spook-desc2 div {
position: relative;
height: 210px;
margin-bottom: 60px;
}
.t-spook-desc2 div .t-spook-balloon {
position: absolute;
top: -70px;
left: 0;
z-index: 1;
}
.t-spook-desc2 .t-spook-list2 li {
position: relative;
font-size: 13px;
font-weight: bold;
text-align: center;
float: left;
width: 200px;
height: 90px;
background-repeat: no-repeat;
background-position: top 30px center;
border-radius: 6px;
box-shadow: 0px 0px 10px 1px #CCC;
-moz-box-shadow: 0px 0px 10px 1px #CCC;
-webkit-box-shadow: 0px 0px 10px 1px #CCC;
padding: 110px 0 0 0;
margin-right: 20px;
}
.t-spook-desc2 .t-spook-list2 li:nth-child(1) {
background-image: url("/resource/img/t-spook/t-spook-mark1.jpg");
margin-left: 60px;
}
.t-spook-desc2 .t-spook-list2 li:nth-child(2) {
background-image: url("/resource/img/t-spook/t-spook-mark2.jpg");
}
.t-spook-desc2 .t-spook-list2 li:nth-child(3) {
background-image: url("/resource/img/t-spook/t-spook-mark3.jpg");
margin-right: 0;
}
.t-spook-desc2 .t-spook-list2 li::after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
}
.t-spook-desc2 .t-spook-list2 li::after {
border-top: 15px solid transparent;
border-left: 15px solid #E41569;
border-bottom: 15px solid transparent;
top: 45%;
right: -15px;
}
.t-spook-desc2 .t-spook-list2 li:last-child:after {
border: none;
}
.t-spook-table {
font-size: 14px;
width: 100%;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin-bottom: 60px;
}
.t-spook-table th {
vertical-align: middle;
text-align: center;
background-color: #E6E6E6;
}
.t-spook-table th,
.t-spook-table td {
border-bottom: 1px dashed #000;
line-height: 1.5;
padding: 20px;
}
.t-spook-aside p {
text-align: center;
margin-bottom: 20px;
}
.t-spook-aside p:first-child {
margin-bottom: 20px;
}
/* 自然素材 ナチュラルアイテム */
.special_natural_item .themeCopy {
margin: 30px 0 55px;
font-size: 14px;
}
.menu_image_tile2__li {
display: block;
margin-bottom: 10px;
text-align: center;
}
/* .menu_image_tile2 .menu_image_tile2__li:nth-child(2n+1){
float: left;
}
.menu_image_tile2 .menu_image_tile2__li:nth-child(2n){
float: right;
} */
.wdCordinateSpecial.special_natural_item .selectType {
text-align: center;
}
.special_natural_item .selectType__li {
width: 31%!important;
}
.special_natural_item .selectType__li:not(:last-child) {
margin-right: 1%;
}
.special_natural_item .selectType__li a {
border: 1px solid #ccc!important;
font-size: 16px!important;
}
.special_natural_item .selectType li a span {
margin-top: 25px;
}
.genre_title {
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #000;
text-align: center;
margin-bottom: 10px;
}
.genre_title span {
display: block;
}
.genre_itemList__li {
float: left;
margin: 5px;
}
.genre_section {
margin-bottom: 40px!important;
}
.special_natural_item .last_hr {
border-top: 1px solid #000;
margin-top: 50px;
}
/* エグゼタイムプラチナム（カタログ・景品共通） */
/* .catalog-exetime {
margin-top: 1em;
} */
.catalog-exetime section,
.catalog-exetime div,
.catalog-exetime ul,
.catalog-exetime li,
.catalog-exetime p,
.catalog-exetime a,
.catalog-exetime span {
box-sizing: border-box;
}
.catalog-exetime .clearfix .col,
.catalog-exetime .clearfix .col-lg {
float: left;
}
.catalog-exetime .intro {
margin-bottom: 5%;
}
#systemWrap .catalog-exetime .lead {
margin: 3% auto;
text-align: center;
line-height: 1.75;
}
.catalog-exetime p {
line-height: 1.6;
font-size: 14px;
}
.catalog-exetime .lead {
text-align: center;
margin: 2.5% 0 4%;
}
.freeSpace #products-info .catalog-exetime img {
max-width: 100%;
}
.freeSpace #products-info .catalog-exetime .feature,
.freeSpace #products-info .catalog-exetime .lineup,
.freeSpace #products-info .catalog-exetime .lineup-comb {
margin-bottom: 5%;
}
.freeSpace #products-info .catalog-exetime p {
font-size: 1em;
}
.catalog-exetime .point ul {
width: 650px;
margin: 0 auto 1.5%;
}
.freeSpace #products-info .catalog-exetime .point ul {
width: 95%;
list-style-type: none;
margin: 0;
}
.catalog-exetime .point ul li {
margin: 0 8px 8px;
width: 200px;
height: 200px;
background: url(/resource/img/gift/catalog/exetime_platinum/bg_circle.jpg) no-repeat 0 0;
}
.freeSpace #products-info .catalog-exetime .point ul li {
width: 160px;
height: 160px;
background-size: contain;
}
.catalog-exetime .point li p {
padding-top: 22.5%;
font-size: 1.5em;
color: #fff;
text-align: center;
}
.freeSpace #products-info .catalog-exetime .point li p {
font-size: 1.15em;
}
.catalog-exetime .point li.point-01 p {
padding-top: 30%;
}
.catalog-exetime .feature h2,
.catalog-exetime .lineup h2,
.catalog-exetime .lineup-comb h2 {
font-size: 1.45em;
color: #fff;
background-color: #000;
text-align: center;
padding: .75em 0;
margin-bottom: .75em;
line-height: 1.35;
position: relative;
}
.freeSpace #products-info .catalog-exetime .feature h2,
.freeSpace #products-info .catalog-exetime .lineup h2,
.freeSpace #products-info .catalog-exetime .lineup-comb h2 {
font-size: 1.45em;
background-color: #000;
padding: .75em 0;
margin-bottom: .75em;
line-height: 1.35;
position: relative;
}
.catalog-exetime .lineup-comb h2 span {
color: #000;
display: block;
position: absolute;
top: -1.5em;
left: 0;
right: 0;
}
.catalog-exetime [class^="feature-0"] {
margin: 3.5% 0;
}
.catalog-exetime [class^="feature-0"] h3 {
font-size: 1.25em;
margin-bottom: 1em;
}
.catalog-exetime [class^="feature-0"] .col-img {
width: 42.666%;
}
.catalog-exetime .feature-01 .col-txt,
.catalog-exetime .feature-02 .col-txt,
.catalog-exetime .feature-03 .col-txt {
width: 54.666%;
padding: 0 0 0 11.333%;
}
.catalog-exetime .feature-01 .col-img,
.catalog-exetime .feature-03 .col-img {
margin-left: 2.668%;
}
.catalog-exetime .feature-02 .col-img {
margin-right: 2.668%;
}
.catalog-exetime .feature-02 .col-txt {
float: right;
}
.catalog-exetime .feature-01 .col-txt {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_one.jpg) no-repeat 0 0;
background-size: 75px;
}
.catalog-exetime .feature-02 .col-txt {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_two.jpg) no-repeat 0 0;
background-size: 75px;
}
.catalog-exetime .feature-03 .col-txt {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_three.jpg) no-repeat 0 0;
background-size: 75px;
}
.freeSpace .catalog-exetime .feature-01 .col-txt,
.freeSpace .catalog-exetime .feature-02 .col-txt,
.freeSpace .catalog-exetime .feature-03 .col-txt {
background-size: 60px;
}
.catalog-exetime .platinum-card {
border: 1px solid #000;
padding: 3.5%;
}
.catalog-exetime .platinum-card h3,
.catalog-exetime .concierge h3 {
font-size: 1.25em;
font-weight: normal;
margin-bottom: 1em;
line-height: 1.5;
}
.freeSpace #products-info .catalog-exetime .platinum-card h3,
.freeSpace #products-info .catalog-exetime .concierge h3 {
font-size: 1.15em;
}
.catalog-exetime .platinum-card .col-txt {
width: 60%;
}
.catalog-exetime .platinum-card .col-img {
width: 40%;
text-align: right;
}
.catalog-exetime .lineup h3 {
font-size: 1.18em;
font-weight: normal;
padding: .5em 0 .35em;
text-align: center;
border-top: 1px solid #9d836d;
border-bottom: 1px solid #9d836d;
margin: 1em 0 1.25em;
}
.catalog-exetime .lineup-inner {
width: 97.333%;
margin: 0 auto 8%;
}
.catalog-exetime .lineup-01 .col-txt {
width: 53.5%;
margin: 3% 1.5%;
}
.catalog-exetime .lineup-01 .col-img {
width: 42%;
margin: 3% 1.5% 3% 0;
}
.catalog-exetime .lineup-02 .col-txt {
width: 49%;
margin-bottom: 3%;
}
.catalog-exetime .lineup-02 .col-txt:last-child {
margin-left: 1.75%;
}
.freeSpace #products-info .catalog-exetime .lineup-02 .col-txt:nth-child(even) {
margin-left: 1.75%;
}
.catalog-exetime .lineup-03 .col-txt {
width: 24%;
margin: 0 0 3% 1.25%;
}
.catalog-exetime .lineup-03 .col-txt:nth-child(4n+1) {
margin-left: 0;
}
.catalog-exetime .lineup-comb>.clearfix,
.catalog-exetime .lineup-comb .lineup-item,
.catalog-exetime .lineup-comb .concierge {
width: 97.333%;
margin: 1% auto;
}
.catalog-exetime .lineup-comb [class^="lineup-item"],
.catalog-exetime .lineup-comb .concierge {
border: 1px solid #800023;
padding: 2.5% 3.75%;
}
.catalog-exetime .lineup-comb [class^="lineup-item"] {
text-align: center;
padding: 2.5% 3.75%;
}
.catalog-exetime .lineup-comb .lineup-item-s {
margin: 1% 0 0;
width: 49.5%;
padding: 2.5% 3.75%;
}
.catalog-exetime .lineup-comb .lineup-item-s:last-child {
margin-left: 1%;
}
.catalog-exetime .lineup-comb [class^="lineup-item"] h3 {
color: #800023;
font-size: 1.5em;
margin-bottom: .5em;
}
.freeSpace #products-info .catalog-exetime .lineup-comb [class^="lineup-item"] h3 {
font-size: 1.35em;
}
.catalog-exetime .lineup-comb .item-02 .col-txt {
margin-left: 10%;
position: relative;
width: 45%;
}
.catalog-exetime .lineup-comb .item-03 .col-txt {
margin-left: 5%;
position: relative;
width: 30%;
}
.catalog-exetime .lineup-comb .item-04 .col-txt {
margin-right: 3.33%;
position: relative;
width: 22.5%;
}
.catalog-exetime .lineup-comb .item-04-2 .col-txt {
width: 30%;
margin-right: 5%;
}
.catalog-exetime .lineup-comb .item-02 .col-txt:first-child,
.catalog-exetime .lineup-comb .item-03 .col-txt:first-child {
margin-left: 0;
}
.catalog-exetime .lineup-comb .item-04 .col-txt:last-child,
.catalog-exetime .lineup-comb .item-04-2 .col-txt:last-child {
margin-right: 0;
}
.catalog-exetime .lineup-comb .col-img {
padding-bottom: 2.5em;
margin-bottom: .75em;
}
.catalog-exetime .lineup-comb .star-01 {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_star_01.jpg) no-repeat center bottom;
}
.catalog-exetime .lineup-comb .star-02 {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_star_02.jpg) no-repeat center bottom;
}
.catalog-exetime .lineup-comb .star-03 {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_star_03.jpg) no-repeat center bottom;
}
.catalog-exetime .lineup-comb .star-05 {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_star_05.jpg) no-repeat center bottom;
}
.catalog-exetime .lineup-comb .star-10 {
background: url(/resource/img/gift/catalog/exetime_platinum/ico_star_10.jpg) no-repeat center bottom;
}
.catalog-exetime .lineup-comb .item-02 .col-txt::before,
.catalog-exetime .lineup-comb .item-03 .col-txt::before,
.catalog-exetime .lineup-comb .item-04 .col-txt::after {
position: absolute;
content: "＋";
font-weight: bold;
}
.catalog-exetime .lineup-comb .item-02 .col-txt::before {
top: 30%;
left: -16.5%;
font-size: 2.25em;
}
.catalog-exetime .lineup-comb .item-03 .col-txt::before {
top: 22.5%;
left: -15%;
font-size: 2em;
}
.catalog-exetime .lineup-comb .item-04 .col-txt::after {
top: 50px;
right: -21px;
font-size: 1.5em;
}
.catalog-exetime .lineup-comb .item-04-2 .col-txt::after {
top: 50px;
right: -21px;
font-size: 1.5em;
}
.freeSpace .catalog-exetime .lineup-comb .item-03 .col-txt::before {
top: 35px;
left: -26px;
}
.freeSpace .catalog-exetime .lineup-comb .item-04 .col-txt::after {
top: 35px;
right: -15%;
}
.catalog-exetime .lineup-comb .item-02 .col-txt:first-child::before,
.catalog-exetime .lineup-comb .item-03 .col-txt:first-child::before,
.catalog-exetime .lineup-comb .item-04 .col-txt:last-child::after {
display: none;
}
.catalog-exetime .lineup-comb .item-04-2 {
width: 75%;
margin: 3% auto 0;
}
.freeSpace #products-info .catalog-exetime .lineup-comb .item-04-2 {
width: 78%;
margin: 3% 0 0 10%;
}
.catalog-exetime .lineup-comb .concierge {
padding: 3.75%;
position: relative;
}
.catalog-exetime .lineup-comb .concierge img {
position: absolute;
top: 4.5%;
right: 5%;
}
.catalog-exetime .lineup-comb .concierge,
.freeSpace #products-info .catalog-exetime .lineup-comb .concierge {
background: url(/resource/img/gift/catalog/exetime_platinum/img_concierge.jpg) no-repeat right bottom;
background-size: 190px;
}
.freeSpace #products-info .catalog-exetime .lineup-comb .concierge img {
display: none;
}
.catalog-exetime .catalog-kodawari {
background-color: #dbbfc5;
margin-bottom: 1em;
}
.catalog-exetime .catalog-kodawari .col-txt {
width: 50%;
padding: 4.5%;
}
.catalog-exetime .catalog-kodawari .col-txt h3 {
font-size: 1.65em;
margin-bottom: 1em;
}
.catalog-exetime .catalog-kodawari .col-txt h4,
#itemDetail .buyArea .catalog-exetime .catalog-kodawari .col-txt h4 {
color: #fff;
background-color: #800023;
display: inline-block;
padding: .5em .75em;
font-size: 1.35em;
margin: 0 0 .75em;
}
#itemDetail .buyArea .catalog-exetime .catalog-kodawari .col-txt h4 {
font-size: 1.15em;
padding: .65em .65em .45em;
background-image: none;
line-height: inherit;
}
.catalog-exetime .catalog-kodawari .col-txt li {
padding-left: 15%;
background: url(/resource/img/gift/catalog/exetime_platinum/ico_check.png) no-repeat 0 0;
margin-bottom: 2em;
font-size: 14px;
}
.freeSpace #products-info .catalog-exetime .catalog-kodawari .col-txt h3 {
font-size: 1.25em;
}
.freeSpace #products-info .catalog-exetime .catalog-kodawari .col-txt ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.freeSpace #products-info .catalog-exetime .catalog-kodawari .col-txt ul li {
font-size: 1em;
background-size: 32px;
}
.catalog-exetime .catalog-kodawari .col-txt p {
margin: 0 0 1.25em 1em;
}
.catalog-exetime .catalog-detail .col-img {
width: 50%;
text-align: center;
}
.catalog-exetime .catalog-detail .col-txt {
width: 50%;
}
.catalog-exetime .catalog-detail h3 {
text-align: center;
font-weight: normal;
}
.catalog-exetime .catalog-spec {
margin: 6.5% 0;
}
.catalog-exetime .catalog-spec li {
width: 50%;
margin-bottom: .5em;
}
.catalog-exetime .catalog-spec li:before {
content: "●";
color: #800023;
}
.catalog-exetime .catalog-price {
font-weight: bold;
font-size: 1.75em;
line-height: 1;
}
.catalog-exetime .catalog-price .font-l {
font-size: 1.5em;
margin: 0 .5em;
}
.catalog-exetime .catalog-price .font-s {
font-weight: normal;
font-size: .6em;
}
.catalog-exetime .catalog-note {
width: 90%;
margin: 1em auto;
font-size: 1em;
}
.catalog-exetime .catalog-detail .bt-link a {
padding: 2.75% 0;
background-color: #800023;
color: #fff;
font-size: 1.75em;
}
.freeSpace #products-info .decollmeSpecial h2,
.freeSpace #products-info .dolce_special h2 {
color: inherit;
font-weight: inherit;
}
.freeSpace .decollmeSpecial .c-cataPoint {
padding: 0;
}
.freeSpace .decollmeSpecial .c-cataPoint__img {
width: 30%;
}
.freeSpace .decollmeSpecial .c-cataPoint__txt {
width: calc(70% - .5em);
}
/* #srsf ショールーム1周年記念フェア
*/
#srsf .is-hidden {
display: none;
}
#srsf .u-marginT1 {
margin-top: 1rem !important;
}
#srsf .u-marginT2 {
margin-top: 2rem !important;
}
#srsf .u-marginT3 {
margin-top: 3rem !important;
}
#srsf img {
max-width: 100%;
}
#srsf .srsf_h {
font-size: 25px;
font-weight: normal;
position: relative;
text-align: center;
}
#srsf .srsf_h::before,
#srsf .srsf_h::after {
content: "";
display: block;
position: absolute;
width: 36px;
border-top: 1px solid;
}
#srsf .srsf_h::before {
left: 10%;
top: 47%;
transform: rotate(45deg);
}
#srsf .srsf_h::after {
right: 10%;
top: 47%;
transform: rotate(-45deg);
}
#srsf .srsf_kuji_header .srsf_h::before {
left: 33%;
top: 40%;
}
#srsf .srsf_kuji_header .srsf_h::after {
right: 33%;
top: 40%;
}
#srsf .srsf_mainImg__sp {
display: none;
}
#srsf>section {
width: 690px;
margin: 0 auto;
}
.srsf_tab_txt {
text-align: center;
font-size: 16px;
}
.srsf_tab_wrap {
border-bottom: 2px solid #5d4427;
width: 690px;
margin: 0 auto;
padding: 0 9px;
box-sizing: border-box;
}
.srsf_tab_li {
float: left;
width: 296px;
box-sizing: border-box;
margin: 0 20px;
position: relative;
bottom: -2px;
border-bottom: none;
text-align: center;
}
.srsf_tab_li.is-active {
border: 2px solid #5d4427;
background-color: #fff;
border-bottom: none;
}
.srsf_tab_li:not(.is-active) {
color: #fff;
}
.srsf_tab_li_date {
font-size: 16px;
}
.srsf_tab_li.is-active .srsf_tab_li_date {
margin: 10px;
border-bottom: 2px solid #5d4427;
}
.srsf_tab_li:not(.is-active) .srsf_tab_li_date {
padding: 12px 10px 2px;
background-color: #bf9b37;
}
.srsf_tab_li.is-active .srsf_tab_li_note {
margin: 10px;
}
.srsf_tab_li:not(.is-active) .srsf_tab_li_note {
padding: 12px 10px 6px;
background-color: #d8b852;
}
.srsf_secHeader {
width: 690px;
margin: 1rem auto;
position: relative;
height: 150px;
}
.srsf_secHeader_line {
background-image: linear-gradient(to right, #b0c9a1, #b0c9a1 1px, transparent 2px, transparent 4px);
background-size: 3px 10px;
background-position: top;
background-repeat: repeat-x;
height: 10px;
border: none;
}
.srsf_secHeader {
background-image: linear-gradient(to right, #b0c9a1, #b0c9a1 1px, transparent 2px, transparent 4px);
background-size: 3px 2px;
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 10px;
}
.srsf_secHeader_tit {
color: #bf9b37;
font-size: 35px;
}
.srsf_kuji_header {
text-align: center;
}
.srsf_colArea-anchor .srsf_colcont-x3-x1 {
border: 1px solid #bf9b37;
}
.srsf_colcont-x3-x1 {
width: calc((100% - 30px) / 3);
float: left;
box-sizing: border-box;
}
.srsf_colcont-x3-x1.cen {
margin: 0 15px;
}
a.srsf_kuji_anchor {
display: inline-block;
width: 100%;
background-color: #bf9b37;
color: #fff;
text-decoration: none;
}
.srsf_kuji_tit {
color: #bf9b37;
font-size: 18px;
font-weight: bold;
}
.srsf_secHeader .srsf_secHeader_tit {
position: absolute;
top: 104px;
left: 175px;
}
.srsf_secHeader .srsf_secHeader_note {
position: absolute;
top: 35px;
left: 175px;
font-size: 18px;
}
.srsf_secHeader .srsf_secHeader_date {
position: absolute;
top: 25px;
left: 20px;
}
.srsf_txt {
font-size: 16px;
text-align: center;
}
.srsf_txt.-center {
text-align: center;
}
.srsf_colcont-x2 {
float: left;
width: 50%;
}
.srsf_colArea.secondary {
background-color: #f9f1de;
padding: 10px;
position: relative;
}
.srsf_tokuTit {
position: absolute;
top: -30px;
left: 44px;
}
.secondary .srsf_colcont-x2:first-child {
padding-top: 50px;
text-align: center
}
.secondary .srsf_colcont-x2:first-child .srsf_txt:first-of-type {
font-size: 20px;
padding-bottom: 20px
}
.secondary .srsf_colcont-x2:first-child a {
font-size: 25px;
font-weight: bold;
}
.srsf_kuji_1,
.srsf_kuji_2,
.srsf_kuji_3 {
border: 1px solid #bf9b37;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.srsf_kuji_num2 {
position: absolute;
top: 0;
left: 20px;
}
.srsf_kuji_contentHeader .srsf_kuji_tit {
font-size: 35px;
position: absolute;
top: 95px;
left: 120px;
}
.srsf_kuji_titnote {
position: absolute;
top: 30px;
left: 120px;
font-size: 18px;
}
.srsf_kuji_rank {
margin-top: 141px;
}
.srsf_kuji_rank_det {
float: left;
width: 50%;
text-align: center;
}
.srsf_kuji_secBottom {
margin: 20px -20px -20px;
padding: 20px;
background-color: #f9f1de;
font-size: 16px;
text-align: center;
}
.srsf_kuji_1 .srsf_kuji_note {
font-size: 16px;
text-align: left;
padding: 10px 20px;
}
.srsf_kuji_2 .srsf_kuji_note,
.srsf_kuji_3 .srsf_kuji_note {
padding: 5px 7px 0;
}
a.srsf_button {
display: block;
margin: 20px auto;
padding: 10px 50px;
background-color: #5d4427;
width: 280px;
color: #fff;
text-align: center;
text-decoration: none;
}
.srsf_arrow--top {
transform: rotate(-90deg);
display: inline-block;
top: -4px;
position: relative;
left: 5px;
}
.srsf_arrow--bottom {
transform: rotate(90deg);
display: inline-block;
top: 4px;
position: relative;
left: 5px;
}
.srsf_kuji_note {
padding: 10px 0px 5px;
}
#srsf section {
margin: 0 auto;
}
a.srsf_kuji_anchor {
background-color: #fff;
color: initial;
text-decoration: none;
display: block;
width: calc((100% - 30px) / 3);
float: left;
border: 1px solid #bf9b37;
box-sizing: border-box;
}
a.srsf_kuji_anchor.cen {
margin: 0 15px;
}
p.srsf_kuji_anchor {
background-color: #bf9b37;
color: #fff;
float: left;
width: 100%;
}
.srsf_kuji_anchor_img-sp {
display: none;
}
.srsf_customImg {
float: left;
}
.srsf_customImg.srsfImg--02 {
width: 460px;
height: 370px;
}
.srsf_customImg.srsfImg--03 {
width: 285px;
height: 370px;
}
.srsf_customImg.srsfImg--04 {
width: 380px;
height: 320px;
}
.srsf_customImg.srsfImg--05 {
width: 365px;
height: 320px;
}
.srsf_customImg.srsfImg--06 {
width: 460px;
height: 380px;
}
.srsf_customImg.srsfImg--07 {
width: 285px;
height: 380px;
}
.srsf_customImg.srsfImg--08 {
width: 285px;
height: 249px;
}
.srsf_customImg.srsfImg--09 {
width: 285px;
height: 250px;
}
.srsf_customImg.srsfImg--10 {
width: 460px;
height: 504px;
}
.srsf_customImg.srsfImg--11 {
width: 285px;
height: 320px;
}
.srsf_customImg.srsfImg--12 {
width: 460px;
height: 320px;
}
.srsf_customImg.srsfImg--13 {
width: 750px;
height: 445px;
}
.srsf_customImg.srsfImg--14 {
width: 388px;
height: 300px;
}
.srsf_customImg.srsfImg--15 {
width: 356px;
height: 300px;
}
.srsf_customImg.srsfImg--16 {
width: 459px;
height: 350px;
}
.srsf_customImg.srsfImg--17 {
width: 286px;
height: 350px;
}
.srsf_customImg.srsfImg--18 {
width: 414px;
height: 320px;
}
.srsf_customImg.srsfImg--19 {
width: 331px;
height: 320px;
}
.srsf_customImg.srsfImg--20 {
width: 285px;
height: 320px;
}
.srsf_customImg.srsfImg--21 {
width: 460px;
height: 320px;
}
.srsf_customImg.srsfImg--22 {
width: 750px;
height: 370px;
}
.srsf_customImg.srsfImg--23 {
width: 750px;
height: 370px;
}
/* 201805 */
.report1805 .srsf_customImg.srsfImg--11 {
width: 460px;
height: 380px;
}
.report1805 .srsf_customImg.srsfImg--12 {
width: 285px;
height: 380px;
}
.report1805 .srsf_customImg.srsfImg--13 {
width: 285px;
height: 380px;
}
.report1805 .srsf_customImg.srsfImg--14 {
width: 460px;
height: 380px;
}
.report1805 .srsf_customImg.srsfImg--15 {
width: 460px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--16 {
width: 285px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--17 {
width: 373px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--18 {
width: 372px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--19 {
width: 460px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--20 {
width: 285px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--21 {
width: 750px;
height: 370px;
}
.report1805 .srsf_customImg.srsfImg--22 {
width: 285px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--23 {
width: 460px;
height: 350px;
}
.report1805 .srsf_customImg.srsfImg--24 {
width: 750px;
height: 370px;
}
/* 201807_表参道 */
.report1807_o .srsf_customImg.srsfImg--13 {
width: 285px;
height: 380px;
}
.report1807_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: 380px;
}
.report1807_o .srsf_customImg.srsfImg--21 {
width: 750px;
height: 370px;
}
/* 201807_名古屋栄フェア */
.report1807_s .srsf_customImg.srsfImg--02l {
width: 460px;
height: 350px;
}
.report1807_s .srsf_customImg.srsfImg--03l {
width: 285px;
height: 350px;
}
.report1807_s .srsf_customImg.srsfImg--04l {
width: 380px;
height: 350px;
}
.report1807_s .srsf_customImg.srsfImg--05l {
width: 365px;
height: 350px;
}
.report1807_s .srsf_customImg.srsfImg--04h {
width: 380px;
height: 380px;
}
.report1807_s .srsf_customImg.srsfImg--05h {
width: 365px;
height: 380px;
}
.report1807_s .srsf_customImg.srsfImg--13 {
width: 285px;
height: 380px;
}
.report1807_s .srsf_customImg.srsfImg--14 {
width: 460px;
height: 380px;
}
/* 201809_表参道秋のブライダルフェア */
.report1809 .srsf_customImg.srsfImg--02 {
width: 460px;
height: 370px;
}
.report1809 .srsf_customImg.srsfImg--03 {
width: 286px;
height: 370px;
}
.report1809 .srsf_customImg.srsfImg--04 {
width: 373px;
height: 320px;
}
.report1809 .srsf_customImg.srsfImg--05 {
width: 373px;
height: 320px;
}
.report1809 .srsf_customImg.srsfImg--06 {
width: 286px;
height: 370px;
}
.report1809 .srsf_customImg.srsfImg--07 {
width: 460px;
height: 370px;
}
.report1809 .srsf_customImg.srsfImg--08 {
width: 460px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--09 {
width: 286px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--10 {
width: 286px;
height: 250px;
}
.report1809 .srsf_customImg.srsfImg--11 {
width: 286px;
height: 250px;
}
.report1809 .srsf_customImg.srsfImg--12 {
width: 460px;
height: 504px;
}
.report1809 .srsf_customImg.srsfImg--13 {
width: 460px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--14 {
width: 286px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--15 {
width: 286px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--16 {
width: 460px;
height: 380px;
}
.report1809 .srsf_customImg.srsfImg--17 {
width: 373px;
height: 320px;
}
.report1809 .srsf_customImg.srsfImg--18 {
width: 373px;
height: 320px;
}
.report1809 .srsf_customImg.srsfImg--19 {
width: 460px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--20 {
width: 286px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--21 {
width: 373px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--22 {
width: 373px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--23 {
width: 286px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--24 {
width: 460px;
height: 350px;
}
.report1809 .srsf_customImg.srsfImg--25 {
width: 750px;
height: 370px;
}
/* 201810_表参道秋のハロウィンブライダルフェア */
.report1809 .srsf_customImg.srsfImg--26 {
width: 750px;
}
/* 201810_名古屋栄秋のハロウィンブライダルフェア */
.report1810 .srsf_customImg.srsfImg--02 {
width: 409px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--03 {
width: 337px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--04 {
width: 750px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--05 {
width: 324px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--06 {
width: 324px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--07 {
width: 422px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--08 {
width: 460px;
height: 380px;
}
.report1810 .srsf_customImg.srsfImg--09 {
width: 286px;
height: 380px;
}
.report1810 .srsf_customImg.srsfImg--10 {
width: 326.5px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--11 {
width: 419.5px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--12 {
width: 419.5px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--13 {
width: 326.5px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--14 {
width: 750px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--15 {
width: 460px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--16 {
width: 286px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--18 {
width: 373px;
height: auto;
}
.report1810 .srsf_customImg.srsfImg--19 {
width: 750px;
height: auto;
}
.report1810 .srsf_customImgWrap {
width: 324px;
float: left;
}
/* 201811_名古屋栄ペーパーアイテムフェア */
.report1811_s .srsf_customImg.srsfImg--02 {
width: 750px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--03 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--04 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--05 {
width: 750px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--06 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--07 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--08 {
width: 496px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--09 {
width: 250px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--10 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--11 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--12 {
width: 750px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--13 {
width: auto;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--14 {
width: auto;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--15 {
width: 422px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--18 {
width: 496px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--19 {
width: 250px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--20 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--21 {
width: 373px;
height: auto;
}
.report1811_s .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1811_s .srsf_customImgWrap {
width: 324px;
float: left;
}
/* 201811_表参道ペーパーアイテムフェア */
.report1811_o .srsf_customImg.srsfImg--02 {
width: 750px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--03 {
width: 413.5px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--04 {
width: 332.5px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--05 {
width: 395.5px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--06 {
width: 350px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--07 {
width: auto;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--08 {
width: auto;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--10 {
width: 440px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--11 {
width: 306px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--12 {
width: 285px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--13 {
width: 460px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--15 {
width: 286px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--18 {
width: 460px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--19 {
width: 286px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--20 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--21 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--22 {
width: 285px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--23 {
width: 460px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--24 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--25 {
width: 373px;
height: auto;
}
.report1811_o .srsf_customImg.srsfImg--26 {
width: 750px;
height: auto;
}
.report1811_o .srsf_customImgWrap {
width: 286px;
float: left;
}
/* 201812_表参道クリスマスブライダルフェア */
.report1812_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--06 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--07 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--11 {
width: 286px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--12 {
width: auto;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--13 {
width: auto;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--15 {
width: 750px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--18 {
width: 460px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--19 {
width: 286px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--20 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--21 {
width: 373px;
height: auto;
}
.report1812_o .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1812_o .srsf_customImgWrap {
width: 286px;
float: left;
}
/* 201812_名古屋栄クリスマスブライダルフェア */
.report1812_s .srsf_customImg.srsfImg--02 {
width: 750px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--03 {
width: 433px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--04 {
width: 313px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--05 {
width: 313px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--06 {
width: 433px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--07 {
width: 750px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--08 {
width: 433px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--12 {
width: 750px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--13 {
width: 373px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--15 {
width: 496px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--16 {
width: 250px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--18 {
width: 373px;
height: auto;
}
.report1812_s .srsf_customImg.srsfImg--19 {
width: 750px;
height: auto;
}
/* 201901_表参道新春ブライダルフェア */
.report1901_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--07 {
width: 286px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--08 {
width: 460px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--10 {
width: 286px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--11 {
width: 750px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--12 {
width: 373px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--13 {
width: 373px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--16 {
width: 750px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--17 {
width: 460px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--18 {
width: 286px;
height: auto;
}
.report1901_o .srsf_customImg.srsfImg--19 {
width: 750px;
height: auto;
}
.report1901_o .srsf_customImgWrap {
width: 286px;
float: left;
}
/* 201901_名古屋栄新春ブライダルフェア */
.report1901_s .srsf_customImg.srsfImg--02 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--03 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--04 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--05 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--06 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--07 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--08 {
width: 750px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--10 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--12 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--13 {
width: 373px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--15 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--16 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--17 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--18 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--19 {
width: 369px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--20 {
width: 375px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--21 {
width: 313px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--22 {
width: 433px;
height: auto;
}
.report1901_s .srsf_customImg.srsfImg--23 {
width: 750px;
height: auto;
}
.srsf_customImgWrap {
width: 285px;
float: left;
}
/* 201902_表参道引き菓子試食会ブライダルフェア */
.report1902_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--06 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--07 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--11 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--13 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--14 {
width: 750px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--17 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--18 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--19 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--20 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--21 {
width: 373px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--22 {
width: 373px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--23 {
width: 750px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--24 {
width: 460px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--25 {
width: 286px;
height: auto;
}
.report1902_o .srsf_customImg.srsfImg--26 {
width: 750px;
height: auto;
}
.report1902_o .srsf_customImgWrap {
width: 286px;
float: left;
}
/* 201902_名古屋栄引き菓子試食会ブライダルフェア */
.report1902_s .srsf_customImg.srsfImg--02 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--03 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--04 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--05 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--06 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--07 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--08 {
width: 750px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--10 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--12 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--13 {
width: 373px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--15 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--16 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--18 {
width: 373px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--19 {
width: 750px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--20 {
width: 313px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--21 {
width: 433px;
height: auto;
}
.report1902_s .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.srsf_customImgWrap {
width: 285px;
float: left;
}
/* 201903_表参道引き菓子試食会ブライダルフェア */
.report1903_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--06 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--07 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--11 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--13 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--14 {
width: 750px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--18 {
width: 373px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--19 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--20 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--21 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--22 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--23 {
width: 460px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--24 {
width: 286px;
height: auto;
}
.report1903_o .srsf_customImg.srsfImg--25 {
width: 750px;
height: auto;
}
/* 201903_名古屋栄引き菓子試食会ブライダルフェア */
.report1903_s .srsf_customImg.srsfImg--02 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--03 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--04 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--05 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--06 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--07 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--08 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--12 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--13 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--18 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--19 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--20 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--21 {
width: 373px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--23 {
width: 313px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--24 {
width: 433px;
height: auto;
}
.report1903_s .srsf_customImg.srsfImg--25 {
width: 750px;
height: auto;
}
.srsf_customImgWrap {
width: 285px;
float: left;
}
/* 201904_平成最後のPIARY FESTA */
.report1904_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--06 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--07 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--09 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--11 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--13 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--14 {
width: 750px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--17 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--18 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--19 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--20 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--21 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--22 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--23 {
width: 460px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--24 {
width: 286px;
height: auto;
}
.report1904_o .srsf_customImg.srsfImg--25 {
width: 750px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--02 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--03 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--04 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--05 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--06 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--07 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--08 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--12 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--13 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--14 {
width: 373px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--15 {
width: 373px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--16 {
width: 373px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--17 {
width: 373px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--18 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--19 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--20 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--21 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--22 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--23 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--24 {
width: 313px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--25 {
width: 433px;
height: auto;
}
.report1904_s .srsf_customImg.srsfImg--26 {
width: 750px;
height: auto;
}
/* 201906_PIARY FESTA新作ペーパーアイテムお披露目会 */
.report1906_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--07 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--09 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--11 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--13 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--15 {
width: 750px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--16 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--17 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--18 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--19 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--20 {
width: 460px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--21 {
width: 286px;
height: auto;
}
.report1906_o .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--02 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--03 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--04 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--05 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--07 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--08 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--09 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--11 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--12 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--13 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--14 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--15 {
width: 750px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--16 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--17 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--18 {
width: 433px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--19 {
width: 313px;
height: auto;
}
.report1906_s .srsf_customImg.srsfImg--20 {
width: 750px;
height: auto;
}
/* 201907_PIARY FESTA新作ペーパーアイテムお披露目会 */
.report1907_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--07 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--09 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--11 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--13 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--15 {
width: 750px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--16 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--17 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--18 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--19 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--20 {
width: 460px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--21 {
width: 286px;
height: auto;
}
.report1907_o .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--02 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--03 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--04 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--05 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--06 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--07 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--08 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--12 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--13 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--14 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--15 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--16 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--17 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--18 {
width: 433px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--19 {
width: 313px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--20 {
width: 750px;
height: auto;
}
.report1907_s .srsf_customImg.srsfImg--21 {
width: 750px;
height: auto;
}
/* 201908_PIARY FESTA */
.report1908_o .srsf_customImg.srsfImg--02 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--03 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--04 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--05 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--07 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--08 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--09 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--10 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--11 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--12 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--13 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--14 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--15 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--16 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--17 {
width: 750px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--18 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--19 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--20 {
width: 460px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--21 {
width: 286px;
height: auto;
}
.report1908_o .srsf_customImg.srsfImg--22 {
width: 750px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--02 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--03 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--04 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--05 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--07 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--08 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--09 {
width: 750px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--10 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--11 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--12 {
width: 750px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--13 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--14 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--15 {
width: 313px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--16 {
width: 433px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--17 {
width: 750px;
height: auto;
}
.report1908_s .srsf_customImg.srsfImg--18 {
width: 750px;
height: auto;
}
/* 201908_SummerFair in Kyoto */
.report1908_k .srsf_customImg.srsfImg--02 {
width: 312px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--03 {
width: 434px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--04 {
width: 432px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--05 {
width: 314px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--06 {
width: 750px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--07 {
width: 432px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--08 {
width: 313px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--09 {
width: 313px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--10 {
width: 432px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--11 {
width: 432px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--12 {
width: 313px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--13 {
width: 750px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--14 {
width: 313px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--15 {
width: 432px;
height: auto;
}
.report1908_k .srsf_customImg.srsfImg--16 {
width: 750px;
height: auto;
}
/* 201908_Autumn fair in Sendai */
.report1908_s .srsf_customImg.srsfImg--02 {width: 312px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--03 {width: 434px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--04 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--05 {width: 314px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--06 {width: 314px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--07 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--08 {width: 313px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--09 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--10 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--11 {width: 313px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--12 {width: 750px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--13 {width: 313px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--14 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--15 {width: 432px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--16 {width: 313px; height: auto;}
.report1908_s .srsf_customImg.srsfImg--17 {width: 750px; height: auto;}
/* 表参道ピアリーDIYデー */
.pd_day {
text-align: center;
line-height: 1.8em;
}
.pd_day h2 {
font-size: 16px;
font-weight: normal;
background-color: #6e8795;
color: #fff;
padding: 0.5em;
}
table.pd_day_sche {
border-collapse: collapse;
width: 80%;
margin: 0 10% 3em;
}
table.pd_day_sche th,
table.pd_day_sche td {
padding: 0.75em;
border: solid 1px #999999;
width: 33%;
}
table.pd_day_sche th {
background-color: #f1ebd7;
font-weight: normal;
}
.pd_day_wshop li {
width: 50%;
}
.pd_day_view {
width: 80%;
margin: 0 10% 0.5em;
text-align: left;
border-top: 1px solid #999999;
}
.pd_day_view li {
width: 80%;
padding: 0.5em 0;
border-bottom: 1px solid #999999;
}
.pd_day_view li:nth-child(odd) {
width: 20%;
text-align: center;
}
.pd_day_viewChild {}
.pd_day_viewChild li {
width: 65%;
border: none;
}
.pd_day_viewChild li:nth-child(odd) {
width: 35%;
text-align: left;
border: none;
}
.pd_day_note {
margin-left: 10%;
font-size: 11px;
text-align: left;
}
.hidemember1,
.hidemember2,
.hidemember3 {
display: none;
}
.showmember {
display: table-row;
}
/* 確認画面では非表示にする部分 */
.mw_wp_form_confirm .pd_day {
display: none;
}
/* 201805 GW fair*/
#srsf_mainImg2 {
right: 5.5%;
}
.srsf_slashBoth {
position: relative;
}
.srsf_slashBoth::before,
.srsf_slashBoth::after {
position: absolute;
content: '';
display: block;
width: 0;
height: 2em;
border-left: 1px solid #000;
top: -.1em;
}
.srsf_slashBoth::before {
left: 18%;
transform: rotate(-45deg);
}
.srsf_slashBoth::after {
left: 82%;
transform: rotate(45deg);
}
#srsF2018 .srsf_spe1__balloon {
position: absolute;
z-index: 1;
right: -47px;
top: -4px;
}
.srsf_gold {
color: #c3a55d;
}
.srsf_kira {
position: relative;
padding: 0 .6em 0 .3em;
}
.srsf_kira_1 {
position: absolute;
top: -.3em;
left: -.4em;
}
.srsf_kira_2 {
position: absolute;
bottom: -.1em;
right: -.1em;
transform: rotate(180deg);
}
.srsf_estimate {
border: 3px solid #bec89a;
letter-spacing: .05em;
}
.srsf_estimate_h {
background-color: #bec89a;
padding: 1em;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.srsf_estimate_cont {
position: relative;
}
.srsf_estimate_list {
position: absolute;
top: 1.5em;
background-color: rgba(255, 255, 255, .5);
right: 1.5em;
bottom: 1.5em;
left: 34%;
padding: 6em 1em 1em;
}
.srsf_point_img {
position: absolute;
top: 1em;
left: 1em;
}
.srsf_estimate_list_item {
border-bottom: 1px solid #637939;
margin-bottom: .8em;
padding: .8em 1em .8em 2em;
font-size: 18px;
font-weight: bold;
}
.srsf_estimate_list_item::before {
content: '●';
color: #637939;
position: absolute;
left: 1.5em;
font-size: 16px;
}
#srsf2018 .srsf_note_s {
text-align: left;
padding-left: 3em;
}
/* associa
*/
.associa-tit {
position: relative;
}
.associa-tit::before {
content: '';
position: absolute;
border-left: 2px solid #333;
height: 30px;
transform: rotate(-20deg);
left: 0;
top: 5px;
}
.associa-tit::after {
content: '';
position: absolute;
border-left: 2px solid #333;
height: 30px;
transform: rotate(20deg);
right: 0;
top: 5px;
}
.associa-t-spacing {
border-spacing: 5px;
border-collapse: separate;
}
.associa-baloon {
position: relative;
}
.associa-baloon::before {
content: '';
display: block;
width: 0;
border-top: 18px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 100px;
}
.associa-baloon::after {
content: '';
display: block;
width: 0;
border-top: 17px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 100px;
}
.associa-baloon--r::before {
border-left: 35px solid #999;
right: -35px;
}
.associa-baloon--r::after {
border-left: 33px solid #fff;
right: -31px;
}
.associa-baloon--l::before {
border-right: 35px solid #999;
left: -35px;
}
.associa-baloon--l::after {
border-right: 33px solid #fff;
left: -31px;
}
/* 総合TOP */
.top_maintainance {
font-size: 85%;
border: 2px solid #ff0000;
padding: 10px;
color: #ff0000;
background-color: #FFE4E1;
margin: 20px 0;
}
.top_maintainance__title {
font-size: 120%;
font-weight: bold;
text-align: center;
margin-bottom: 8px;
}
.top_information__link {
display: block;
text-align: center;
margin: 12px 0;
/*padding: 12px;*/
/*background: #fff8e0;*/
color: #c00!important;
}
/* PIARY プレ花嫁会募集バナー
*/
.k-preBn {
font-size: 15px;
}
.k-preBn__wrap,
.k-preBn__top {
position: relative;
}
.k-preBn__top::before {
content: '';
height: 1.5em;
border-left: 1px solid #333;
transform: rotate(-45deg);
position: relative;
display: inline-block;
top: .4em;
left: -.5em;
}
.k-preBn__top::after {
content: '';
height: 1.5em;
border-left: 1px solid #333;
transform: rotate(45deg);
position: relative;
display: inline-block;
top: .4em;
left: .5em;
}
.k-preBn__circle {
width: 4em;
height: 4em;
display: inline-block;
background-color: #d6b56b;
box-sizing: border-box;
font-size: 1.2em;
line-height: 1.2em;
padding-top: .8em;
position: absolute;
top: 1em;
left: 4em;
}
.k-preBn__con {
font-size: 2em;
}
.k-preBn__num {
font-size: 1.5em;
}
.k-preBn__nagoya {
font-size: .9em;
line-height: 1.1em;
}
.k-preBn__btm {
font-size: 1.3em;
}
.k-preBn__con2 {
font-size: 1.3em;
}
.k-preBn__l {
font-size: 1.2em;
}
.k-preBn__con2Col2 {
width: calc((100% - 3em) / 2);
}
/* ミニ */
.k-preBnS__wrap {
width: 305px;
height: 314px;
position: relative;
}
.k-preBnS__top {
position: relative;
font-size: 16px;
}
.k-preBnS__top::before,
.k-preBnS__top::after {
content: '';
width: 1px;
height: 1.5em;
background-color: #333;
display: block;
position: absolute;
top: 0;
}
.k-preBnS__top::before {
transform: rotate(-45deg);
left: 2em;
}
.k-preBnS__top::after {
transform: rotate(45deg);
right: 2em;
}
.k-preBnS__circle {
background-color: #d6b56b;
letter-spacing: .2em;
}
.k-preBnS__tit {
width: 80%;
}
.k-preBnS__btm {
position: absolute;
width: 100%;
bottom: 0;
font-size: 16px;
}
.k-preBnS__conW {
font-size: 22px;
}
.k-preBnS__num {
font-size: 1.3em;
}
.k-preBnS__place {
padding: .1em .2em;
color: #fff;
}
.k-preBnS__place--osaka {
background-color: #ef9eca;
}
.k-preBnS__place--tokyo {
background-color: #86a3e0;
}
.k-preBnS__place--nagoya {
background-color: #87d8ca;
}
/*採用フォーム*/
.recruitformTable .birthday .error {
position: absolute;
top: calc(20px + 3em);
}
[name="birth-year"],
[name="birth-month"],
[name="birth-day"] {
width: 50px;
}
.birthday-td {
position: relative;
}
/* 受付サイン特集 */
#rs_about_tit {}
#systemWrap #rs_about_01,
#systemWrap #rs_about_02,
#systemWrap #rs_about_03,
#systemWrap #rs_about_04,
#systemWrap #rs_about_05 {
margin: 5% 0 0;
}
.rs_about_01_l {
box-sizing: border-box;
text-align: center;
}
#rs_about_01_tit {
font-size: 1.4em;
line-height: 180%;
font-weight: 100;
}
.rs_about_01_note {
line-height: 180%;
padding: 3% 0 0;
}
#rs_about_detail {
box-sizing: border-box;
display: block;
}
.rs_about_02_1 {
display: flex;
}
.rs_about_02_l {
width: 61%;
float: left;
padding: 2em 0 0;
}
.rs_about_02_r {
width: 30%;
float: left;
padding: 2em 0 0;
text-align: left;
}
.rs_about_02_note {
margin: 0 auto;
display: block;
line-height: 180%;
}
.rs_about_note {
height: 270px;
}
.rs_about_03_note {
padding: 10% 0 0;
line-height: 180%;
}
.rs_about_btn {
width: 65%;
margin: 0 auto;
text-align: center;
padding: 3%;
}
.rs_about_btn a:hover {
text-decoration: none;
}
.rs_about_btn_lab {
padding: 3%;
display: block;
color: #fff;
background-color: #746356;
}
.rs_about_04_note {
text-align: center;
padding: 3%;
line-height: 180%;
}
#rs_about_04.clearfix {}
.rs_about_04_ul {
padding: 3% 0;
}
.rs_about_attention {
padding: 4%;
/*background-color: #f2e4e6;*/
border: solid 1px #CBDDCD;
margin: 5% 0;
line-height: 180%;
}
.rs_col3_col2 {
width: calc((100% - 60px) / 3);
}
.wb_col3_col2 {
width: calc((100%) / 3);
}
.rs-fs19-12 {
font-size: 19px;
}
.rs_attention_ul {
padding-left: 30px;
}
.rs_att_01 {
padding-left: 15px
}
#systemWrap #rs_about_banner {
text-align: center;
}
/* 受付サイン特集20180906追記 */
.LNimg img {
margin-top: 80px;
}
/* ピア技まとめ */
.piawazaList__item {
width: 32.5%;
padding: .75em;
box-sizing: border-box;
margin-bottom: .75em;
}
.piawazaList__item:not(.itemBlank) {
border: 2px solid;
border-image: linear-gradient(90deg, #8480c7, #e0a6b9) 1;
}
.piawazaList__item .thumbWrap {
width: 100px;
margin-right: .75em;
}
.piawazaList__item .txtWrap {
width: calc(100% - 100px - .75em);
}
.piawazaList__item h6.title {
font-size: 14px;
}
.piawazaList__item a h6.title .titleInner {
font-size: 12px;
display: inline-block;
margin-bottom: .75em;
font-weight: normal;
text-decoration: none;
}
/* 特典一覧 中央のNEWマーク */
.NovNewML005 {
margin-left: 0.05em;
}
/* ウィジェットバナー表示 */
#sp_btm_bn p {
display: none;
}
/* メディア掲載 */
#media,
#cooperation {}
.mcImg {
border: 1px solid #ddd;
}
.mcImgB {
border: 1px solid #3d67b3;
}
.mcCol2 {
width: calc((100% - 7.5em) / 2);
float: left;
border: 1px solid #ddd;
text-align: center;
}
.mcBracket_li {
width: calc(100% / 2);
}
.mcBracket {
transform: rotate(90deg);
}
.mcYearTitle {
font-size: 20px;
padding: 1em 1em 0.3em 1em;
}
.mc_li {
padding-top: 2em;
padding-bottom: 2em;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
.mc_li__img {
width: 30%
}
.mc_li__con {
width: 70%;
vertical-align: top;
}
.mc_li__conL {
width: 100%
}
.mc_li__data {
width: 170px;
}
.mc_li__dataL {
width: calc(30% + 170px);
}
.mediaNews_li {
float: left;
width: 31.8%;
margin: 0 0.7% 2.5%;
text-align: center;
}
.mediaNews_li__item {
display: inline-block;
width: 80%;
height: auto;
border: 1px solid #ddd;
}
.mediaNews_li__clear {
clear: both;
}
.mcCooperation {
padding-top: 2em;
padding-bottom: 1em;
font-size: 15px;
}
.mcCoop_img {
width: 25%;
}
.mcCoop_liL {
width: calc((100% - 2em) / 2);
padding-right: 1em;
}
.mcCoop_liR {
width: calc((100% - 2em) / 2);
padding-left: 1em;
}
.mcContact {
background-color: #666;
display: inline-block;
width: 200px;
padding: 1em;
color: #fff;
font-size: 15px;
text-align: center;
}
/* スタッフおすすめ */
.rec_li__name {
position: absolute
}
.rec_li__shohin {
padding-top: 1.2em;
padding-left: 1em;
}
.rec_li__cont {
width: calc(100% - 145px);
}
.rec_borColor {
border-color: #808080;
}
.rec_li__txt {}
.rec_li__img {
width: 120px;
height: 120px;
}
/* ブライダルサロンお問い合わせ */
.bridalsalon_inquiry__place {
margin: 50px 0;
}
.bridalsalon_inquiry__h2 {
font-weight: bold;
padding-bottom: 3px;
font-size: 16px;
border-bottom: 1px solid #000;
}
.bridalsalon_inquiry__placeWrap {
display: flex;
display: -webkit-flex;
width: 100%;
justify-content: space-between;
}
.bridalsalon_inquiry__bt {
margin-top: 16px;
width: 48%;
font-size: 11px;
text-align: center;
}
.bridalsalon_inquiry__btimg {
width: 100%;
margin-bottom: 3px;
}
/* 大口見積り */
.form-largeorder .largeorder-copy-01 {
background-color: #332823;
color: #fff;
text-align: center;
font-size: 20px;
padding: .75em 0;
line-height: 1.2;
}
.form-largeorder .largeorder-copy-01__em {
font-size: 28px;
font-weight: bold;
margin: 0 .15em;
}
.form-largeorder .largeorder-use {
width: 90%;
margin: 1.5em auto;
overflow: hidden;
}
.form-largeorder .largeorder-use .box-use {
width: 50%;
float: left;
}
.form-largeorder .box-use__ttl {
font-size: 18px;
font-weight: normal
}
.form-largeorder .box-use__list {
list-style-type: disc;
margin: .5em 0 0 2em;
}
.form-largeorder .largeorder-copy-02 {
background-color: #ede6dc;
padding: 1em .75em;
text-align: center;
margin-bottom: .75em;
}
.form-largeorder .largeorder-copy-02__txt {
color: #e31c24;
font-size: 20px;
line-height: 1.3;
}
.form-largeorder .largeorder-copy-02__txt__em {
font-size: 22px;
font-weight: bold;
}
.form-largeorder .largeorder-copy-02 .font-s {
color: #333;
}
.form-petitgift .largeorder-ex,
.form-catalog .largeorder-ex {
border: 1px solid #332823;
margin-bottom: 2%;
}
.form-largeorder .ex-01:after {
content: "";
display: block;
height: 1px;
background-color: #332823;
width: 96.5%;
margin: 0 auto;
margin-bottom: 2%;
}
.form-largeorder .largeorder-ttl {
background-color: #332823;
color: #fff;
text-align: center;
padding: 0.35em 0 0.23em;
font-size: 18px;
margin-bottom: 1.5%;
line-height: 1.6;
font-weight: normal;
}
.form-largeorder .largeorder-ttl__em {
font-weight: bold;
font-size: 24px;
}
.form-largeorder .largeorder-ttl__em2 {
color: #332823;
background-color: #fff;
display: inline-block;
padding: .15em 1em .05em;
font-weight: bold;
font-size: 24px;
margin-bottom: .35em;
}
.form-largeorder .ex-item__ttl {
text-align: center;
position: relative;
margin-bottom: .5em;
font-weight: normal;
}
.form-catalog .ex-item__ttl {
font-size: 1.25em;
margin: 1em 0 .5em;
}
.form-petitgift .ex-item__ttl__txt {
position: absolute;
bottom: -.4em;
left: 0;
right: 0;
font-size: 12px;
}
.form-wgift .ex-item__ttl__img {
vertical-align: middle;
margin-right: 2%;
}
.form-largeorder .largeorder-ex .ex-price-table {
width: 96.5%;
margin: 1.5em auto 1em;
/*overflow: hidden;*/
}
.form-catalog .largeorder-ex .ex-price-table {
width: 90%;
margin: 1em auto .5em;
overflow: hidden;
}
.form-catalog .price-usual,
.form-catalog .price-largeorder,
.form-largeorder .largeorder-ex .ex-price-table {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.form-largeorder .largeorder-ex .ex-price-table__item {
float: left;
}
.form-petitgift .largeorder-ex .ex-price-table .price-usual,
.form-wgift .largeorder-ex .ex-price-table .price-usual {
width: 30%;
margin-right: 1em;
text-align: center;
box-sizing: border-box;
}
.form-largeorder .largeorder-ex .table-estimate {
width: calc(70% - 1em);
text-align: center;
box-sizing: border-box;
}
.form-largeorder .largeorder-ex .table-estimate__th,
.form-largeorder .largeorder-ex .table-estimate__td {
border: 1px solid #ccc;
vertical-align: middle;
}
.form-largeorder .largeorder-ex .table-estimate__th {
color: #fff;
}
.form-largeorder .largeorder-ex .table-estimate__ttl01 {
background-color: #e79576;
padding: .45em 0;
font-weight: normal;
}
.form-largeorder .largeorder-ex .table-estimate__ttl02 {
background-color: #332823;
}
.form-largeorder .largeorder-ex .table-estimate__td01 {
padding: .5em;
}
.form-petitgift .largeorder-ex .table-estimate__td02 {
padding: .75em;
}
.form-wgift .largeorder-ex .table-estimate__td02 {
padding: 1.5em .75em;
}
.form-catalog .largeorder-ex .ex-price-table .price-usual,
.form-catalog .largeorder-ex .ex-price-table .price-largeorder {
width: 50%;
}
.form-largeorder .largeorder-ex .ex-price-table .box-usual,
.form-largeorder .largeorder-ex .ex-price-table .box-largeorder {
color: #fff;
}
.form-catalog .largeorder-ex .ex-price-table .box-usual,
.form-catalog .largeorder-ex .ex-price-table .box-largeorder {
float: left;
text-align: center;
width: 35%;
padding: 1em 0;
}
.form-largeorder .largeorder-ex .box-usual {
background-color: #80aba4;
}
.form-catalog .largeorder-ex .box-largeorder {
background-color: #e79576;
}
.form-catalog .largeorder-ex .box-price {
padding: .5em 0 .5em .5em;
width: 65%;
box-sizing: border-box;
}
.form-largeorder .largeorder-ex .box-price .ex-price {
font-size: 28px;
font-weight: bold;
line-height: 1;
margin-top: .25em;
}
.form-largeorder .largeorder-ex .box-price .ex-price-detail {
font-size: 16px;
}
.form-catalog .largeorder-ex .box-price .ex-price-detail {
font-size: 13px;
}
.form-catalog .largeorder-ex .ex-price-table .ex-discount {
width: 82.5%;
margin: 0 auto;
overflow: hidden;
float: none;
}
.form-catalog .largeorder-ex .ex-discount .discount-price {
width: 65%;
float: left;
color: #e31c24;
font-weight: bold;
font-size: 24px;
}
.form-catalog .largeorder-ex .ex-discount .discount-price {
width: 100%;
text-align: center;
}
.form-largeorder .largeorder-ex .ex-discount .discount-price__em {
font-size: 42px;
margin-right: 0.15em;
}
.form-largeorder .largeorder-ex .discount-free {
color: #fff;
background-color: #e31c24;
font-size: 14px;
}
.form-petitgift .largeorder-ex .discount-free,
.form-wgift .largeorder-ex .discount-free {
width: 45%;
text-align: center;
padding: .5em 0;
}
/*.form-catalog .largeorder-ex .discount-free {
width: 35%;
float: left;
padding: 0.15em 0;
margin: 0.5em 0;
}*/
.form-largeorder .largeorder-ex .discount-free__em {
font-size: 26px;
font-weight: bold;
margin-right: .15em;
}
.form-largeorder .largeorder-ex .disc-more {
width: 95%;
margin: 0 auto;
text-align: center;
font-size: 20px;
background-color: #332823;
color: #fff;
padding: .35em 0;
}
.form-largeorder .largeorder-ex .disc-more__em {
font-size: 24px;
font-weight: bold;
margin-right: .15em;
}
/* オンワード・マルシェ */
#systemWrap.ow_marche_sale {
width: 580px;
margin: 0 0 30px;
padding: 0;
text-align: center;
font-size: 14px;
line-height: 2em;
}
.ow_marche_sale__ttl {
max-width: 580px;
}
#systemWrap.ow_marche_sale .ow_marche_h2_sale {
font-size: 25px;
color: #088A4B;
background-color: #fff;
position: relative;
text-align: center;
font-weight: bold;
}
.ow_marche_h2_sale::before,
.ow_marche_h2_sale::after {
content: "";
display: block;
position: absolute;
width: 70px;
border-top: 1px solid #088A4B;
}
.ow_marche_h2_sale::before {
left: 17%;
top: 120px;
transform: rotate(60deg);
}
.ow_marche_h2_sale::after {
right: 17%;
top: 120px;
transform: rotate(-60deg);
}
#systemWrap.ow_marche_sale .ow_marche_col3_sale {
margin-left: 0.5em;
list-style: none;
padding: 0;
}
.ow_marche_col3_sale__item {
width: calc((100% - 0.5em) / 3);
padding-bottom: 0.5em;
}
.ow_marche_col3_sale__itemImg {
width: calc(100% - 0.5em);
}
#systemWrap.ow_marche_sale .ow_marche_col2_sale {
margin-right: 1%;
margin-left: 1%;
list-style: none;
padding-left: 0;
}
.ow_marche_col2_sale__howto {
display: -webkit-flex!important;
display: flex!important;
-webkit-flex-wrap: wrap!important;
flex-wrap: wrap!important;
width: calc((100% - 1em) / 2);
padding-right: 0.5em;
padding-bottom: 0.5em;
}
.ow_marche_col2_sale__howtoImg {
max-height: 238px;
border: 1px solid #cccccc;
}
.ow_marche_col2_sale__howtoCon {
width: 45%;
padding-left: 0.5em;
padding-right: 0.5em;
text-align: left;
}
.ow_marche_no {
color: #FFBF00;
font-size: 19px;
font-weight: bold;
margin-bottom: 0.5em;
}
.ow_marche_heard {
color: #088A4B;
font-weight: bold;
margin-bottom: 0.5em;
}
/* 201807_名古屋栄フェア */
.sw_sp {
display: none;
}
.sw_pc {
display: inline-block;
}
/* member option */
.historyList .switchBox {
position: absolute;
z-index: 200;
}
/* 大和_銘酒 */
#systemWrap.meishu_goods {
text-align: center;
font-size: 14px;
line-height: 2em;
padding: 0;
}
.meishu_goods_ttl {
width: 578px;
}
.meishu_goods_etc {
width: 80%;
}
#systemWrap.meishu_goods .meishu_goods_lineup {
margin-right: 2%;
margin-left: 2%;
padding: 0;
list-style: none;
}
.meishu_goods_lineup__item {
width: calc((100% - 1em) / 3);
padding-right: 0.5em;
padding-bottom: 0.8em;
}
.meishu_goods_lineup__item:nth-child(3n) {
padding-right: 0em;
}
.meishu_goods_lineup__itemImg {
border: 1px solid #e5e5e5;
max-width: calc(100% - 0.4em);
}
/* 201809_表参道フェア */
.bsofair_h3 {
width: 90%;
font-size: 1.7em;
font-weight: 100;
margin: auto;
text-align: center;
padding: 25px 0 10px;
border-bottom: 1px solid #333;
margin-bottom: 20px;
}
.bsofair_note {
line-height: 160%;
font-size: 1.1em;
}
.bsofair_noteS {
line-height: 100%;
font-size: 11px;
margin-top: 1em;
margin-left: 6.5em;
text-align: left;
}
.bsofair_point {
margin-left: 50px;
margin-right: 50px;
}
.bsofair_col3 {
width: calc((100% - 2em) / 3);
background-color: #eff3f4;
padding-top: 20px;
padding-bottom: 20px;
margin-right: 1em;
}
.bsofair_col3:nth-child(3n) {
margin-right: 0em;
}
.bsofair_col2 {
width: calc((100% - 1em) / 2);
}
.bsofair_special {
margin-left: 50px;
margin-right: 50px;
}
.bsofair_welcome {
width: 86%;
margin: auto;
margin-bottom: 3em;
padding: 15px;
border: 2px solid #fd6d2c;
}
.bsofair_welcomeCon {
height: 100%;
margin: auto;
margin-left: 15px;
}
/* 引き出物セットページ 20180910@田中 */
.hiki_set #specialInner {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.hiki_set #specialInner .specialBlock {
width: 289px;
height: auto!important;
min-height: 200px;
margin-left: calc((750px - (289px + 289px)) / 4);
margin-right: calc((750px - (289px + 289px)) / 4);
}
.hiki_set #specialInner .specialBlock h3 {
text-align: left;
font-weight: bold;
margin: 10px 2px 0;
color: #f26d5b;
}
.hiki_set #specialInner .specialBlock p {
text-align: left;
}
/*ペーパーアイテム 作成スケジュール 20180910@立岡*/
/*.wrapbox01{
background: #F00;
margin :20px;
padding: 20px;
}
.wrapbox02{
background: #0F0;
margin :20px;
padding: 20px;
}*/
/* リンベル_ワイン */
.winegoods {
text-align: center;
font-size: 14px;
line-height: 2em;
}
.winegoods_ttl {
width: 100%;
}
.winegoods .winegoods_lineup {
list-style: none;
margin-left: calc((100% - (180px * 3)) / 2);
padding: 0;
}
.winegoods_lineupImg {
padding: 5px;
width: 170px;
}
.winegoods_lineupImg__size {
width: 100%
}
/* ハネムーンおみやげ宅配便 */
.k-giftDelivery__underLine {
border-bottom: 3px solid #ff803b;
}
.k-giftDelivery__fsM {
color: #ff803b;
font-size: 18px;
font-weight: bold;
}
.k-giftDelivery__fsL {
color: #ff803b;
font-size: 38px;
font-weight: bold;
line-height: .5em;
}
.k-giftDelivery__arw::after {
border: 21px solid transparent;
border-top: 12px solid #ffc300;
content: '';
display: block;
height: 0px;
margin: 3% auto -12px;
width: 0px;
}
.k-balloon_woman {
position: relative;
}
.k-balloon_woman__txt {
position: absolute;
top: 11%;
left: 16%;
}
.k-giftDelivery__StoryItem {
width: 30%;
margin-bottom: 2em;
}
.k-giftDelivery__StoryArw {
width: 5%;
padding-top: 1%;
}
.k-giftDelivery__StoryHead {
width: 80%;
margin: auto;
}
.k-giftDelivery__StoryArw::after {
content: "";
display: block;
width: 30px;
height: 30px;
border: 5px solid transparent;
border-top: 5px solid #ff803b;
border-right: 5px solid #ff803b;
transform: rotate(45deg);
margin-left: -14px;
}
.k-giftDelivery__3col-2col {
width: 31%;
margin: 0 1.1% 2.2%;
}
.k-giftDelivery__balloonVoice__l,
.k-giftDelivery__balloonVoice__r {
position: relative;
}
.k-giftDelivery__balloonVoice {
background: #ffecd3;
border-radius: 5px;
color: #000;
font-size: 14px;
padding: 2em;
width: 70%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.k-giftDelivery__balloonVoice__l .k-giftDelivery__balloonVoice {
left: 0;
}
.k-giftDelivery__balloonVoice__r .k-giftDelivery__balloonVoice {
right: 0;
}
.k-giftDelivery__balloonVoice__l .k-giftDelivery__balloonVoice::after,
.k-giftDelivery__balloonVoice__r .k-giftDelivery__balloonVoice::before {
border: 10px solid transparent;
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0;
}
.k-giftDelivery__balloonVoice__l .k-giftDelivery__balloonVoice::after {
border-left: 40px solid #ffecd3;
right: -50px;
}
.k-giftDelivery__balloonVoice__r .k-giftDelivery__balloonVoice::before {
border-right: 40px solid #ffecd3;
left: -50px;
}
.k-giftDelivery__balloonVoice__l .k-giftDelivery__icHuman {
margin-left: auto
}
.k-giftDelivery__balloonVoice__r .k-giftDelivery__icHuman {
margin-right: auto
}
.k-giftDelivery__itemDec__place {
background: #ff803b;
color: #FFF;
font-size: 12px;
line-height: 1em;
width: 60%;
}
.k-giftDelivery__itemDec__name {
font-size: 14px;
}
.k-giftDelivery__itemDec__price {
font-size: 19px;
}
/* 特集「オーシャンテール_スイーツ」 */
.ot_sweets {
text-align: center;
font-size: 14px;
line-height: 2em;
}
.ot_sweets_intro {
font-size: 24px;
font-weight: normal;
margin: 30px 0 15px 0;
}
.ot_sweets_example {
line-height: 1.7em;
margin-left: calc((100% - ((320px * 2) + (8px * 4))) / 2);
}
.ot_sweets_example__ttl {
font-size: 18px;
font-weight: normal;
margin: 15px 0 15px 0;
}
.ot_sweets_series_ttl {
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #000;
padding-bottom: 4px;
margin: 20px 0 10px 0;
text-align: left;
}
.ot_sweets_series {
margin-left: calc((100% - ((174px * 4) + (7px * 4))) / 2);
font-size: 13px;
line-height: 1.7em;
}
.ot_sweets_seriespage {
text-align: center;
}
/* 平成最後のラッキー花嫁キャンペーン */
@font-face {
font-family: DINEngschrift;
src: url('/resource/font/DINEngschrift-Regular.woff') format('woff'), url('resource/font/DINEngschrift-Regular.ttf') format('truetype'), url('resource/font/DINEngschrift-Regular.eot') format('eot');
}
.lucky_brids {
text-align: center;
border: 3px solid #333;
padding: 16.5px;
font-size: 15px;
}
.lucky_brids_font {
font-family: DINEngschrift;
}
.lucky_brids_gold {
color: #c7ac41;
font-weight: bold;
font-size: 20px;
font-style: normal;
}
.lucky_brids_black {
color: #333;
font-weight: bold;
font-size: 20px;
font-style: normal;
}
.lucky_brids_blackSp {
color: #333;
font-weight: bold;
font-size: 20px;
font-style: normal;
}
.lucky_brids_red {
color: #f00;
font-weight: bold;
font-size: 20px;
font-style: normal;
}
.lucky_brids_bg_gold {
background-color: #c7ac41;
}
.lucky_brids_btn {
background-color: #cb331f;
font-size: 24px;
color: #FFF;
font-weight: bold;
padding-top: .25em;
padding-bottom: 0.25em;
padding-left: 2em;
padding-right: 2em;
}
.lucky_brids_Head {
margin-left: 30%;
margin-right: 30%;
}
.lucky_brids_HeadText {
/*background-color: #333;*/
background-color: #c5ab42;
color: #FFF;
font-size: 20px;
border-radius: 25px;
padding-top: 4px;
padding-bottom: 4px;
position: relative;
}
.lucky_brids_HeadText::before {
/*background-image:url(/resource/img/support/lucky_brids/snow1.gif);*/
background-image: url(/resource/img/support/lucky_brids/matsu1.gif);
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 60px;
position: absolute;
top: -21px;
left: -28px;
}
.lucky_brids_HeadText::after {
/*background-image:url(/resource/img/support/lucky_brids/snow2.gif);*/
background-image: url(/resource/img/support/lucky_brids/matsu2.gif);
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
width: 60px;
height: 40px;
position: absolute;
right: -10px;
top: 10px;
}
.lucky_brids_top {
/*border-top: 2px solid #333;*/
/*border-bottom: 2px solid #333;*/
font-weight: bold;
margin: 0 3em 3em;
padding-top: 1em;
padding-bottom: 1em;
position: relative;
}
.lucky_brids_topPeriod {
font-size: 65px;
font-family: DINEngschrift;
font-weight: normal;
}
.lucky_brids_topPeriodH {
font-family: DINEngschrift;
font-size: 30px;
padding-right: 1em;
}
.lucky_brids_topCountdown {
padding-left: calc((100% - (((100px * 2) + 195px) + 48px)) / 2);
}
.lucky_brids_topCount {
width: 50px;
position: relative;
top: 36px;
}
.lucky_brids_topD {
width: 125px;
}
.lucky_brids_topHM {
width: 100px;
}
.lucky_brids_topS {
width: 72px;
}
.lb_border {
position: relative;
/* 打ち消し線の位置を調整する時の基準点になるようにする */
}
.lb_border:before {
content: '';
/* 擬似要素に実体を持たせる */
width: 100%;
/* 打ち消し線の幅を指定する*/
height: 1px;
/* 線を表示させるために1pxだけ高さを入れる */
border-top: solid 1px #fff;
/* 二重線の上側になる線をひく */
position: absolute;
/* 線の位置を自由に動かせるようにする */
left: 0;
/* 線の位置を左に揃える */
top: calc(50% - 2px);
/* 線の位置を真ん中から3px上にする */
}
.lucky_brids_topTimer {
font-size: 65px;
color: #fff;
background-color: #333;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
font-family: DINEngschrift;
}
.lucky_brids_topTimerR {
font-size: 65px;
color: #fff;
background-color: #333;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
position: relative;
left: 1px;
font-family: DINEngschrift;
}
.lucky_brids_topTimerDay {
position: relative;
top: 70px;
width: 30px;
}
.lucky_brids_topTimerTime {
font-size: 65px;
position: relative;
}
.lucky_brids_contents {
line-height: 2.5em;
margin-bottom: 3em;
}
.lucky_brids_contentsLineup {
margin-left: calc((100% - ((155px + 1em) * 4)) / 2);
position: relative;
}
.lucky_brids_contentsLineupImg {
margin: 10px;
}
.lucky_brids_contentsLineup_ttl {
margin-top: 2em;
font-weight: bold;
}
.lucky_brids_howto {
margin-left: calc((100% - 300px) / 2);
}
.lucky_brids_howtoImg {
padding-top: 90px;
margin-left: -10px;
}
.lucky_brids_howtoComp {
margin-left: calc((100% - (610px + 84px)) / 2);
}
.lucky_brids_howtoArrow {
transform: rotate(90deg);
font-size: 24px;
}
.lucky_brids_howtoL {
position: relative;
top: 15px;
}
.lucky_brids_howtoR {
position: relative;
top: 15px;
left: 2px;
}
.lucky_brids_inst {
line-height: 2em;
}
/* 平成最後のラッキー花嫁キャンペーン 商品ページ用 */
.lucky_brids_itemPeriodWrap {
width: 45%;
}
.lucky_brids_itemTimerWrap {
width: 55%;
}
.lucky_brids_itemPeriod {
font-size: 37px;
}
.lucky_brids_itemDHMS {
width: 25%;
}
.lucky_brids_itemTimer {
background: #000;
border-radius: 5px;
color: #FFF;
font-size: 37px;
text-align: center;
width: 32.33%;
}
.lucky_brids_itemTimer_day {
align-self: flex-end;
font-size: 16px;
vertical-align: baseline;
vertical-align: -webkit-baseline-middle;
text-align: center;
width: 32.33%;
}
.lucky_brids_itemTimer_colon {
font-size: 37px;
line-height: 100%;
text-align: center;
width: 32.33%;
}
.item-campBn__teiki,
.campprint__ari {
display: block;
}
.js-countDown {
display: none;
}
.campprint__nashi {
display: none;
}
/* ラッキー花嫁クリスマスVer */
.lucky_brids_santa1 {
position: absolute;
right: 34px;
bottom: -9px;
}
.lucky_brids_santa2 {
position: absolute;
top: -13px;
left: 210px;
}
.lucky_brids_circle1::before {
content: "";
display: block;
width: 45px;
height: 45px;
border: 3px dotted #c6ac42;
border-radius: 25px;
position: absolute;
right: 278px;
top: -7px;
}
.lucky_brids_circle1::after {
content: "";
display: block;
width: 125px;
height: 125px;
border: 3px solid #c6ac42;
border-radius: 65px;
position: absolute;
right: 115px;
top: 10px;
}
.lucky_brids_circle2::before {
content: '';
position: absolute;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom: 45px solid #c6ac42;
top: 4px;
transform: rotate(-63deg);
}
.lucky_brids_circle2::after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom: 37px solid #fff;
top: 14px;
right: 242px;
transform: rotate(-63deg);
}
.lucky_brids_comTtl {
position: relative;
top: -25px;
}
.lb_hikitaku {
background-color: #fff8e6;
width: calc(925px - 6px);
left: -16.5px;
position: relative;
/*margin-bottom: -16.5px!important;*/
padding-bottom: 2em;
}
.lb_hikitakuText {
line-height: 2em;
}
/* ラッキー花嫁ゆく年くる年Ver */
.lbny_ttl {
width: calc(100% + (16.5px * 2));
position: relative;
left: -16.5px;
top: -16.5px;
}
/* ヒキタクキャンペーンカウントダウン 20190617（スタイル上書き） */
.lucky_brids_topCount {
width: auto;
}
.k-wfdCounter .lucky_brids_topPeriod,
.k-wfdCounter .lucky_brids_topTimer,
.k-wfdCounter .lucky_brids_topTimerR,
.k-wfdCounter .lucky_brids_topTimerTime {
font-size: 55px;
}
.k-wfdCounter .lucky_brids_topPeriodH {
font-size: 30px;
padding-right: .5em;
}
.k-wfdCounter .lucky_brids_topTimerDay {
top: 32px;
}
.k-wfdCounter .lucky_brids_topCount {
top: 18px;
}
/* ヒキタクキャンペーン 201910
class変更
*/
.k-wfdCounter .topPeriod {
font-family: DINEngschrift;
font-weight: normal;
}
.k-wfdCounter .topPeriodH {
font-family: DINEngschrift;
font-size: 30px;
padding-right: .5em;
}
/* .k-wfdCounter .topCount {
position: relative;
top: 18px;
} */
.k-wfdCounter .topTimer {
color: #fff;
background-color: #333;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
font-family: DINEngschrift;
}
.k-wfdCounter .topTimerR {
color: #fff;
background-color: #333;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
position: relative;
left: 1px;
font-family: DINEngschrift;
}
.k-wfdCounter .topTimerDay {
position: relative;
top: 32px;
width: 30px;
}
.k-wfdCounter .topTimerTime {
position: relative;
}
.c-wfdLP .k-wfdCounter .topPeriod,
.c-wfdLP .k-wfdCounter .topTimer,
.c-wfdLP .k-wfdCounter .topTimerR,
.c-wfdLP .k-wfdCounter .topTimerTime {
font-size: 65px;
}
.freeSpace .k-wfdCounter .topPeriod,
.freeSpace .k-wfdCounter .topTimer,
.freeSpace .k-wfdCounter .topTimerR,
.freeSpace .k-wfdCounter .topTimerTime {
font-size: 55px;
}
.k-wfdCounter .k-wfdCounter__count {
line-height: 1;
}
/* ヒキタク商品ページ内 */
.freeSpace .k-wfdCamp {
margin-bottom: 2em;
}
.freeSpace .k-wfdCounter {
font-weight: bold;
text-align: center;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 1em 0;
margin-top: .5em;
}
.freeSpace .k-wfdCounter__ttl {
line-height: 1.2;
margin-bottom: 1em;
}
/* インスタキャンペーンバナー上テキスト */
.k-topInstCampTxt {
display: inline-block;
margin: 0 auto;
position: relative;
padding: 0 2.5em;
font-size: 17px;
}
.k-topInstCampTxt:before,
.k-topInstCampTxt:after {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
width: 1px;
background-color: #000;
line-height: 2rem;
}
.k-topInstCampTxt:before {
left: 1rem;
transform: rotate(-25deg);
}
.k-topInstCampTxt:after {
right: 1rem;
transform: rotate(25deg);
}
.k-topInstCampTxt__bold {
font-size: 20px;
}
/* 総合TOP・カテゴリTOPキャンペーン*/
.k-topCampCat {
margin: 0 .5rem 2em;
}
.k-topCampCat .k-topCamp__list {
align-items: center;
}
.k-topCampTxt {
/* margin: 0 auto; */
position: relative;
padding: 0 2.5em;
}
.k-topCamp__item {
width: 48%;
}
.k-topCampTxt2 {
position: relative;
text-align: left;
width: 70%;
margin-left: auto;
padding: 2rem 0;
margin-right: 1rem;
}
/* .k-topCampTxt__inner {
display: inline-block;
} */
.k-topCampTxt:before,
.k-topCampTxt:after {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
width: 1px;
background-color: #000;
line-height: 2rem;
}
.k-topCampTxt:before {
left: 8rem;
transform: rotate(-35deg);
}
.k-topCampTxt:after {
right: 8rem;
transform: rotate(35deg);
}
.k-topCampTxt2:before,
.k-topCampTxt2:after {
content: "";
display: inline-block;
position: absolute;
right: 0;
width: 80px;
height: 1px;
background-color: #000;
vertical-align: middle;
}
.k-topCampTxt2:before {
top: -6px;
transform: rotate(15deg);
}
.k-topCampTxt2:after {
bottom: -3px;
transform: rotate(-15deg);
}
/*recruitここから*/
.cp_recruit__formArea input#seibetsu-1 {
width: 5%;
}
.cp_recruit__formArea input#seibetsu-2 {
width: 5%;
}
.cp_recruit__formArea input#birth_year {
width: 60%;
}
.cp_recruit__formArea input#birth_month,
.cp_recruit__formArea input#birth_day {
width: 60%;
}
.cp_recruit__formArea select,
.cp_recruit__formArea input {
width: 20em;
}
.cp_recruit__formArea textarea {
width: 40em;
}
.cp_recruit__lh {
line-height: 1.8em
}
.cp_recruit__gyakuHa {}
.cp_recruit__gyakuHa::before {
background-image: url(/resource/img/bridalsalon/fair/201810/zubaba_l.jpg);
align-self: flex-end;
content: "";
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 40px;
margin: 1% 3%;
}
.cp_recruit__gyakuHa::after {
background-image: url(/resource/img/bridalsalon/fair/201810/zubaba_r.jpg);
align-self: flex-end;
content: "";
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 40px;
margin: 1% 3%;
}
.cp_recruit__jobButton {
padding: 1%;
margin: 1%;
width: 23%;
/*height: 60px;*/
background-color: #fff;
}
.cp_recruit__jobButtonLineheight40 {
line-height: 40px;
}
.cp_recruit__workerClr01,
.cp_recruit__jobButton01 {
border-color: #9CD35B;
}
.cp_recruit__workerClr01bg,
.cp_recruit__workerClr01.is-active,
.cp_recruit__workerClr01:hover,
.cp_recruit__jobButton01.is-active,
.cp_recruit__jobButton01:hover {
/*background-color: #9CD35B;*/
background-color: #dbefc3;
}
.cp_recruit__workerClr01bgThick {
background-color: #9CD35B;
}
.cp_recruit__workerClr02,
.cp_recruit__jobButton02 {
border-color: #D4DD62;
}
.cp_recruit__workerClr02bg,
.cp_recruit__workerClr02.is-active,
.cp_recruit__workerClr02:hover,
.cp_recruit__jobButton02.is-active,
.cp_recruit__jobButton02:hover {
/*background-color: #D4DD62;*/
background-color: #e8edab;
}
.cp_recruit__workerClr02bgThick {
background-color: #D4DD62;
}
.cp_recruit__workerClr03,
.cp_recruit__jobButton03 {
border-color: #F3AC61;
}
.cp_recruit__workerClr03bg,
.cp_recruit__workerClr03.is-active,
.cp_recruit__workerClr03:hover,
.cp_recruit__jobButton03.is-active,
.cp_recruit__jobButton03:hover {
/*background-color: #F3AC61;*/
background-color: #fadab8;
}
.cp_recruit__workerClr03bgThick {
background-color: #F3AC61;
}
.cp_recruit__workerClr04,
.cp_recruit__jobButton04 {
border-color: #E0929F;
}
.cp_recruit__workerClr04bg,
.cp_recruit__workerClr04.is-active,
.cp_recruit__workerClr04:hover,
.cp_recruit__jobButton04.is-active,
.cp_recruit__jobButton04:hover {
/*background-color: #E0929F;*/
background-color: #f4d7dc;
}
.cp_recruit__workerClr04bgThick {
background-color: #E0929F;
}
.cp_recruit__workerClr05,
.cp_recruit__jobButton05 {
border-color: #A6A6E2;
}
.cp_recruit__workerClr05bg,
.cp_recruit__workerClr05.is-active,
.cp_recruit__workerClr05:hover,
.cp_recruit__jobButton05.is-active,
.cp_recruit__jobButton05:hover {
/*background-color: #A6A6E2;*/
background-color: #d8d8f3;
}
.cp_recruit__workerClr05bgThick {
background-color: #A6A6E2;
}
.cp_recruit__workerClr06,
.cp_recruit__jobButton06 {
border-color: #92BEEA;
}
.cp_recruit__workerClr06bg,
.cp_recruit__workerClr06.is-active,
.cp_recruit__workerClr06:hover,
.cp_recruit__jobButton06.is-active,
.cp_recruit__jobButton06:hover {
/*background-color: #92BEEA;*/
background-color: #d4e5f7;
}
.cp_recruit__workerClr06bgThick {
background-color: #92BEEA;
}
.cp_recruit__workerClr07,
.cp_recruit__jobButton07 {
border-color: #89CDC0;
}
.cp_recruit__workerClr07bg,
.cp_recruit__workerClr07.is-active,
.cp_recruit__workerClr07:hover,
.cp_recruit__jobButton07.is-active,
.cp_recruit__jobButton07:hover {
/*background-color: #89CDC0;*/
background-color: #c9e8e2;
}
.cp_recruit__workerClr07bgThick {
background-color: #89CDC0;
}
.accordion-button.accordion-selected {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.ChangeElem_Panel {
display: none;
}
.ChangeElem_Panel2 table {
table-layout: fixed;
/*for ie table*/
}
.cp_recruit__dot-class {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.cp_recruit__slick .slick-dotBtn {
background-color: #ddd;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
font-size: 0;
width: 15px;
height: 15px;
border-radius: 50%;
}
.cp_recruit__slick .slick-dotLi {
margin: 0.5em;
}
.cp_recruit__slick .slick-active .slick-dotBtn {
background-color: #999;
}
.cp_recruit__formArea input,
.cp_recruit__formArea textarea,
.cp_recruit__formArea select {
margin: 0.5em;
padding: 0.5em;
border: 2px solid #ddd;
border-radius: 5px;
}
.cp_recruit__bt-link input {
-webkit-appearance: none;
margin: 0.5em;
padding: 0.5em 1em;
border: 2px solid #7DC2C9;
background: #7DC2C9;
border-radius: 5px;
color: #fff;
font-size: 17px;
}
.cp_recruit__lh2em {
line-height: 2em;
}
.cp_recruit__goFormButton {
position: fixed;
bottom: 5px;
left: 0;
right: 0;
margin: 0 auto;
padding: 1.5em;
background-color: #2988bc;
color: #fff;
font-size: 17px;
border-radius: 5px;
opacity: 0.9;
}
/*recruitここまで*/
.wg_wfdset__balloon01 {
position: relative;
display: inline-block;
/*margin: 1.5em 0;*/
padding: 2em;
/*min-width: 120px;*/
/*max-width: 100%;*/
/*color: #555;*/
/*font-size: 16px;*/
background: #FFF;
border: solid 1px #2987BB;
box-sizing: border-box;
display: table;
}
.wg_wfdset__balloon01:before {
content: "";
position: absolute;
bottom: -9px;
left: 45%;
border-top: 10px solid #FFF;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
z-index: 2
}
.wg_wfdset__balloon01:after {
content: "";
position: absolute;
bottom: -10px;
left: 45%;
border-top: 10px solid #2987BB;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
z-index: 1
}
.wg_wfdset__balloon02 {
position: relative;
display: inline-block;
/*margin: 1.5em 0;*/
padding: 1em;
/*min-width: 120px;*/
/*max-width: 100%;*/
/*color: #555;*/
/*font-size: 16px;*/
background: #FFF;
border: solid 1px #000;
box-sizing: border-box;
display: table;
}
.wg_wfdset__balloon02:before {
content: "";
position: absolute;
left: -9px;
bottom: 45%;
border-right: 10px solid #FFF;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: 2
}
.wg_wfdset__balloon02:after {
content: "";
position: absolute;
left: -10px;
bottom: 45%;
border-right: 10px solid #000;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: 1
}
.wg_wfdset__zubaba {}
.wg_wfdset__zubaba::before {
background-image: url(/resource/img/weddinggift/wfd/fdb/zubaba_l.jpg);
align-self: flex-end;
content: "";
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 40px;
margin: 1% 3%;
}
.wg_wfdset__zubaba::after {
background-image: url(/resource/img/weddinggift/wfd/fdb/zubaba_r.jpg);
align-self: flex-end;
content: "";
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 40px;
margin: 1% 3%;
}
.wg_wfdset__ghostBox a.showProductInfo {
border: 1px solid #2987BB!important;
width: 300px!important;
border-radius: 5px;
}
.wg_wfdset__blueCircle {
height: 7em;
width: 7em;
bottom: 32%;
left: 64%;
}
/* support-guide-novelty-thanks */
.novelty_about__scroll-id-imgbox {
height: 18vw;
max-height: 130px;
}
/* ピア花会in広島 */
.k-BShiroshima__h3 {
font-size: 20px;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4;
}
.k-BShiroshima__h3::before,
.k-BShiroshima__h3::after {
content: "";
display: block;
position: absolute;
width: 70px;
border-top: 2px solid #333333;
}
.k-BShiroshima__h3::before {
left: 0%;
top: 35px;
transform: rotate(60deg);
}
.k-BShiroshima__h3::after {
right: 0%;
top: 35px;
transform: rotate(-60deg);
}
/* ビジュピコ特典 */
.c-bijoupiko#systemWrap {
padding: 0;
margin: 0;
border: none;
}
.c-bijoupiko div,
.c-bijoupiko p,
.c-bijoupiko ul,
.c-bijoupiko li {
box-sizing: border-box;
}
.c-bijoupiko .c-bpFlow__item {
border-radius: 10px;
border: 2px solid #cddcde;
position: relative;
}
.c-bijoupiko .c-bpFlow__item:first-child::after {
position: absolute;
content: "";
}
.c-bijoupiko .c-bpFlow__ttl {
padding: .5em;
border-radius: 6px 6px 0 0;
margin-bottom: .75em;
}
.c-bijoupiko .c-bnWelcome,
.c-bijoupiko .c-bpCat__link {
text-decoration: none;
}
.c-bijoupiko .c-bnWelcome:hover,
.c-bijoupiko .c-bpCat__link:hover {
color: #000;
text-decoration: none;
}
.c-bijoupiko .c-table01__th,
.c-bijoupiko .c-table01__td {
padding: .5em;
vertical-align: middle;
}
.c-bijoupiko .c-bpCont--01 {
margin: 5em auto;
}
@media screen and ( min-width: 600px) {
.c-bijoupiko .c-bpTop,
.c-bijoupiko .c-bnAreaBtm {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.c-bijoupiko .c-bpTop {
margin: 3em 0;
}
.c-bijoupiko .c-bpTop__txt {
width: calc(100% - 524px);
}
.c-bijoupiko .c-bpCoupon {
padding: 1em 6em;
margin: 2em auto 1em;
width: 63%;
}
.c-bijoupiko .c-bpFlow {
width: 82%;
margin: 2em auto 5em;
}
.c-bijoupiko .c-bpFlow__item {
width: 45%;
}
.c-bijoupiko .c-bpFlow__item:first-child::after {
top: 50%;
right: -18%;
width: 0px;
border-right: 12px solid transparent;
border-left: 12px solid #ccdece;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.c-bijoupiko .c-bnWelcome {
width: 480px;
margin: 1em auto;
}
.c-bijoupiko .c-bpCat {
margin: 1em auto 3em;
}
.c-bijoupiko .c-bpCat__item {
width: 33.3%;
padding: .5em;
}
.c-bijoupiko .c-bnAreaBtm {
width: 78%;
margin: 0 auto;
}
.special-fix-bn_bp {
display: block;
position: fixed;
bottom: 35%;
right: 0;
background-color: rgba(255, 255, 255, .6);
z-index: 1000;
}
}
.c-bijoupiko.c-bijoupiko201909{
max-width: 650px;
display: block;
margin: 0 auto;
}
.c-bijoupiko201909__ttlCoupon{
border-radius: 10px 10px 0 0;
}
/* ポップアップフェア定型 */
.fair_ttl{
font-size: 20px;
font-weight: bold;
line-height: 1.6;
}
.fair_h2{
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 0.5em;
width: 100%;
box-sizing: border-box;
}
.fair_subtxt {
padding-left: 4em;
position: absolute;
top: 50%;
}
/* サロンブライダルフェア定型 */
.Sfair_h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
.Sfair_ttl {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
border-bottom: 2px solid;
margin-bottom: 2em;
}
.Sfair_img01 {
position: absolute;
top: -1.5em;
left: 26%;
}
.Sfair_img02 {
position: absolute;
top: -1.5em;
left: 24%;
}
.Sfair_img03 {
position: absolute;
top: -1.5em;
left: 25%;
}
/* 9月フェア */
.f1909_clr01{ color: #425264;}
.f1909_clr02{ color: #b4965d;}
.f1909_clr03{ color: #826e40;}
.f1909_bgClr01{ background-color: #425264;}
.f1909_bgClr03{ background-color: #662b2b;}
.f1909_borClr01{ border-color: #425264;}
.f1909_borClr03{ border-color: #003467;}
/* 10月フェア */
.f1910_clr01{ color: #ad4325;}
.f1910_bgClr01{ background-color: #ad4325;}
.f1910_borClr01{ border-color: #ad4325;}
/* ブライダルフェア_201908 */
.f1908r_h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
.f1908r_ttl {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
color: #8c7748;
border-bottom: 2px solid #003467;
margin-bottom: 2em;
}
.f1908r_img01 {
position: absolute;
top: 10%;
left: 20%;
}
.f1908r_img02 {
position: absolute;
top: 5%;
left: 15%;
}
.f1908r_borClr {
border-color: #003467;
}
.f1908r_bgClr {
background-color: #003467;
}
.f1908r_timeClr {
color: #003467;
}
.f1908r_atClr {
color: #ef3c3c;
}
.f1908_pri01L {
top: 10%;
left: 20%;
}
.f1908_pri01R {
top: 10%;
right: 20%;
}
.f1908_pri02L {
top: 10%;
left: 8%;
}
.f1908_pri02R {
top: 10%;
right: 8%;
}
/* ポップアップFair 201908 */
.f1908_ttl {
font-size: 20px;
font-weight: bold;
color: #a05050;
line-height: 1.6;
}
.f1908_h2 {
font-size: 20px;
font-weight: bold;
background-color: #a05050;
color: #fff;
padding: 0.5em;
width: 100%;
box-sizing: border-box;
}
.f1908_subttl {
font-size: 20px;
font-weight: bold;
}
.f1908_subtxt {
padding-left: 4em;
position: absolute;
top: 50%;
}
.f1908_event {
border: 2px solid #a05050;
}
.f1908_day {
padding-left: 22%;
}
.f1908_color {
color: #a05050!important;
}
.f1908_borColor {
border-bottom: 2px solid #a05050;
}
/* ブライダルフェア_201907 */
.f1907_h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
.f1907_ttl {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #B2926B;
line-height: 1.4;
}
.f1907_color {
color: #6E818F;
}
.f1907_abstxt {
top: 30%;
left: 20%;
text-align: left;
}
/* ブライダルフェア_201906 */
.f1906_h3 {
background-color: #6F888D;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.f1906_ttl {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #6F888D;
}
.f1906_color {
color: #BC8E9D;
}
.f1906_colorList {
color: #BC8E9D;
}
.f1906_bcolor {
border-color: #6F888D;
}
.f1906_bcolorGRD {
border-image: linear-gradient(90deg, #7d3891, #e23062) 1;
}
.f1906_bcolorList {
border-color: #6F9BA5;
}
.f1906_bgcolor {
background-color: #6F888D;
}
.f1906_absimg {
top: 15%;
right: 5%;
}
.f1906_colorY {
color: #ff7300;
}
/* ブライダルフェア_201904 */
.f1904_h3 {
background-color: #e7407b;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.f1904_ttl {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #231815;
}
.f1904_color {
color: #e7407b;
}
.f1904_colorY {
color: #ff7300;
}
.f1904_bcolor {
border-color: #e7407b;
}
.f1904_bcolorGRD {
border-image: linear-gradient(90deg, #7d3891, #e23062) 1;
}
.f1904_bgcolor {
background-color: #e7407b;
}
.f1904_absimg {
top: 15%;
right: 5%;
}
/* ブライダルフェア_201901 */
.f1901_h3 {
font-size: 24px;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4;
}
.f1901_color {
color: #e99315;
}
.f1901_bcolor {
border-color: #e99315;
}
.f1901_bgcolor {
background-color: #e99315;
}
.f1901_pointtext {
width: calc(50% - 8em);
padding: 1em 2em 1em 6em;
text-align: left;
}
.f1901_special {
width: 92%;
margin-left: 4%;
}
.f1901_specialpart {
width: 75%;
margin-left: 12.5%;
margin-top: 3em;
}
.f1901_specialpartImg {
position: relative;
}
.f1901_specialpartText {
text-align: left;
padding-left: 3em;
padding-top: 3em;
}
/* TOPバナー改修_20190115 @田中 */
.top_serif {
font-size: 20px;
text-align: center;
height: 60px;
}
.top_serif3 {
text-align: center;
height: 60px;
font-size: 18px;
position: relative;
top: -13px;
}
.top_serif::before {
background-image: url("/resource/img/serif_L.jpg");
left: 5%;
top: 5%;
}
.top_serif::after {
background-image: url("/resource/img/serif_R.jpg");
right: 5%;
top: 5%;
}
.top_serif::before,
.top_serif::after {
content: "";
display: inline-block;
position: absolute;
background-repeat: no-repeat;
width: 30px;
height: 50px;
}
/* ブライダルフェア_201902 */
.f1902_h3 {
font-size: 24px;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4;
}
.f1902_colorG {
color: #a5875e;
}
.f1902_colorR {
color: #af1212;
}
.f1902_bcolor {
border-color: #af1212;
}
.f1902_bgcolor {
background: linear-gradient(to right, #231815, #d32d2d);
}
.f1902_pointtext {
text-align: left;
font-size: 20px;
font-weight: bold;
width: calc(100% - (160px + 1.25em));
color: #a5875e;
border-bottom: 2px solid #333;
margin-left: 0.25em;
}
.f1902_special {
width: 90%;
margin-left: 5%;
}
.f1902_specialText {
width: calc(100% - 372px);
}
.f1902_specialpart {}
.f1902_specialpartImg {
position: relative;
}
.f1902_specialpartText {
text-align: left;
padding-left: 3em;
padding-top: 3em;
}
/* ブライダルフェア_201903 */
.f1903_h3 {
font-size: 24px;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4;
}
.f1903_specialTtl {
color: #abc1b1;
border-bottom: 1px solid #333;
font-size: 18px;
padding-bottom: 0.25em;
font-weight: bold;
margin-bottom: 1.5em;
}
.f1903_special2 {
padding-right: 4em;
padding-left: 4em;
}
.f1903_special2Txt {
text-align: left;
}
.f1903_borcolor {
border-color: #abc1b1;
}
.f1903_bgcolor {
background-color: #abc1b1;
}
.f1903_colorY {
color: #ff7300;
}
.f1903_priv {
padding-left: 2em;
text-align: left;
}
/* 会員ページ購入履歴＆商品ページ 備品誘導 */
.itemAdditional {
background-color: #ECE8DD;
border: 1px solid #978A81;
border-radius: 3px;
}
.itemAdditional__title01 {
font-size: 13px;
display: block;
padding: 0.5em 0;
position: relative;
}
.itemAdditional__arrow {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #978A81;
border-right: solid 2px #978A81;
position: absolute;
margin: auto;
top: 0;
bottom: 10%;
right: 5%;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
color: #
}
.is-open .itemAdditional__arrow {
-webkit-transform: rotate(315deg) skew(10deg, 10deg);
transform: rotate(315deg) skew(10deg, 10deg);
}
.itemAdditional__title01Txt--close {
font-size: 14px;
}
.itemAdditional__title01Txt--open,
.is-open .itemAdditional__title01Txt--close {
display: flex;
-webkit-display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
height: 50px;
}
.is-open .itemAdditional__title01Txt--open,
.itemAdditional__title01Txt--close {
display: none;
}
.itemAdditional__list {
padding: 0 0.5em 1em 0.5em;
}
.itemAdditional__item {
width: 14.28%;
margin-top: 1em;
padding: 0 0.5em;
box-sizing: border-box;
}
.is-less4 .itemAdditional__item.itemAdditional__item--single {
width: 25%;
}
.itemAdditional__link {
border-radius: 5px;
padding: 0.5em;
background-color: #fff;
height: 100%;
box-sizing: border-box;
}
.itemAdditional__imgWrap {}
.itemAdditional__img {
max-width: 100%;
padding: 2px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.itemAdditional__title02 {
font-size: 11px;
}
.itemAdditional__title03 {
background: transparent;
border-bottom: 1px solid #978A81;
text-align: center;
}
#member_history .cartTable.itemKakuninTable {
height: auto !important;
}
/*wpで勝手にbrが入ってしまう問題への対策*/
/*表示したいbrに対しては、sp-contなりpc-contなりをつける。*/
.wp_auto_br {}
.wp_auto_br br:not([class]) {
display: none;
}
/* ---------------------
- 新卒フォーム
- 採用分岐ページ
- 新卒ページ
--------------------- */
/* 新卒採用フォーム
----------------------*/
.cp_recruit__formArea--checkbox label {
display: block;
}
.cp_recruit__formArea--checkbox label,
.cp_recruit__formArea--radio label {
margin-right: 1em;
}
.cp_recruit__formArea--checkbox input[type="checkbox"],
.cp_recruit__formArea--select select,
.cp_recruit__formArea--radio input[type="radio"],
.cp_recruit__formArea--text input[type="text"] {
width: auto!important;
}
.p-mw-wp-form #birth_year {
min-width: 47px;
}
.u-w4em {
width: 4em;
}
.cp_recruit__postal>span {
margin-left: 2em;
}
/* Webフォント
------------------------ */
@font-face {
font-family: 'utukushi';
src: url('/resource/font/recruit/recruit-utsukushi.woff2') format('woff2'), url('/resource/font/recruit/recruit-utsukushi.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'kozminpro-m';
src: url('/resource/font/recruit/recruit-kozminpro-m.woff2') format('woff2'), url('/resource/font/recruit/recruit-kozminpro-m.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'kozminpro-b';
src: url('/resource/font/recruit/recruit-kozminpro-b.woff2') format('woff2'), url('/resource/font/recruit/recruit-kozminpro-b.woff') format('woff');
font-display: swap;
}
.p-utukushi {
font-family: utukushi, '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'メイリオ', Meiryo, serif;
}
.p-kozminpro-m {
font-family: kozminpro-m, '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'メイリオ', Meiryo, serif;
}
.p-kozminpro-b {
font-family: kozminpro-b, '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'メイリオ', Meiryo, serif;
}
/* =====================
採用分岐ページ
===================== */
/* box-sizing
------------------------ */
.k-recruit-branch *,
.k-recruit-branch *::before,
.k-recruit-branch *::after {
box-sizing: border-box;
}
/* 分岐ページ背景画像
------------------- */
.k-recruit-branch__bg {
width: 900px;
height: 360px;
background-image: url(/resource/img/recruit/new-graduate/bg-black.png), url(/resource/img/recruit/branch/bg-recruit.jpg);
background-size: 5px, contain;
margin: 40px auto 100px;
}
.k-recruit-branch__bg__txt {
width: 100%;
text-align: center;
text-shadow: 2px 3px 6px rgba(0, 0, 0, 1);
font-size: 64px;
color: #FFFFFF;
left: 50%;
top: 125px;
transform: translateX(-50%);
z-index: 2;
}
.k-recruit-branch__bg__img {
left: 425px;
top: 185px;
z-index: 1;
}
/* 採用区分
----------- */
.k-recruit-branch__sec-list {
/*width: 800px;*/
margin: 0 auto 130px;
}
.k-recruit-branch__sec {
/*width: 385px;*/
width: calc(100%/3);
height: 360px;
padding: 0.5em;
}
/* 分岐新卒
----------- */
.k-recruit-branch__sec--new>a {
border: solid 4px #0071BB;
}
.k-recruit-branch__new__ttl {
width: 100%;
height: 140px;
}
.k-recruit-branch__new__ttl--h2 {
width: 100%;
text-align: center;
font-size: 36px;
color: #000000;
top: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
letter-spacing: 0.15em;
}
.k-recruit-branch__new__ttl--img {
/*top: 72px;
left: 191px;*/
top: 153px;
left: 183px;
z-index: 1;
}
.k-recruit-branch__ul {
width: 100%;
top: 140px;
padding: 0 30px;
font-size: 16px;
text-align: center;
}
.k-recruit-branch__ul.k-recruit-branch__ul--new.overlayBlack::after {
content: "受付終了しました";
color: #fff;
line-height: 130px;
position: absolute;
top: 0;
left: 30px;
height: 100%;
width: calc(100% - 60px);
background: rgba(0, 0, 0, 0.6);
}
.k-recruit-branch__ul.k-recruit-branch__ul--career {
padding: 0;
}
.k-recruit-branch__li--new {
background-color: #D9E7EE;
line-height: 0;
padding: 20px 0;
}
.k-recruit-branch__li--new:not(:last-of-type) {
margin-bottom: 5px;
}
.k-recruit-branch__link {
width: 100%;
bottom: 0;
color: #FFFFFF!important;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 16px 0;
text-decoration: none;
}
.k-recruit-branch__link::after {
content: "";
width: 16px;
height: 16px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
display: inline-block;
vertical-align: middle;
}
.k-recruit-branch__link--new {
background-color: #0071BB;
}
/* 分岐新卒2020
----------- */
.k-recruit-branch__sec--new2020>a {
border: solid 4px #00b20b;
}
.k-recruit-branch__new2020__ttl {
width: 100%;
height: 140px;
}
.k-recruit-branch__new2020__ttl--h2 {
width: 100%;
text-align: center;
font-size: 36px;
color: #000000;
top: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
letter-spacing: 0.15em;
}
.k-recruit-branch__new2020__ttl--img {
top: 72px;
left: 191px;
z-index: 1;
}
.k-recruit-branch__ul.k-recruit-branch__ul--new2020.overlayBlack::after {
content: "受付終了しました";
color: #fff;
line-height: 130px;
position: absolute;
top: 0;
left: 30px;
height: 100%;
width: calc(100% - 60px);
background: rgba(0, 0, 0, 0.6);
}
.k-recruit-branch__li--new2020 {
background-color: #a3ffa9;
line-height: 0;
padding: 20px 0;
}
.k-recruit-branch__li--new2020:not(:last-of-type) {
margin-bottom: 5px;
}
.k-recruit-branch__link::after {
content: "";
width: 16px;
height: 16px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
display: inline-block;
vertical-align: middle;
}
.k-recruit-branch__link--new2020 {
background-color: #00b20b;
}
/* 分岐中途
----------- */
.k-recruit-branch__sec--career>a {
border: solid 4px #C32675;
}
.k-recruit-branch__sec__career__ttl {
top: 20px;
}
.k-recruit-branch__sec__career__ttl__h2 {
/*width: 325px;*/
width: 280px;
left: 50%;
transform: translateX(-50%);
}
.k-recruit-branch__ttl--career {
width: 80px;
color: #000000;
/*font-size: 34px;*/
font-size: 28px;
letter-spacing: 0.15em;
display: inline-block;
}
.k-recruit-branch__ttl--slash {
color: #C32675;
/*font-size: 68px;*/
font-size: 48px;
display: inline-block;
letter-spacing: 0.15em;
}
.k-recruit-branch__ttl--part {
color: #000000;
/*font-size: 34px;*/
font-size: 28px;
display: inline-block;
letter-spacing: 0.15em;
text-align: center;
}
.k-recruit-branch__sec__career__ttl__img--career {
top: 78px;
/*left: 56px;*/
left: 28px;
}
.k-recruit-branch__sec__career__ttl__img--part {
top: 70px;
/*left: 235px;*/
left: 138px;
}
.k-recruit-branch__li--career {
/*width: 156px;*/
width: 46%;
margin: 0 2%;
line-height: 0;
padding: 20px 0;
background-color: #F6E1ED;
}
.k-recruit-branch__li--career:not(:nth-last-of-type(-n+2)) {
margin-bottom: 5px;
}
.k-recruit-branch__more {
top: 270px;
left: 50%;
transform: translateX(-50%);
}
.k-recruit-branch__link--career {
background-color: #C32675;
}
/* =====================
新卒ページ
===================== */
/* box-sizing
-------------- */
.k-new-graduate *,
.k-new-graduate *::before,
.k-new-graduate *::after {
box-sizing: border-box;
}
/* ページ上部
-------------- */
.k-new-graduate {
width: 900px;
margin: 0 auto 60px;
}
.k-new-graduate__bg {
width: 900px;
height: 120px;
margin: 40px auto;
background-image: url(/resource/img/recruit/new-graduate/bg-gray.jpg);
text-align: center;
}
.k-new-graduate__bg__txt {
font-size: 26px;
padding-top: 30px;
z-index: 2;
letter-spacing: 0.15em;
}
.k-new-graduate__bg__img {
width: 80px;
z-index: 1;
margin-top: -20px;
}
.k-new-graduate__movie {
width: 900px;
height: 500px;
margin: 0 auto 90px;
background-image: url(/resource/img/recruit/new-graduate/bg-black.png), url(/resource/img/recruit/new-graduate/bg-movie.jpg);
background-size: 5px, contain;
text-align: center;
}
.k-new-graduate__bg__movie__txt {
font-size: 72px;
color: #FFFFFF;
letter-spacing: 0.2em;
padding-top: 170px;
line-height: 1;
}
.k-new-graduate__bg__movie__txt--big {
font-size: 110px;
vertical-align: sub;
}
.k-new-graduate__special-border01 {
/*
How to use
*/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.k-new-graduate__special-border01>div:nth-child(1)::before {
content: "□";
font-size: 15px;
display: block;
}
.k-new-graduate__special-border01>div:nth-child(2) {
width: calc(100% - 30px);
border-top: 1px dashed #000;
margin-top: 11px;
}
.k-new-graduate__special-border01>div:nth-child(3)::before {
content: "□";
font-size: 15px;
display: block;
}
/* IE11のみ */
_:-ms-lang(x)::-ms-backdrop,
.k-new-graduate__bg__movie__txt--big {
vertical-align: -15px;
}
.k-new-graduate__bg__movie__box {
width: 220px;
height: 40px;
border: solid 2px #29AAE1;
display: inline-block;
}
/* 代表メッセージ
---------------- */
.k-new-graduate__h2 {
font-size: 32px;
text-align: center;
padding-bottom: 20px;
margin-bottom: 20px;
letter-spacing: 0.075em;
position: relative;
}
.k-new-graduate__h2::after {
content: "";
background-image: url(/resource/img/recruit/new-graduate/bg-glass.jpg);
background-repeat: no-repeat;
background-position: bottom center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 5px;
width: 0;
}
.k-new-graduate__h2--animetion::after {
animation: glass-animation 250ms ease forwards;
}
@keyframes glass-animation {
0% {
width: 0px;
}
100% {
width: 120px;
}
}
.k-new-graduate__h2__img {
display: block;
margin: 0 auto 30px;
}
.k-new-graduate__message,
.k-new-graduate__flow {
border-bottom: solid 2px #CCCCCC;
margin-bottom: 70px;
}
.k-new-graduate__message__copy {
text-align: center;
font-size: 28px;
color: #0071BB;
font-weight: bold;
line-height: 1.4;
margin-bottom: 30px;
}
.k-new-graduate__message__box {
width: 800px;
margin: 0 auto 60px;
}
.k-new-graduate__message__p {
width: 410px;
font-size: 15px;
line-height: 1.9;
}
.k-new-graduate__message__box__ceo {
order: -1;
}
.k-new-graduate__message__ceo {
font-size: 30px;
line-height: 1.5;
letter-spacing: 0.2em;
margin-top: 10px;
}
.k-new-graduate__message__ceo--small {
display: block;
font-size: 15px;
letter-spacing: 0.05em;
}
/* 一日の流れ
-------------- */
.k-new-graduate__flow__ul {
width: 800px;
margin: 0 auto 70px;
}
.k-new-graduate__flow__link__li {
width: 250px;
height: 80px;
}
.k-new-graduate__flow__li__img {
position: absolute;
bottom: 0;
left: 0;
}
.k-new-graduate__flow__ul__li__p {
position: absolute;
left: 100px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
font-weight: bold;
}
.k-new-graduate__flow__li__a {
height: 100%;
border: solid 2px #0071BB;
}
.k-new-graduate__flow__li__a::after {
content: "";
width: 15px;
height: 15px;
border-right: solid 2px #0071BB;
border-bottom: solid 2px #0071BB;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
}
.k-new-graduate__flow__ttl {
width: 800px;
height: 120px;
margin: 0 auto 70px;
text-align: center;
background-image: url(/resource/img/recruit/new-graduate/bg-blue.jpg);
}
.k-new-graduate__flow__ttl__h3 {
font-size: 24px;
font-weight: bold;
padding-top: 40px;
line-height: 1;
}
.k-new-graduate__flow__ttl__img {
display: inline-block;
margin-top: -5px;
}
.k-new-graduate__flow__ttl__img--se {
padding-left: 80px;
}
.k-new-graduate__flow__ttl__img--coder {
padding-left: 80px;
}
.k-new-graduate__flow__ttl__img--designer {
padding-left: 80px;
}
.k-new-graduate__flow__list__sec {
width: 800px;
margin: 0 auto 40px;
}
.k-new-graduate__flow__ttl_h4 {
font-size: 20px;
font-weight: bold;
vertical-align: middle;
text-align: center;
margin-bottom: 40px;
}
.k-new-graduate__flow__ttl_h4::before {
content: "";
width: 18px;
height: 29px;
background-image: url(/resource/img/recruit/new-graduate/deco-left.jpg);
background-repeat: no-repeat;
display: inline-block;
margin-right: 5px;
vertical-align: sub;
}
.k-new-graduate__flow__ttl_h4::after {
content: "";
width: 18px;
height: 29px;
background-image: url(/resource/img/recruit/new-graduate/deco-right.jpg);
background-repeat: no-repeat;
display: inline-block;
margin-left: 5px;
vertical-align: sub;
}
/* ある一日
-------------- */
.k-new-graduate__flow__ol-list {
width: 700px;
margin: 0 auto;
}
.k-new-graduate__flow__ol {
width: 300px;
}
.k-new-graduate__flow__li {
min-height: 90px;
display: table;
table-layout: fixed;
}
/* firefoxのみ */
@-moz-document url-prefix() {
.k-new-graduate__flow__li {
height: 90px;
}
}
.k-new-graduate__flow__li__time,
.k-new-graduate__flow__li__p {
display: table-cell;
font-size: 15px;
line-height: 1.2;
padding-top: 5px;
}
.k-new-graduate__flow__li__time {
width: 100px;
text-align: right;
position: relative;
padding-right: 40px;
}
.k-new-graduate__flow__li__time::after {
content: "";
position: absolute;
right: -20px;
top: 0;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
.k-new-graduate__flow__li__p {
width: 200px;
padding-left: 40px;
border-left: dotted 2px #E95513;
}
/* 時計
-------------- */
.k-new-graduate__flow__li__time--900::after {
background-image: url(/resource/img/recruit/new-graduate/900.svg);
}
.k-new-graduate__flow__li__time--920::after {
background-image: url(/resource/img/recruit/new-graduate/920.svg);
}
.k-new-graduate__flow__li__time--930::after {
background-image: url(/resource/img/recruit/new-graduate/930.svg);
}
.k-new-graduate__flow__li__time--1000::after {
background-image: url(/resource/img/recruit/new-graduate/1000.svg);
}
.k-new-graduate__flow__li__time--1030::after {
background-image: url(/resource/img/recruit/new-graduate/1030.svg);
}
.k-new-graduate__flow__li__time--1100::after {
background-image: url(/resource/img/recruit/new-graduate/1100.svg);
}
.k-new-graduate__flow__li__time--1130::after {
background-image: url(/resource/img/recruit/new-graduate/1130.svg);
}
.k-new-graduate__flow__li__time--1200::after {
background-image: url(/resource/img/recruit/new-graduate/1200.svg);
}
.k-new-graduate__flow__li__time--1300::after {
background-image: url(/resource/img/recruit/new-graduate/1300.svg);
}
.k-new-graduate__flow__li__time--1400::after {
background-image: url(/resource/img/recruit/new-graduate/1400.svg);
}
.k-new-graduate__flow__li__time--1530::after {
background-image: url(/resource/img/recruit/new-graduate/1530.svg);
}
.k-new-graduate__flow__li__time--1545::after {
background-image: url(/resource/img/recruit/new-graduate/1545.svg);
}
.k-new-graduate__flow__li__time--1700::after {
background-image: url(/resource/img/recruit/new-graduate/1700.svg);
}
.k-new-graduate__flow__li__time--1600::after {
background-image: url(/resource/img/recruit/new-graduate/1600.svg);
}
.k-new-graduate__flow__li__time--1615::after {
background-image: url(/resource/img/recruit/new-graduate/1615.svg);
}
.k-new-graduate__flow__li__time--1645::after {
background-image: url(/resource/img/recruit/new-graduate/1645.svg);
}
.k-new-graduate__flow__li__time--1800::after {
background-image: url(/resource/img/recruit/new-graduate/1800.svg);
}
/* 募集要項
-------------- */
.k-new-graduate__recruit {
margin-bottom: 60px;
}
.k-new-graduate__recruit__list {
width: 800px;
margin: 0 auto 60px;
}
.k-new-graduate__recruit__dl {
display: table;
table-layout: fixed;
border-bottom: solid 1px #CCCCCC;
width: 100%;
}
.k-new-graduate__recruit__dl:first-of-type {
border-top: solid 1px #CCCCCC;
}
.k-new-graduate__recruit__dt,
.k-new-graduate__recruit__dd {
display: table-cell;
vertical-align: middle;
font-size: 15px;
line-height: 1.9;
padding: 20px;
}
.k-new-graduate__recruit__dt {
width: 200px;
background-color: #F2F2F2;
color: #231815;
}
.k-new-graduate__recruit__dd {
width: 600px;
}
.k-new-graduate__recruit__dd__box {
border: solid 1px #0071BB;
text-align: center;
position: relative;
margin-bottom: 40px;
padding: 10px;
}
.k-new-graduate__recruit__dd__box:not(:last-of-type)::after {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 18px 20px 0 20px;
border-color: #0070bb transparent transparent transparent;
}
.k-new-graduate__recruit__dd__box__p--small {
font-size: 14px;
}
.k-new-graduate__recruit__dd__box__p--blue {
font-size: 22px;
color: #0071BB;
}
.k-new-graduate__recruit__link {
margin: 0 auto;
display: block;
background-color: #0071BB;
max-width: 400px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 20px 0;
color: #fff!important;
text-decoration: none;
}
.k-new-graduate__recruit__link::after {
content: "";
width: 15px;
height: 15px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
display: inline-block;
}
.internship-2021__entryBtn-cover {}
.internship-2021__entryBtn {
left: 0;
right: 0;
margin: 0 auto;
display: block;
background-color: #0071BB;
max-width: 400px;
width: 80%;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 20px 0;
color: #fff!important;
opacity: 0.9;
z-index: 2;
position: fixed;
bottom: 5px;
}
/* 使用例 20190325 igamoto */
.thx_example .c-surround {
padding: 3em 0;
border: solid 1px #999;
border-radius: 15px;
margin: 0 3em;
}
.thx_example .c-pause {
position: relative;
display: inline-block;
}
.thx_example .c-pause::after {
content: '';
position: absolute;
left: 50%;
bottom: -3em;
display: inline-block;
width: 500px;
height: 1px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #999;
}
.thx_example .c-w180 {
width: 180px;
}
.thx_example .c-responsive_a {
padding: 0 2em;
}
.thx_example .c-responsive_b {
padding: 0 1em;
}
.thx_example .c-responsive_b a div {
position: relative;
}
.thx_example .c-responsive_b a div::after {
position: absolute;
content: '';
z-index: 1;
display: inline-block;
background-image: url(../img/cart_icon.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
width: 50px;
height: 50px;
bottom: 5px;
right: 5px;
}
/* クチコミクーポン立岡
---------------- */
.u-w785px-auto {
width: 785px !important;
}
.reviewCouponCodeArea {
margin-right: 1em
}
/* 採用ページ動画追加立岡
---------------- */
.ytbVideoArea {
/*
youtubeを16:9で可変サイズに
のように使います。
*/
width: 100%;
padding-bottom: 56.25%;
height: 0px;
position: relative;
}
.ytbVideoArea iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.k-new-graduate__bg-black-only {
background-image: url(/resource/img/recruit/new-graduate/bg-black.png);
background-size: 5px, contain;
}
/*-------------------------------
TOP人気ランキング By後藤
-------------------------------*/
/* メニュー
-------------------------------*/
.c-item-ranking-menu {
border: solid 1px #FF6D2E;
border-radius: 5px;
padding: 5px 20px;
position: relative;
margin-bottom: 50px;
box-sizing: border-box;
}
.c-item-ranking-menu__ul {
display: flex!important;
align-items: center;
}
.c-item-ranking-menu__list {
width: 180px;
text-align: center;
padding: 8px;
margin-right: 5px;
border-radius: 5px;
cursor: pointer;
font-size: 13px;
}
.c-item-ranking-menu__list:first-of-type {
margin-left: 5px;
}
.c-item-ranking-menu__list.js-menu-current {
color: #FFF;
background-color: #FF6D2E;
}
.c-item-ranking-menu__arrow {
position: absolute;
top: 0;
width: 20px;
height: 100%;
cursor: pointer;
}
.c-item-ranking-menu__arrow.slick-disabled {
display: none!important;
}
.c-item-ranking-menu__arrow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
box-sizing: border-box;
border-top: solid 1px #F05A24;
}
.c-item-ranking-menu__arrow--prev {
left: 0;
}
.c-item-ranking-menu__arrow--prev::before {
border-left: solid 1px #F05A24;
transform: rotate(-45deg);
left: 10px;
}
.c-item-ranking-menu__arrow--next {
right: 0;
}
.c-item-ranking-menu__arrow--next::before {
border-right: solid 1px #F05A24;
transform: rotate(45deg);
right: 10px;
}
.c-item-ranking-menu-sp.u-pc-d-none {
display: none!important;
}
/* ランキング
-------------------------------*/
#main .itemRanking .c-item-ranking-slick.itemWrap {
padding: 0;
}
#main .itemRanking ul.itemBlock.c-item-ranking {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
#main .itemRanking ul.itemBlock li.c-item-ranking__list {
margin: 0 0 15px 0;
width: 200px;
display: block;
float: none;
}
#main .itemRanking ul.itemBlock li.c-item-ranking__list:nth-of-type(n+7) {
width: 145px;
}
.c-item-ranking__list__itemImg {
display: block;
margin-bottom: 5px;
}
ul.c-item-ranking li.c-item-ranking__list a.c-item-ranking__list__link span.c-item-ranking__list__itemImg img.c-item-ranking__list__itemImg__img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: 0;
box-sizing: border-box;
}
/* 式場とPIARYとのリアルな見積り比較修正 20190604@田中*/
.simu_subtitle {
font-size: 20px !important;
text-align: left !important;
}
.simu_subtitle span {
font-size: 14px !important;
}
.simu_subtotal {
font-size: 20px !important;
font-weight: bold;
text-align: right;
vertical-align: bottom !important;
border-bottom: none !important;
height: 51px !important;
}
/* 2019.06.22 ishikawa キャンペーン一覧ページ */
.c-cp201906List__item {
box-sizing: border-box;
padding: 1em;
}
.c-cp201906List__itemA {
display: block;
padding: 1em;
height: 100%;
box-sizing: border-box;
text-decoration: none!important;
position: relative;
}
.c-cp201906List__itemA:after {
content: '〉';
display: block;
position: absolute;
transform: rotate(90deg);
font-weight: bold;
font-size: 14px;
left: calc(50% - 11px);
bottom: 0px;
color: #c6ac42 !important;
}
.c-cp201906Button {
display: inline-block;
position: relative;
padding: 0.5em 0;
border-radius: 4px;
text-decoration: none!important;
text-align: center;
box-sizing: border-box;
}
.c-cp201906Button:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: calc((100% - 12px) / 2);
right: 0.5rem;
border-left: none;
border-top: none;
transform: rotate(-45deg);
}
.c-cp201906Button--01 {
color: #c6ac42 !important;
border: 1px solid #c6ac42;
}
.c-cp201906Button--01:after {
border-right: 2px solid #c6ac42;
border-bottom: 2px solid #c6ac42;
}
.c-cp201906Button--02 {
color: #fff !important;
border: 1px solid #c6ac42;
background: #c6ac42;
}
.c-cp201906Button--02:after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.c-cp201906wbList__item {
box-sizing: border-box;
}
/* キャンペーン一覧（会員ページ） */
.c-cp201906Wrap--member {
border: 1px solid #c6ac42;
}
.c-cp201906Button--02--member {
width: 25%;
}
.c-cp201906Txt--member {
margin: 0 0 0 1em;
}
.c-cp201908Wrap--member__code {
background-color: #ff0000;
color: #fff;
}
.c-cp201908Wrap--member__txt {
width: 75%;
padding-left: 1em;
}
/* キャンペーン一覧（会員ページ） */
.c-cp201906Wrap--member {
border: 1px solid #c6ac42;
}
.c-cp201906Button--02--member {
width: 25%;
}
.c-cp201906Txt--member {
margin: 0 0 0 1em;
}
.c-cp201908Wrap--member__code {
background-color: #ff0000;
color: #fff;
}
.c-cp201908Wrap--member__txt {
width: 75%;
padding-left: 1em;
}
/* 知っトク改修 @田中20190710 */
a.anchor_shittoku {
display: block;
padding-top: 50px;
margin-top: -50px;
}
/* 20190712 知っトクマナー 青木 */
.designList3-2 li {
margin-right: 2em;
}
#mannerPaper .doublecolumnSquare {
padding-left: 0;
width: 44.5%;
}
#mannerPaper .doublecolumnSquare div {
padding: 4% 2%;
}
#mannerPaper .u-flx .doublecolumnSquare {
float: none;
padding: 0;
border: solid 1px #CCCCCC;
}
#mannerPaper .u-flx .doublecolumnSquare div {
padding: 0;
border: none;
}
.listIndent {
list-style-type: disc;
padding-left: 1.5em;
}
/* ヒキタクキャンペーン共通 20190712 */
.k-wfdIP__ttl03Wrap {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #e78672;
line-height: 1.3;
}
.k-wfdIP__ttl03 {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0 2.5rem;
}
.k-wfdIP__ttl03::before {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
left: 1rem;
transform: rotate(-35deg);
}
.k-wfdIP__ttl03::after {
position: absolute;
content: "";
display: block;
top: 0;
bottom: 0;
right: 1rem;
transform: rotate(35deg);
}
.k-wfdIP__ttl03::before,
.k-wfdIP__ttl03::after {
background-color: #e78672;
width: 2px;
}
/* ペーパー商品ページ改修 */
.paper_list {
list-style-type: none!important;
padding: 0!important;
display: -webkit-flex!important;
display: flex!important;
-webkit-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.paper_list li {
width: 44%;
border: 2px solid #c0a287;
border-radius: 5px;
padding: 0.5em;
margin: 0.5em;
position: relative;
background-color: #e9e4de;
}
.paper_list li a {
display: -webkit-flex!important;
display: flex!important;
-webkit-flex-wrap: wrap!important;
flex-wrap: wrap!important;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
height: 45px
}
.paper_list li a::after {
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 7px;
height: 7px;
border-top: 2px solid #c0a287;
border-right: 2px solid #c0a287;
transform: rotate(45deg);
margin-top: -5px;
}
.paper_list li a div {
width: 20%;
text-align: center;
}
.paper_list li a p {
padding-left: 0.5em;
}
/* 20190808 青木 TvCM「50万円得するヒミツ」 */
.secret-to-get {
padding: 0 2em;
}
.c-secretMain {
padding: 3em 0 5em;
background: url(/resource/img/special/tvcm_2019/back_secretMain.jpg) center top no-repeat;
}
.c-secretMain iframe {
margin: 0 auto;
}
.c-secretContents h2 {
margin-top: -1em;
}
.c-secretContents .u-mB15 {
margin-bottom: 1.5em;
}
.c-sectionDealSecret {
margin-bottom: 4em;
}
.c-sectionDealSecret h3 img {
margin-left: 1em;
}
.u-diagonal {
position: relative;
}
.u-diagonal::before,
.u-diagonal::after {
content: "";
height: 100%;
border-left: 1px solid #000;
position: absolute;
top: 0;
}
.u-diagonal::before {
left: calc( 50% - 9.5em);
transform: rotate(-23deg);
}
.u-diagonal::after {
right: calc( 50% - 9.5em);
transform: rotate(23deg);
}
.c-backGraOrange {
background: -moz-linear-gradient(left, #fe7a15 55%, #ffda00);
background: -webkit-linear-gradient(left, #fe7a15 65%, #ffda00);
background: linear-gradient(to right, #fe7a15 65%, #ffda00);
}
.c-secretComparison {
width: 80%;
margin: 0 auto;
}
.c-secretComparison:last-child {
width: 75%;
}
.c-secretComparison th,
.c-secretComparison td {
box-sizing: border-box;
width: 33%;
font-size: 20px;
vertical-align: middle;
}
.c-secretComparison th {
font-weight: normal;
padding: 0.5em 0.5em 0.2em;
border-radius: 7px 7px 0 0;
}
.c-secretComparison td {
padding: 0.6em 0.5em 0.5em;
border: 1px solid #e1e1e1;
}
.c-secretComparison tr td:first-child {
padding-left: 1em;
}
.c-secretComparison .c-fontsizeL {
font-size: 135%;
}
.c-secretComparison .c-fontsizeS {
font-size: 85%;
}
.c-secretVoice {
padding: 1.5em 2em;
position: relative;
}
.c-secretVoice::before,
.c-secretVoice::after {
content: "";
position: absolute;
}
.c-secretVoice::before {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #000;
left: 42px;
top: -15px;
}
.c-secretVoice::after {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #fff;
left: 43px;
top: -14px;
}
.c-secretPreChance.u-diagonal::before {
left: calc( 50% - 7em);
}
.c-secretPreChance.u-diagonal::after {
right: calc( 50% - 7em);
}
.c-secretPreNego {
width: 70%;
}
.c-secretPreNego a {
padding: 0.8em 0;
position: relative;
}
.c-secretPreNego a::after {
content: ">";
font-weight: bold;
position: absolute;
top: 50%;
right: 1.5em;
transform: translateY(-50%) scale(0.8, 1.5);
}
.c-secretPreNego__bt {
animation: anime-secretPreNego__bt 1.4s linear 0s infinite;
}
@keyframes anime-secretPreNego__bt {
0% {
background-color: #ee5a24;
}
45% {
background-color: #faa024;
}
90% {
background-color: #ee5a24;
}
100% {
background-color: #ee5a24;
}
}
/* 契約前の交渉術 */
.c-secretNegoMain {
background: url(/resource/img/special/tvcm_2019/back_secretMin02.jpg) center top no-repeat;
}
.c-secretNegoMainBorder {
margin: 0 auto 3em;
}
.c-secretNegoMainInner {
width: 380px;
margin: 0 auto;
padding-top: 20em;
}
.c-secretNegoMain h2 {
line-height: 1.5;
}
.c-sNPrice {
padding: 0 4.1em 0em 2em;
margin-bottom: 0.2em;
}
.c-sNPrice:nth-of-type(1) {
padding-right: 1.4em;
}
.c-sNPrice:nth-of-type(3) {
padding: 0 2.5em 0 1em;
}
.c-sNPrice dd span {
padding: 0 0.2em;
}
.c-secretNegoCover .c-EXmark {
position: relative;
}
.c-secretNegoCover .c-EXmark::after {
content: "!";
font-size: 20px;
color: #fff;
text-align: center;
line-height: 1.0;
padding: 0.2em 0.5em 0.1em;
background-color: #f00;
border-radius: 50%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.c-secretNegoCover .c-sNPriceCheckMark {
background-image: url(/resource/img/special/tvcm_2019/icon_check.jpg);
background-repeat: no-repeat;
background-position: 97.5% 0.85em;
}
.c-sNPriceCheckBox {
padding: 1em 1.5em;
position: relative;
}
.c-sNPriceCheckBox::before,
.c-sNPriceCheckBox::after {
content: "";
position: absolute;
right: 0;
top: 0;
}
.c-sNPriceCheckBox::before {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #000;
right: 20px;
top: -15px;
}
.c-sNPriceCheckBox::after {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 15px solid #fff;
right: 21px;
top: -14px;
}
.c-sNPriceCheckBox .c-checkMark {
padding-left: 1.3em;
background-image: url(/resource/img/special/tvcm_2019/icon_check.jpg);
background-repeat: no-repeat;
background-position: left 0.25em;
}
.c-secretNegoContents {
width: 90%;
margin: 0 auto;
}
.c-sNNaviList {
width: 90%;
margin: 0 auto 2em;
}
.c-sNNaviList li {
width: 23%;
font-size: 14px;
margin: 0 2.5% 2.5% 0;
}
.c-sNNaviList li:nth-of-type(4n) {
margin-right: 0;
}
.c-sNNaviList li a {
display: block;
box-sizing: border-box;
width: 100%;
text-align: center;
text-decoration: none;
padding: 0.7em 1.0em 0.7em 0;
border: 1px solid #35bbcb;
border-radius: 10px;
position: relative;
}
.c-sNNaviList li a::after {
content: "＞";
font-weight: bold;
position: absolute;
right: 0.8em;
top: 50%;
transform: rotate(90deg) scale(0.7, 1.2) translateX(-100%);
}
.c-secretNegoContentsBox {
width: 317px;
}
.c-secretNegoContentsBox h4 {
font-size: 23px;
font-weight: normal;
text-align: center;
padding: 0.5em 0 0.4em;
background: -moz-linear-gradient(left, #a5e1e7, #37bccb);
background: -webkit-linear-gradient(left, #a5e1e7, #37bccb);
background: linear-gradient(to right, #a5e1e7, #37bccb);
}
.c-secretNegoContentsBox table {
width: 100%;
margin-bottom: 1.5em;
}
.c-secretNegoContentsBox th,
.c-secretNegoContentsBox td {
width: 50%;
vertical-align: middle;
padding: 0.8em 1em 0.6em;
border: 1px solid #e1e1e1;
}
.c-secretNegoContentsBox th {
font-size: 13px;
line-height: 1.4em;
font-weight: normal;
text-align: left;
}
.c-secretNegoContentsBox td {
font-size: 16px;
line-height: 1.0em;
text-align: right;
}
.c-tableCheckMark {
position: relative;
}
.c-tableCheckMark::after {
content: "";
width: 20px;
height: 20px;
background: url(/resource/img/special/tvcm_2019/icon_check.jpg);
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
}
.c-checkPoint {
width: 90%;
margin: 0 auto;
}
.c-secretNegoContentsBox .c-checkMark {
padding-left: 1.7em;
background-image: url(/resource/img/special/tvcm_2019/icon_check.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.c-summaryText {
width: 45%;
margin: 0 auto;
}
.c-secretNegoSalon h3 {
position: relative;
}
.c-secretNegoSalon h3::before,
.c-secretNegoSalon h3::after {
content: "";
width: 1px;
height: 100%;
background-color: #ec5a24;
position: absolute;
top: -0;
}
.c-secretNegoSalon h3::before {
left: 10.5em;
transform: rotate(-30deg);
}
.c-secretNegoSalon h3::after {
right: 10.5em;
transform: rotate(30deg);
}
.c-secretNegoSalon ul {
width: 335px;
margin: 0 auto;
}
.c-secretNegoSalon li {
width: 145px;
}
.c-secretNegoSalon a {
text-decoration: none;
}
.c-secretNegoSalon dl {}
.c-secretNegoSalon dt {
margin-bottom: 0.5em;
}
.c-secretNegoSalon dt img {
width: 100%;
height: auto;
}
a.anchor_secret {
display: block;
padding-top: 70px;
margin-top: -70px;
position: relative;
z-index: -1;
}
.c-secretConclusion__txt {
background: linear-gradient(transparent 50%, #ffdea3 50%, #ffdea3 90%, transparent 90%);
}
/* associa改修＠田中20190823*/
.ass_h2 {
font-weight: bold;
margin-top: 3em;
font-size: 16px;
border-bottom: 1px solid;
padding-bottom: 0.75em;
margin-bottom: 2em;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.ass_h2_under {
position: relative;
}
.ass_h2_under::before,
.ass_h2_under::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: calc(50% - 5px);
border-top: 15px solid transparent;
border-bottom: 0px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.ass_h2_under::before {
border-top-color: #000000;
bottom: -15px;
}
.ass_h2_under::after {
border-top-color: #ffffff;
bottom: -13px;
}
.ass_h2_under_p::after {
border-top-color: #ffecf0;
}
.ass_h2_under_y::after {
border-top-color: #fff2e0;
}
.ass_clr01 {
color: #ed0080;
}
.ass_clr02 {
color: #036eb5;
}
.ass_bgClr01 {
background-color: #fff2e8;
}
.ass_bgClr02 {
background-color: #ed0080;
}
.ass_bgClr03 {
background-color: #036eb5;
}
.ass_bgClr04 {
background-color: #c7e2f1;
}
.ass_bgClr05{
background-color: #fff2e0;
}
.ass_bgClr06{
background-color: #af8047;
}
.ass_bgClr07{
background-color: #44a9e0;
}
.ass_bgClr08{
background-color: #f278ae;
}
.ass_bgClr09{
background-color: #b2b2b3;
}
.ass_bgClr10{
background-color: #ccf2ff;
}
.ass_bgClr11{
background-color: #ffd3ec;
}
.ass_bgClr12{
background-color: #fff081;
}
.ass_bgClr13{
background-color: #ffeaf0;
}
.ass_tit {
position: relative;
}
.ass_tit::before {
content: '';
position: absolute;
border-left: 2px solid #ed0080;
height: 25px;
transform: rotate(-20deg);
left: -5%;
top: 0px;
}
.ass_tit::after {
content: '';
position: absolute;
border-left: 2px solid #ed0080;
height: 25px;
transform: rotate(20deg);
right: -5%;
top: 0px;
}
.ass_padding {
padding: 5%;
padding-bottom: 7em;
}
.ass_etc01{
top:24%;
left:20%;
}
.ass_etc02{
top:24%;
left:17%;
}
.ass_etc03{
top:24%;
left:15%;
}
.ass_etc04{
top:24%;
left:28%;
}
.ass_but{
position: absolute;
left: 36%;
top: 69%
}
.ass_under{
border-left: 375px solid transparent;
border-right: 375px solid transparent;
border-top: 50px solid #c7e2f1;
}
.ass_graphTxt{
text-align: left;
position: absolute;
font-size: 15px;
color: #ed0080;
top: 3%;
left: 20%;
line-height: 1.3;
}
.ass_bgimg{
background: url(/resource/img/insurance/ass_bgimg.jpg)
}
.ass_arw{
position: relative;
}
.ass_arw::after{
content: '';
display: block;
position: absolute;
width: 0;
border-top: 3em solid #ffeaf0;
border-left: 3vw solid transparent;
}
.ass_arwBC::after{
bottom: -3em;
left: 10%;
right: 0;
margin: 0 auto;
}
.ass_step li:after {
border: 25px solid transparent;
border-left: 25px solid #ffc700;
content: '';
height: 0;
position: absolute;
right: -20%;
top: 70px;
width: 0;
}
.ass_step li:last-child:after{
display: none;
}
/* ウェルカムボードにもなるプチギフト改修 */
.c-petitTypeSelect{
-webkit-justify-content: space-between;
justify-content: space-between;
}
.c-petitTypeSelect a{
text-decoration: none;
padding: 0.5em 0.5em 2em 0.5em;
position: relative;
}
.c-petitTypeSelect a::before,
.c-petitTypeSelect a::after{
content: "";
width: 1em;
height: 2px;
background-color: #000;
position: absolute;
bottom: 1em;
}
.c-petitTypeSelect a::before{
left: 43%;
transform: rotate(30deg);
}
.c-petitTypeSelect a::after{
right: 43%;
transform: rotate(-30deg);
}
.c-petitType__Discription .c-typeTitle{
order: 2;
width: 50%;
}
.c-petitType__Discription .c-typeTitle h3,
.c-petitType__Discription .c-typeTitle p{
line-height: 1.6;
}
.c-petitType__Discription .c-typeTitle h3{
text-align: center;
margin-bottom: 1em;
}
.c-petitType__Discription .c-typeTitle h3 span{
font-weight:normal;
}
.c-petitType__Discription .c-typeTitle p{
text-align: center;
}
.c-petitType__Discription .c-petitType__Img{
order: 1;
}
.c-petitType__Discription .c-typeMoreBtn{
width: 30%;
margin:2em auto 0;
}
.c-petitType__Discription .c-typeMoreBtn a{
width: 100%;
text-decoration: none;
padding: 1em 0;
position: relative;
}
.c-petitType__Discription .c-typeMoreBtn a::before,
.c-petitType__Discription .c-typeMoreBtn a::after{
content: "";
width: 2px;
height: 1em;
background-color: #618f85;
position: absolute;
right: 1em;
}
.c-petitType__Discription .c-typeMoreBtn a::before{
top: 33%;
transform: rotate(-30deg);
}
.c-petitType__Discription .c-typeMoreBtn a::after{
bottom: 33%;
transform: rotate(30deg);
}
.c-petitType__Tokuten{
padding: 2em;
}
.c-petitType__Tokuten .c-petitType__TokutenText{
width:48%;
}
.c-petitType__Tokuten .c-petitType__TokutenText h3{
font-size: 18px;
line-height: 1.6;
}
.c-petitType__Tokuten .c-petitType__TokutenText p{
margin-top: 1em;
line-height: 1.6;
}
.c-petitType__Tokuten .c-petitType__TokutenImg{
width:48%;
}
.c-petitType__Tokuten .c-petitType__TokutenImg img{
width: 100%;
height: auto;
}
.c-kutikomi_petiteGift{
padding: 3em;
}
.c-kutikomi_petiteGift h3{
line-height: 1.6;
position:relative;
letter-spacing: 0.2em;
}
.c-kutikomi_petiteGift h3::before,
.c-kutikomi_petiteGift h3::after{
content: "";
width: 1px;
height: 100%;
background-color: #618f85;
position:absolute;
top: 0;
}
.c-kutikomi_petiteGift h3::before{
left: calc( 50% - 9em );
transform: rotate(-40deg);
}
.c-kutikomi_petiteGift h3::after{
right: calc( 50% - 9em );
transform: rotate(40deg);
}
.c-kutikomiList_petiteGift img{
width: 100%;
height: auto;
margin-bottom: 0.5em;
}
.c-kutikomiList_petiteGift li{
box-sizing: border-box;
width: 50%;
}
.c-kutikomiList_petiteGift li:nth-of-type(2n-1){
border-right: 1px dotted #cbcbcb;
padding-right: 1.5em;
}
.c-kutikomiList_petiteGift li:nth-of-type(2n){
border-left: 1px solid transparent;
padding-left: 1.5em;
}
.c-kutikomiList_petiteGift .c-brideInfo_petiteGift{
width: 100%;
}
.c-kutikomiList_petiteGift .c-brideInfo_petiteGift h4{}
.c-kutikomiList_petiteGift .c-brideInfo_petiteGift div{}
.c-brideImg_petiteGift{
width: 21%;
}
.c-brideComment_petiteGift{
width: 70%;
}
.c-kutikomi_petiteGift .c-GhostAccoWrap{
position: relative;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger{
width: 35%;
text-align: center;
padding: 0.9em 0 0.8em;
border-radius: 7px;
position: absolute;
left: 50%;
transform:translateX(-50%);
z-index:10;
cursor:pointer;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger.is-show{
color: #000;
bottom: -3em;
border: 1px solid #618f85;
}
.c-kutikomi_petiteGift .c-GhostAccoItem.is-hide {
height: 38em;
}
.c-kutikomi_petiteGift .c-TriggerContent::after{
content: ">";
color: #618f85;
position: absolute;
top: 50%;
right: 1.5em;
transform: translateY(-50%) rotate(90deg) scale(0.8,1.5);
}
.c-kutikomi_petiteGift .is-show .c-TriggerContent::after{
transform: translateY(-50%) rotate(-90deg) scale(0.8,1.5);
}
.c-kutikomi_petiteGift .c-GhostAccoItem {
position: relative;
overflow: hidden;
}
.c-kutikomi_petiteGift .c-GhostAccoItem::before {
content: "";
color: #618f85;
display: block;
width: 100%;
height: 7em;
position: absolute;
left: 0;
bottom: 0em;
background: -webkit-linear-gradient( top , rgba(255,255,255,0) 0% , rgba(255,255,255,1) 50% , rgba(255,255,255,1) 50% , rgba(255,255,255,1) 100% );
background: linear-gradient( top , rgba(255,255,255,0) 0% , rgba(255,255,255,1) 50% , rgba(255,255,255,1) 50% , rgba(255,255,255,1) 100% );
z-index: 5;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger.is-show + .c-GhostAccoItem{
margin-bottom: 5em;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger.is-show + .c-GhostAccoItem::before {
display: none;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger{
color: #618f85;
border: 1px solid #618f85;
background-color: #FFF;
bottom: -1em;
}
.c-kutikomi_petiteGift .c-GhostAccoTrigger.is-show{
color: #618f85;
bottom: -5em;
border: 1px solid #618f85;
}
.c-kutikomi_petiteGift .c-TriggerContent::before{
content: "もっと見る";
}
.c-kutikomi_petiteGift .is-show .c-TriggerContent::before {
content: "閉じる";
}
.anchor_petitgift--wb{
display: block;
padding-top: 40px;
margin-top: -40px;
position: relative;
z-index: -1;
}
/* ペーパー商ページ内リンク 20190916＠田中*/
.p_contents{
display:block;
padding-top:4em;
margin-top:-4em;
}
/* 採用ページ修正 2019.10.04 goto */
.k-recruit-branch__li--career {
line-height: 1.2;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 40px;
}
.k-recruit-branch__li--career span {
font-size: 14px;
}
/* 2019.10.20 青木 大口見積り */
.c-largeSupport{
padding: 2em 0;
background-color: rgba(214,204,190,0.2);
}
.c-largeSupport p{
font-size: 170%;
}
.c-largeSupport .c-underBackLine--Yellow{
background: linear-gradient(transparent 50%, yellow 50%)
}
.c-categoryLink h3{
font-size: 154%;
}
.c-categoryList_Link a{
display: block;
text-decoration: none;
}
.c-categoryList_Link a:hover{
opacity: 0.8;
}
.c-categoryList_Link dt{
font-size: 115%;
}
.c-categoryWrap{
padding: 3em 2em;
border: 10px solid #e8e3db;
}
.c-categoryCont{
margin-bottom: 3em;
}
.c-categoryDiscription{}
.c-categoryDiscription h3{
text-align: center;
font-size: 21px;
padding-top: 1.5em;
background: url(/resource/img/support/largeorder/2019/lo_back_title.png) center top no-repeat;
}
.c-categoryDiscription dd{
width:46%;
line-height: 2em;
padding-top: 1em;
}
.c-categoryScene{}
.c-categoryScene h3{
text-align: center;
font-size: 21px;
padding-top: 1.5em;
background: url(/resource/img/support/largeorder/2019/lo_back_title.png) center top no-repeat;
}
.c-categorySceneList{
justify-content: space-around;
-moz-justify-content: space-around;
-webkit-justify-content: space-around;
}
.c-categorySceneList li{
width:45%;
margin-bottom: 1.5em;
}
.c-categorySceneList dl{}
.c-categorySceneList dt{
margin-right: 1.5em;
}
.c-categorySceneList dd{}
.c-categoryContComment{
font-size: 140%;
line-height: 1.8em;
}
.c-categoryPoint{}
.c-categoryPoint h3{
font-size: 185%;
text-align: center;
padding: 0.8em 0;
margin-bottom: 1em;
border-bottom: 1px solid #4b4b4b;
background: url(../img/support/largeorder/2019/lo_point01.jpg) 1em top no-repeat;
}
.c-categoryTable{
width: 100%;
margin:0 auto;
border: 1px solid #cbcbcb;
}
.c-categoryTable th{
font-size: 138%;
font-weight: bold;
text-align: center;
padding: 0.7em 0;
background-color: #ebebeb;
}
.c-categoryTable td{
padding: 1.8em 1.5em;
}
.c-categoryExample--Normal caption{
font-size: 110%;
text-align: left;
margin-bottom: 0.5em;
}
.c-categoryExample--Normal th,
.c-categoryExample--Normal td{
width: 100%;
}
.c-categoryExample--Normal td p{
font-size: 108%;
line-height: 2em;
}
.c-categoryExample--Normal td p span{
font-size: 200%;
}
.c-categoryArrow{
height: 2em;
margin: 1em 0;
position:relative;
}
.c-categoryArrow::before{
content: "";
position: absolute;
border-top: 2em solid #cbcbcb;
border-right: 1.5em solid transparent;
border-left: 1.5em solid transparent;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.c-categoryExample--Special{}
.c-categoryExample--Special td{
text-align: center;
vertical-align: middle;
border-right: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
.c-categoryExample--Special td:last-child{
font-size: 120%;
border-right: none;
}
.c-categoryExample--Special tr:last-child td{
border-bottom: none;
}
.c-categoryExample--Special dd span{
font-size: 160%;
color: #ff7929;
}
.c-categoryExample--Special dl:first-child{
width: 45%;
}
.c-categoryExample--Special dl:last-child{
width: 40%;
}
.c-categoryExample--Special td:last-child p{}
.c-categoryExample--Special .c-tableBackImg{
font-size: 135%;
background: url(/resource/img/support/largeorder/2019/lo_back_img.jpg) left top no-repeat;
background-size: 100% auto;
}
.c-categoryPresent{}
.c-categoryPresent h3{
font-size: 185%;
text-align: center;
padding: 0.8em 0;
margin-bottom: 1em;
border-bottom: 1px solid #4b4b4b;
background: url(/resource/img/support/largeorder/2019/lo_point02.jpg) 1em top no-repeat;
}
.c-categoryPresentList{
margin-bottom: 4em;
}
.c-categoryPresentList dl{}
.c-categoryPresentList dt{
margin-bottom: 1em;
}
.c-categoryPresentList dd{
padding: 0.5em 0 0.4em 4.8em;
background-size: auto 100%;
}
.c-categoryPresentList dl:nth-child(1) dd{
background: url(/resource/img/support/largeorder/2019/lo_present_no01.jpg) left top no-repeat;
}
.c-categoryPresentList dl:nth-child(2) dd{
background: url(/resource/img/support/largeorder/2019/lo_present_no02.jpg) left top no-repeat;
}
.c-categoryBtn{
width: 60%;
font-size:130%;
text-align: center;
margin: 0 auto;
}
.c-categoryBtn a{
display: block;
width: 100%;
padding: 0.8em 0 0.7em;
border-radius: 5px;
text-decoration: none;
position: relative;
}
.c-categoryBtn a::after{
content: "＞";
font-weight: bold;
position: absolute;
top: 50%;
right: 0.5em;
transform: translateY(-50%);
}