@charset "UTF-8";
/* style*/
br.sp {
display: none;
}
/* 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-dispN-temp {display: none;}/*後からプログラムなどで表示を変えたい場合*/
.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;}
.u-pc-blk {display: block!important;}
.u-sp-blk {display: none!important;}
/*テキスト挟む逆八の字*/
.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: '／'; }
/* 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-fStr {
-webkit-align-items: stretch!important;
align-items: stretch!important;
}
.u-fStart{
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!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-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: norap!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;
}
/* u-ord
* flex内並び順
*/
.u-ord1-2 {-webkit-order: 1;order: 1;}
.u-ord2-1 {-webkit-order: 2;order: 2;}
/* u-pe
* 他jsなどで勝手にpointer-events:none;になる対策
*/
.u-peAu {pointer-events: auto!important;}
/* 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 );}
/* 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 { margin: 1em!important; }
.u-m2 { margin: 2em!important; }
.u-m3 { margin: 3em!important; }
.u-m10 {margin: 10px !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-mT2 { margin-top: 2em!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-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-mB2 { margin-bottom: 2em!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-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-mR08 { margin-right: 0.8em!important;}
.u-mR1 { margin-right: 1em!important;}
.u-mR15 { margin-right: 1.5em!important;}
.u-mR2 { 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-m05A { margin: 0.5em auto!important;}
.u-m1A { margin: 1em auto!important;}
.u-m2A { margin: 2em auto!important;}
.u-m10A { margin: 10px auto!important;}
.u-m0A { margin: 0 auto !important;}
.u-m0 { margin: 0!important; }
/* 微調整用 */
.u-m003 {margin: 3%;}
.u-m005 {margin: 5%;}
.u-curP{cursor: pointer;}
/* u-p
* パディング
* .u-p[pc]-[sp]
*/
.u-p03 {padding: 0.3em;}
.u-p05 {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-pT0 { padding-top: 0em!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-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-pW10 { padding-left: 10px!important;padding-right: 10px!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-hidden { display: none; }
/* 高さ中央*/
.u-verAM {vertical-align: middle !important;}
/* #u-txtDec*/
.u-txtDec,
.u-txtDec:hover {
text-decoration: none;
}
.u-txtDecUL{
text-decoration: underline!important;
}
.u-textR {text-align: right!important;}
.u-textL {text-align: left;}
.u-textC {text-align: center;}
.text-align{text-align: center;}
.u-bold {font-weight: bold !important;}
.u-normal {font-weight: normal!important;}
.u-light {font-weight: lighter !important;}
/* u-fs
* フォントサイズ
*/
.u-fs29 {font-size: 29px!important;}
.u-fs21 {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-fsS {font-size: 12px!important;}
.u-fs2S {font-size: 11px!important;}
.u-fs3S {font-size: 10px!important;}
.u-fsP75 {font-size: 75%;}
.u-fsP90 {font-size: 90%;}
.u-fsP120 {font-size: 120%;}
.u-fsP130,
.u-fsLarger {font-size: 130%;}
.u-fsP180 {font-size: 180%;}
.u-fs10-pc {font-size: 10px !important;}
.u-fs11-pc {font-size: 11px !important;}
.u-fs12-pc {font-size: 12px !important;}
.u-fs13-pc {font-size: 13px !important;}
.u-fs14-pc {font-size: 14px !important;}
.u-fs15-pc {font-size: 15px !important;}
.u-fs16-pc {font-size: 16px !important;}
.u-fs17-pc {font-size: 17px !important;}
.u-fs18-pc {font-size: 18px !important;}
.u-fs19-pc {font-size: 19px !important;}
.u-fs20-pc {font-size: 20px !important;}
.u-fs21-pc {font-size: 21px !important;}
.u-fs22-pc {font-size: 22px !important;}
.u-fs23-pc {font-size: 23px !important;}
.u-fs24-pc {font-size: 24px !important;}
.u-fs25-pc {font-size: 25px !important;}
.u-fs26-pc {font-size: 26px !important;}
.u-fs27-pc {font-size: 27px !important;}
.u-fs28-pc {font-size: 28px !important;}
.u-fs29-pc {font-size: 29px !important;}
.u-fs30-pc {font-size: 30px !important;}
.u-fs31-pc {font-size: 31px !important;}
.u-fs32-pc {font-size: 32px !important;}
.u-fs33-pc {font-size: 33px !important;}
.u-fs34-pc {font-size: 34px !important;}
.u-fs35-pc {font-size: 35px !important;}
.u-fs36-pc {font-size: 36px !important;}
/* u-fs
* フォントサイズ
* .u-fs[pc]-[sp]
*/
.u-fs13,
.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-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-14 {font-size: 18px !important;}
.u-fs19-17 {font-size: 19px !important;}
.u-fs20-18,
.u-fs20-16,
.u-fs20-14,
.u-fs20-12 {font-size: 20px !important;}
.u-fs22-18,
.u-fs22-14,
.u-fs22 {font-size: 22px !important;}
.u-fs24,
.u-fs24-12,
.u-fs24-14,
.u-fs24-19,
.u-fs24-22 {font-size: 24px !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-045vw {font-size: 28px !important;}
.u-fs29-26,
.u-fs29-16 {font-size: 29px !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-fs24-18 {font-size: 24px;}
.u-fs18-16 {font-size: 18px;}
.u-fs16-14 {font-size: 16px;}
.u-lineC1,
.u-lineC2,
.u-lineC3,
.u-lineC4,
.u-lineC5{
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.u-lineC1{ -webkit-line-clamp: 1; }
.u-lineC2{ -webkit-line-clamp: 2; }
.u-lineC3{ -webkit-line-clamp: 3; }
.u-lineC4{ -webkit-line-clamp: 4; }
.u-lineC5{ -webkit-line-clamp: 5; }
/* u-clr
* 文字色
*/
.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;}
.u-clr05 {color: #000000 !important;}
.u-clr14 {color: #a8893d !important;}
.u-clr15 {color: #9797A8 !important; }/* detail */
.u-clr16 {color: #ff8080 !important; }
.u-clr23 { color: #ff0000 !important;}
.u-clr-fae3e4 {color: #fae3e4 !important; }
.u-clr-666666 {color: #666666 !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;
}
/* 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-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: #fff2f5 !important; }
.u-bgClr19 {background-color: #ed1c24 !important; }
.u-bgClr20 {background-color: #ff8080 !important; }
.u-bgClr-fae3e4 {background-color: #fae3e4 !important; }
.u-bgClr-fff4cc {background-color: #fff4cc !important; }
.u-bgClr-e8cfd4 {background-color: #e8cfd4 !important; }
.u-bgClr-d1dce8 {background-color: #d1dce8 !important; }
.u-bgClr-efe7dd {background-color: #efe7dd !important; }
/* border */
.u-borClrP {border-color: #fd6d2c !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-borClr16 {border-color: #808080 !important; }
.u-borClr17 {border-color: #ff8080 !important; }
.u-borClr-fae3e4 {border-color: #fae3e4 !important; }
.u-borClr-ff9000 {border-color: #ff9000 !important; }
.u-borClr-ffffff {border-color: #ffffff !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 {border-right: 1px solid;}
.u-borTB1 {border-top: 1px solid;border-bottom: 1px 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-borTB2 {border-top: 2px solid;border-bottom: 2px solid;}
/* u-borR
*/
.u-borRad10 {border-radius: 10px;}
.u-borRad04 {border-radius: 4px;}
.u-borRad05 {border-radius: 5px;}
.u-borRad50par {border-radius: 50%;}
/* u-w
* 要素の幅
* .u-w[pc]-[sp]
*/
.u-w20-100 {width: 20% !important;}
.u-w30-100 {width: 30% !important;}
.u-w40,
.u-w40-100 {width: 40% !important;}
.u-w50,
.u-w50-25,
.u-w50-70,
.u-w50-100 {width: 50% !important;}
.u-w60,
.u-w60-100 {width: 60% !important;}
.u-w70,
.u-w70-100 {width: 70% !important;}
.u-w80,
.u-w80-100 {width: 80% !important;}
.u-w30 {width: 30% !important;}
.u-w25-50 {width: 25% !important;}
.u-w33-50 {width: 33.33% !important;}
.u-w100 {width: 100% !important;}
.u-w10-pc {width: 10% !important;}
.u-w20-pc {width: 20% !important;}
.u-w25-pc {width: 25% !important;}
.u-w30-pc {width: 30% !important;}
.u-w33-pc {width: calc(99.9999% / 3) !important;}
.u-w40-pc {width: 40% !important;}
.u-w50-pc {width: 50% !important;}
.u-w60-pc {width: 60% !important;}
.u-w70-pc {width: 70% !important;}
.u-w80-pc {width: 80% !important;}
.u-w90-pc {width: 90% !important;}
.u-w100-pc {width: 100% !important;}
/* max指定 */
.u-mw70 {max-width: 70% !important}
.u-mw100 {max-width: 100% !important;}
.u-mw300px {max-width: 300px !important;}
/* 固定ピクセル指定*/
.u-wh160-90 {
width: 160px;
height: 160px;
}
.u-h50px {height: 50px;}
.u-h140px {height: 140px;}
.u-h170px-150px {height: 170px;}
.u-h180px {height: 180px;}
/* u-lH */
.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;}
/*overflow*/
.u-ofHid { overflow: hidden!important;}
/* 総合TOP */
.topBnArea ul {
width:790px;
margin-left:-5px;
}
.topBnArea ul li {
float:left;
margin-left:5px;
}
#top-listArea .listTitle{
position: relative;
}
#top-listArea .listTitle .text{
position: absolute;
top: 66%;
left: 0;
width: 100%;
text-align: center;
font-size: 14px;
}
#top-listArea ul{
margin-left: -1.5%;
}
#top-listArea ul li{
float: left;
margin: 0 0 2.5% 1.5%;
width: 31.83%;
text-align: center;
font-size: 12px;
}
#top-listArea ul li.x2{
width: 65.16%;
}
#top-listArea ul li.x2 .clearfix{
margin-right: 0.4%;
}
#top-listArea ul li.x2 .left{
float: left;
}
#top-listArea ul li.x2 .right{
float: right;
}
#top-listArea ul li a{
display: block;
text-decoration: none;
}
#top-listArea ul li h4{
margin: 4px 0;
font-weight: normal;
font-size: 14px;
}
#top-listArea ul li p.price{
margin-bottom: 4px;
font-size: 16px;
}
#top-listArea ul#omutsucake li h4,
#top-listArea ul#omutsucake li p.price{
color: #ff8080;
}
#top-listArea ul#giftset li h4,
#top-listArea ul#giftset li p.price{
color: #8dbaa2;
}
#top-rankingArea #ranKingSwicthContent .catswitch{
border-top: 1px solid #ff8080;
border-left: 1px solid #ff8080;
margin: 2% 0;
}
#top-rankingArea #ranKingSwicthContent .catswitch li{
border-bottom: 1px solid #ff8080;
border-right: 1px solid #ff8080;
box-sizing: border-box;
cursor: pointer;
float: left;
padding: 2% 0;
text-align: center;
width: 33.33%;
}
#top-rankingArea #ranKingSwicthContent .catswitch li.active{
background-color: #ff8080;
}
#top-rankingArea #ranKingSwicthContent .catswitch li.active h3{
color: #ffffff;
}
#top-rankingArea #ranKingSwicthContent .catswitch li h3{
color: #929292;
font-size: 15px;
font-weight: normal;
line-height: 1em;
}
#top-rankingArea #ranKingSwicthContent .catContent > div{
/* display: none;*/
}
#top-rankingArea #ranKingSwicthContent .catContent > div.active{
/* display: block;*/
}
.eachCatIntroCont {
margin: 0 0 5%;
}
.eachCatIntroCont .descWrap {
float: left;
width: 40%;
}
.eachCatIntroCont .descWrap .circleWrap {
margin: 0 0 5%;
text-align: center;
}
.eachCatIntroCont .descWrap .circleWrap img{
margin: 0 2px;
}
.eachCatIntroCont .descWrap .txtWtap {
color: #534741;
text-align: center;
line-height: 1.7em;
}
.eachCatIntroCont .descWrap .txtWtap h3 {
font-size: 19px;
margin: 0 0 3%;
}
.eachCatIntroCont .descWrap .txtWtap .txt {
font-size: 14px;
}
.eachCatIntroCont .alignMiddle{
display: table;
height: 240px;
}
.eachCatIntroCont .alignMiddle .txtWtap{
display: table-cell;
vertical-align: middle;
}
.eachCatIntroCont .alignMiddle .txtWtap .txt{
margin: 6% 0 0;
}
.beberyTop .eachCatIntroCont a{
border: 3px solid #FF8080;
display: block;
margin: 0 0 2%;
padding: 2% 1%;
}
.beberyTop .eachCatIntroCont .descWrap {
width: 38%;
}
.beberyTop .eachCatIntroCont .descWrap .txtWtap .txt {
font-size: 13px;
}
.linkBtnWrapPink{
margin: 0 0 5%;
color: #929292;
}
.linkBtnWrapPink .ttl{
font-size: 15px;
text-align: center;
margin: 0 0 2%;
}
.linkBtnWrapPink .linkBtnWrap{
margin: 0 0 3%;
}
.linkBtnWrapPink .linkBtnWrap li{
border: 1px solid #ECB0B3;
box-sizing: border-box;
float: left;
margin: 0 1% 2%;
width: 48%;
}
.linkBtnWrapPink .linkBtnWrap li a{
display: block;
text-align: center;
text-decoration: none;
padding: 2.5% 0;
}
.linkBtnWrapPink .linkBtnWrap li.iconAri{ position: relative; }
.linkBtnWrapPink .linkBtnWrap li.iconAri img.posIcon{
left: 4%;
position: absolute;
top: 0;
}
.bnArea2Col,.bnArea3Col{
margin: 0 0 3%;
}
.bnArea2Col .bnList li,.bnArea3Col .bnList li{
color: #9797A8;
float: left;
font-size: 12px;
margin: 0 1% 1%;
text-align: center;
}
.bnArea2Col .bnList li{ width: 48%; }
.bnArea3Col .bnList li{ width: 31.33%; }
.bnArea2Col .bnList li p,.bnArea3Col .bnList li p{
margin: 1% 0 0;
}
.babystagramBnWrap {
border: 1px solid #CACACA;
margin: 0 0 5%;
position: relative;
}
.babystagramBnWrap .txtWrap {
position: absolute;
top: 2%;
left: 0;
right: 0;
margin: auto;
width: 52%;
}
.babystagramBnWrap .txtWrap img {
float: left;
}
.babystagramBnWrap .txtWrap p {
color: #673A1C;
font-size: 16px;
}
.babystagramBnWrap .txtWrap p span{
color: #EA9FA0;
}
.babystagramBnWrap p br.pcNone {
display: none;
}
.babystagramBnWrap .ttlWrap {
float: left;
width: 78.8%;
}
.babystagramBnWrap .ttlWrap img.picDiaper {
float: left;
}
.babystagramBnWrap .ttlWrap .ttlTxtWrap {
float: left;
margin: 9% 0 0;
width:72.9%;
}
.babystagramBnWrap .ttlWrap .ttlTxtWrap .ttlEn {
}
.babystagramBnWrap .ttlWrap .ttlTxtWrap .ttlKn {
margin: 0 0 15px -5px;
}
.babystagramBnWrap .ttlWrap .linkBtnWrap {
float: left;
margin: 1% 0 0;
text-align: center;
width: 72.9%;
}
.babystagramBnWrap .ttlWrap .linkBtnWrap a{
color: #FFF;
float: left;
font-size: 14px;
display: block;
margin: 3px 1% 0;
padding: 2% 0;
text-decoration: none;
width: 48%;
}
.babystagramBnWrap .ttlWrap .linkBtnWrap .apply {
background-color: #61BEBB;
}
.babystagramBnWrap .ttlWrap .linkBtnWrap .gallery {
background-color: #EA9FA0;
}
.babystagramBnWrap img.picBaby {
float: right;
}
.contentsArticleWrap{
margin: 0 0 3%;
}
.contentsArticleWrap .articleWrap{
border-bottom: 2px solid #B1B1B1;
border-top: 2px solid #B1B1B1;
margin: 0 0 5%;
}
.contentsArticleWrap .articleWrap li{
border-top: 1px dotted #B1B1B1;
box-sizing: border-box;
float: left;
padding: 1% 0 1% 2%;
width: 50%;
}
.contentsArticleWrap .articleWrap li:nth-child(1),
.contentsArticleWrap .articleWrap li:nth-child(2){ border: none; }
.contentsArticleWrap .articleWrap li a{
display: block;
}
.contentsArticleWrap .articleWrap li .imgWrap{
float: left;
width: 16%;
}
.contentsArticleWrap .articleWrap li .txtWrap{
float: left;
padding: 0 0 0 2%;
width: 82%;
}
.contentsArticleWrap .articleWrap li .txtWrap h3{
color: #C96963;
font-size: 14px;
font-weight: normal;
margin: 0 0 1%;
}
.contentsArticleWrap .articleWrap li .txtWrap p{
color: #929292;
font-size: 12px;
height: 3.6em;
line-height: 1.8em;
}
.goodItemWrap .goodItem{
border: 5px solid #EA9FA0;
box-sizing: border-box;
padding: 2%;
position: relative;
}
.goodItemWrap .goodItem .diaperImg{
position: absolute;
right: 0;
top: 10%;
}
.goodItemWrap .goodItem .txtWrap{
line-height: 1.6em;
}
.goodItemWrap .goodItem .txtWrap .ttl{
color: #EA9FA0;
font-size: 19px;
line-height: 1.6em;
margin: 0 0 2%;
}
.goodItemWrap .goodItem .txtWrap .txt{
color: #929292;
font-size: 14px;
line-height: 2em;
}
.goodItemWrap .msgCard .txtWrap{
float: left;
width: 50%;
}
.goodItemWrap .msgCard img{
margin: 0 0 0 3%;
}
.goodItemWrap .msgCard .txtWrap a{
border: 1px solid #ECB0B3;
color: #929292;
display: block;
margin: 5% auto 0;
padding: 2% 0;
text-align: center;
text-decoration: none;
width: 80%;
}
a.andMorePink{
border: 1px solid #ECB0B3;
display: inline-block;
font-size: 15px;
padding: 1.5% 2%;
text-decoration: none;
}
/*
#main .omutsucake_series{
margin: 20px 0 0 -2%;
}
#main .omutsucake_series li{
float: left;
width: 48%;
margin: 0 0 20px 2%;
}
#main .omutsucake_series li.x1{
width: 98%;
text-align: center;
}
#main .omutsucake_series li a{
display: block;
text-decoration: none;
color: #909090;
}
#main .omutsucake_series li a img{
display: block;
margin: 0 auto;
}
#main .omutsucake_series li a h4{
margin: 10px 0;
font-size: 16px;
font-weight: normal;
text-align: center;
}
#main .omutsucake_series_o{
margin: 20px 0 0 -2%;
}
#main .omutsucake_series_o li{
float: left;
width: 31.33%;
margin: 0 0 20px 2%;
}
#main .omutsucake_series_o li a{
display: block;
text-decoration: none;
color: #999999;
}
#main .omutsucake_series_o li a img{
display: block;
margin: 0 auto 10px auto;
}
#main .omutsucake_series_o li a h4{
margin: 15px 0;
font-size: 16px;
font-weight: normal;
text-align: center;
}]
*/
/* SNS */
.snsList ul {
margin-top:10px;
}
.snsList ul li {
float:left;
margin-right:10px;
}
/* カテゴリTOP */
.category_top #mainBody .top_genre_list{
margin-top: 30px;
}
.category_top .top_genre_list ul li{
float: left;
}
.category_top .top_genre_list ul.x2 li{
width: 50%;
}
.category_top .top_genre_list ul.x3 li{
width: 33.33%;
}
.category_top .top_genre_list ul.x5 li{
width: 20%;
}
.category_top .top_genre_list ul li a{
display: block;
padding: 6px 10px;
border-left: 2px dotted #e0e0e0;
text-decoration: none;
text-align: center;
font-size: 11px;
line-height: 1.6em;
}
.category_top .top_genre_list ul li.first a{
border: 0;
}
.category_top .top_genre_list ul li a h3{
margin: 6px 0 8px 0;
font-size: 15px;
font-weight: normal;
line-height: 18px;
}
.category_top .top_genre_list ul li a h3.tall{
line-height: 36px;
}
.category_top .top_genre_list ul li a img{
display: block;
max-width: 100%;
margin: 0 auto;
}
/* コンテンツページ 記事一覧 */
.beberyArticle ul.articleContainer {
margin: 1% auto;
width: 100%;
border-left: #ccc 1px solid;
border-top: #ccc 1px solid;
}
.beberyArticle ul.articleContainer a {
text-decoration: none;
}
.beberyArticle ul.articleContainer li {
float: left;
width: 50%;
padding: 1.5%;
box-sizing:border-box;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.beberyArticle ul.articleContainer li a:hover {
display: block;
background-color: #DFF7E6;
text-decoration: none;
}
.beberyArticle ul.articleContainer li h6.title {
color: #CB6963;
font-size: 1.15em;
padding: 3% 0;
height: 1.8em;
}
.beberyArticle ul.articleContainer li p.text {
font-size: 0.9em;
overflow: hidden;
height: 4.5em;
color: #888;
}
.beberyArticle ul.articleContainer p.continued {
display: block;
margin-top: 0.5em;
text-align: right;
text-decoration: underline;
color: #888;
font-size: 0.9em;
}
.beberyArticle ul.articleCatNav{
width:70%;
margin: 2% auto;
list-style-type: none;
}
.beberyArticle ul.articleCatNav li{
width:50%;
float:left;
}
.beberyArticle ul.articleCatNav li.active{
background-color: #cbf2d6;
box-shadow: 0 0 5px #D5FFE1;
}
.beberyArticle ul.articleCatNav li a{
display: block;
width:78%;
margin: 0 auto;
padding:10%;
text-decoration: none !important;
text-align: center;
border: 1px solid #ccc;
color: #aaaaaa;
}
.beberyArticle ul.articleCatNav li a:hover{
background-color: #DFF7E6;
box-shadow: 0 0 5px #CBE5D3;
color:#444;
text-decoration: none;
}
/* コンテンツページ 共通CSS */
.beberyArticle .themeArea{
margin: 20px 0;
}
.beberyArticle .themeArea h2{
font-size: 1.8em;
font-weight: bold;
color: #555;
margin-bottom: 3%;
text-shadow: 0 1px 0 #ccc;
}
.beberyArticle .themeArea p{
color: #666;
line-height: 1.6em;
font-size: 95%;
}
#systemWrap.beberyArticle{
margin-bottom: 30px;
}
.beberyArticle h3{
margin: 0 0 1% 0;
background-color: #DFF7E6;
border-top: 2px solid #F7F7F7;
padding: 1% 2%;
}
.beberyArticle h3 div{
font-weight: bold;
font-size: 1.2em;
padding: 1% 1.5%;
color: #555;
border-left: 4px solid #B2DFBF;
text-shadow: 0 1px 0 #ccc;
}
.beberyArticle .articleArea{
font-size: 14px;
line-height: 1.6em;
}
.beberyArticle .articleArea .htmlArea h4{
width: 97%;
margin: 15px 0;
padding-left: 5px;
font-size: 15px;
line-height: 1.8em;
border-left: 4px solid #BDBDBD;
border-bottom: 1px dotted #BDBDBD;
background-color: #FEFEFE;
font-weight: normal;
}
.beberyArticle .articleArea .htmlArea strong{
color: #ff0000;
}
.beberyArticle .articleArea .htmlArea ul.disc{
margin-left: 25px;
list-style-type: disc;
line-height: 1.3em;
}
.beberyArticle .articleArea .htmlArea div.points{
margin: 15px 0;
background: url(/resource/img/ic_arrow_03.png) no-repeat;
padding-left: 15px;
}
.beberyArticle .articleArea .htmlArea a{
text-decoration: underline;
color: #808080;
}
.beberyArticle .articleArea .htmlArea a:hover{
text-decoration: none;
color: #a0a0a0;
}
.beberyArticle .articleArea .htmlArea{
padding: 0 1%;
}
.beberyArticle .articleArea.layout-imageL .htmlArea{
float: right;
width: 64%;
}
.beberyArticle .articleArea.layout-imageL .imageArea{
float: left;
width: 33%;
text-align: center;
}
.beberyArticle .articleArea.layout-imageR .htmlArea{
float: left;
width: 64%;
}
.beberyArticle .articleArea.layout-imageR .imageArea{
float: right;
width: 33%;
text-align: center;
}
.beberyArticle .articleArea .imageArea img{
max-width: 95%;
margin: 0 auto;
padding: 2px;
}
.beberyArticle .onePoint{
margin: 1% auto 2% auto;
padding: 2% 0;
color: #555;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFFCFC;
}
.beberyArticle .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;
}
.beberyArticle .onePoint .text{
float: left;
width: 85%;
font-size: 14px;
}
.beberyArticle .pagenation{
margin: 50px 0 10px 0;
padding: 10px 0;
text-align: center;
border-radius: 5px;
background-color: #fbfbfb;
}
.beberyArticle .pagenation ul li{
float: left;
width: 33.33%;
}
.beberyArticle .pagenation ul li a{
display: block;
width: 75%;
margin: 0 auto;
padding: 8px 0;
font-weight: bold;
text-decoration: none;
background-color: #DFF7E6;
border: 1px solid #B2DFBF;
border-radius: 5px;
}
.beberyArticle .pagenation ul li a:hover{
background: #E9FDEF;
}
.beberyArticle .awayomi a{
display: block;
text-indent: 0em;
padding-left: 1em;
}
.beberyArticle .awayomi span.arw{
display: block;
width: 0;
height:0;
float: left;
margin: .35em 0;
border: 5px solid transparent;
border-left: 5px solid #AAA;
}
.beberyArticle .fullSize{
width:750px;
margin: 5% 0 0 -255px;
}
.beberyArticle ul.list3Col{
margin: 1% 0;
}
.beberyArticle ul.list3Col li{
width: 33.33%;
padding: 1%;
float: left;
box-sizing: border-box;
}
.beberyArticle ul.list3Col li img{
max-width: 100%;
height: auto;
}
/* コンテンツページ カテゴリTOPにて */
.categorytop_articles .articleLink{
float: right;
font-size: 12px;
padding-top: 10px;
}
.categorytop_articles ul.articleList{
width: 100%;
margin-top: 10px;
border-top: #aaa 1px solid;
border-left: #aaa 1px solid;
}
.categorytop_articles ul.articleList li {
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 1%;
border-right: #aaa 1px solid;
border-bottom: #aaa 1px solid;
}
.categorytop_articles ul.articleList li h6.title {
color: #CB6963;
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: 75px;
color: #888;
}
/* 熨斗について */
.uchiiwai_noshi .howto .img{
float: left;
width: 42%;
}
.uchiiwai_noshi .howto .ex{
float: right;
width: 55%;
}
.uchiiwai_noshi .howto .ex li{
padding: 8px 0;
border-bottom: 1px dotted #aaaaaa;
}
.uchiiwai_noshi .howto .ex li h5{
font-size: 14px;
color: #ff6600;
margin-bottom: 5px;
}
.uchiiwai_noshi h5{
font-size: 14px;
}
.uchiiwai_noshi h5 span{
color: #ffffff;
font-size: 12px;
font-weight: normal;
padding: 0 10px;
margin-left: 8px;
}
.uchiiwai_noshi h5 span.birth{
background: #ff6690;
}
.uchiiwai_noshi h5 span.marriage{
background: #33339f;
}
.uchiiwai_noshi h5 span.age{
background: #ff6600;
}
.uchiiwai_noshi h5 span.recovery{
background: #ff9900;
}
.uchiiwai_noshi h5 span.newhouse{
background: #006f3c;
}
.uchiiwai_noshi .noshi_list{
border: 1px solid #aaaaaa;
}
.uchiiwai_noshi .noshi_list li{
float: left;
width: 28%;
}
.uchiiwai_noshi .noshi_list li.sampleImg{
width: 16%;
text-align: center;
}
.uchiiwai_noshi .noshi_list li.sampleImg img{
max-width: 100%;
}
.uchiiwai_noshi .noshi_list li div{
border-left: 1px dotted #aaaaaa;
height: 180px;
padding: 5px;
font-size: 11px;
color: #666666;
}
.uchiiwai_noshi .noshi_list li div h5{
font-size: 14px;
color: #ff6600;
}
.uchiiwai_noshi .noshi_list li div p{
margin-bottom: 8px;
}
/* 出産祝いに喜んでもらえるベビー服の選び方 */
.indentNote{
display: block;
text-indent: -1em;
padding-left: 1em;
}
.beberyArticle .babyClotheSize{
width:100%;
margin: 1% 0;
box-sizing: border-box;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.beberyArticle .babyClotheSize tr{
height: 2.5em;
}
.beberyArticle .babyClotheSize tr th{
width: 19%;
box-sizing: border-box;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #FEFEFE;
box-shadow: -1px -1px 11px #FCFCFC inset;
}
.beberyArticle .babyClotheSize tr td{
padding-left: 1em;
vertical-align: middle;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-shadow: -1px -1px 11px #FEFEFE inset
}
.beberyArticle .babyClotheSize .itemName{
width: 24%;
padding-left: 1em;
text-align: left;
background-color: #FDFDFD;
box-shadow: -1px -1px 11px #FAFAFA inset;
}
/* もらってうれしいベビー服の選び方 */
.beberyArticle .babyClotheMaterial{
margin: 3% 0;
}
.beberyArticle .babyClotheMaterial .imgWrap{
width:10%;
float: left;
margin: .5% 0;
}
.beberyArticle .babyClotheMaterial .tableWrap{
width:90%;
float: left;
}
.beberyArticle .babyClotheMaterial table{
width: 100%;
border-top: 2px solid #aaa;
border-left: 2px solid #aaa;
}
.beberyArticle .babyClotheMaterial table th{
height: 2em;
line-height: 2em;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
background-color: #FEFEFE;
}
.beberyArticle .babyClotheMaterial table td{
height:3.5em;
vertical-align: middle;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
}
.beberyArticle .babyClotheMaterial table td.title{
width:12%;
text-align: center;
}
.beberyArticle .babyClotheMaterial table td.spec{
width: 87%;
padding-left: 1%;
font-size: 13px;
}
.beberyArticle .indication{
width: 60%;
border-top: 2px solid #aaa;
border-left: 2px solid #aaa;
}
.beberyArticle .indication tr{}
.beberyArticle .indication th{
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
height:2em;
vertical-align: middle;
}
.beberyArticle .indication td{
vertical-align: middle;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
text-align: center;
}
.beberyArticle .indication td.icon{
width:20%;
}
.beberyArticle .indication td.title{
width: 59%;
}
.beberyArticle .indication td.number{
width: 20%;
}
/* 出産準備サイズナビ */
.sizeNavArticles img{
max-width: 100%;
}
.sizeNavArticles .disc{
margin: 0;
padding: 3% 0;
line-height: 2em;
color: #796956;
text-align: center;
}
.sizeNavArticles .contWrap{
text-align: center;
}
.sizeNavArticles .contWrap .circleWrap{
width: 40%;
float: left;
}
.sizeNavArticles .contWrap .tableWrap{
width: 60%;
float: left;
}
.sizeNavArticles .itemType{
border-top: 1px solid #a67d30;
}
.sizeNavArticles .itemType h3{
width:7.2em;
margin: -1.2em auto 0;
line-height: 2.4em;
font-size: 1.2em;
background-color: #FBE3E3;
color: #a67d30;
text-align: center;
}
.sizeNavArticles .itemList{
width:705px;
margin: 3% auto 0;
}
.sizeNavArticles .itemList li{
width:205px;
float: left;
margin: 0 15px 10%;
text-align: center;
background-color: #FFF;
}
.sizeNavArticles .itemList li h4{
line-height: 2em;
color: #FFF;
background-color: #dbb776;
}
.sizeNavArticles .itemList li img{
margin: 3% 0;
}
.sizeNavArticles .itemList li .txt{
margin: 0 auto;
padding:2% 2% 5%;
box-sizing: border-box;
text-align: left;
}
.sizeNavArticles .omutsuSize{ background-color: #fff3e7; }
.sizeNavArticles .babyClothes{ background-color: #EEF7FD; }
.sizeNavArticles .childBirth{ background-color: #fbe3e3; }
.sizeNavArticles .seasonCode{
margin-top: 5%;
}
.sizeNavArticles .seasonCode .titleWrap{
margin-bottom: 5%;
padding:1% 0;
background-color: #feebc4;
box-sizing: border-box;
}
.sizeNavArticles .seasonCode .titleWrap h3{
line-height: 3.2em;
color:#a67d30;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
font-size: 1.6em;
text-align: center;
}
.sizeNavArticles .seasonCode .seasonWrap{
margin-bottom: 6%;
text-align: center;
}
.sizeNavArticles .seasonCode .seasonWrap .wordsWrap{
width:47%;
float: left;
}
.sizeNavArticles .seasonCode .seasonWrap .wordsWrap .txt{
margin: 2% 0;
line-height: 2em;
color: #3e3a39;
}
.sizeNavArticles .seasonCode .seasonWrap .tileWrap{
width:53%;
float: left;
}
.sizeNavArticles a.arwLink{
display: block;
width:95%;
margin: 0 auto;
padding: 1% 0;
background-color: #fbe5e8;
box-shadow: 2px 2px 5px #eee;
}
.sizeNavArticles a.arwLink .innerWrap{
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.sizeNavArticles a.arwLink .contWrap{
width:31%;
margin: 0 auto;
text-align: center;
}
.sizeNavArticles a.arwLink span.arw{
display: block;
width: 0;
height:0;
float: left;
margin: 17px 0;
border: 10px solid transparent;
border-left: 10px solid #a67d30;
}
.sizeNavArticles a.arwLink p.toBlah{
float: left;
font-size: 1.5em;
line-height: 3em;
color: #a67d30;
}
.sizeNavArticles .bgColor_omutsu{
padding: 10% 0 7px;
background-color: #fff3e7;
}
.sizeNavArticles .bgGradient_baby{
margin-bottom: -1%;
height:40px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: -ms-linear-gradient(top, #fbe3e3 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbe3e3 0%,#ffffff 100%); /* W3C */
}
/* 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;
}
/* ～で探す等の親ページ 子ページリスト */
.catChildList h3{
margin-bottom: 1%;
font-size: 1.2em;
border-bottom: 2px solid;
}
.catChildList ul{
margin: 20px 0;
}
.catChildList ul li a{
display:block;
float:left;
margin: .5% 1%;
padding:2% 0;
box-sizing: border-box;
/*border-radius: 5px;*/
font-size: 1.2em;
text-align: center;
text-decoration: none;
}
/* 価格帯で探す */
.byPriceList h3{
border-bottom-color: #B4E5BC;
color:#B4E5BC;
}
.byPriceList ul li a{
width:31%;
background: #f8f8f8;
color: #808080;
}
.byPriceList ul li a.nowPlace{
background: #e4e4e4;
}
/* 贈る相手で探す */
.byTargetList h3{
border-bottom-color: #ccc5a3;
color: #ccc5a3;
}
.byTargetList ul li a{
width:31%;
background: #f5f0e2;
color: #808080;
}
.byTargetList ul li a.nowPlace{
background: #ccc5a3;
color:#FFF;
}
/* 月齢で探す */
.ageMoonList h3{
border-bottom-color: #D1B7E7;
color:#D1B7E7;
}
.ageMoonList li a{
width:23%;
background: #F0E5F9;
color: #808080;
}
.ageMoonList li a.nowPlace{
background: #D1B7E7;
color:#FFF;
}
/* 性別で探す */
.boysGirlsList h3{
border-bottom-color: #AB9025;
color:#AB9025;
}
.boysGirlsList li a{
width:31.33%;
color: #AB9025;
}
.boysGirlsList li a.boy{
background: #C4F1F7;
}
.boysGirlsList li a.girl{
background: #FFDFE2;
}
.boysGirlsList li a.unisex{
background: #F5F1EE;
}
/* 性別で探す 各ページ */
a.seeMore{
display: block;
width:40%;
margin: 0 auto 3% auto;
padding:2% 0 2% 3%;
background: #FFCACD url(/resource/img/seemore.png) no-repeat 94% 50%;
border-radius: 10px;
text-indent: -40px;
text-align: center;
text-decoration: none;
font-size: 1.2em;
color:#808080;
}
a.circleArrow{
display: block;
width:54%;
margin: 0 auto 3% auto;
padding:2% 0 2% 3%;
background: #FFCACD url(/resource/img/circle_arrow.png) no-repeat 97% 50%;
border-radius: 10px;
text-decoration: none;
font-size: 1.2em;
color:#808080;
}
.boysAndGirls img{
max-width: 100%;
}
.boysAndGirls .catList{
margin: 2% 0;
}
.boysAndGirls .catList ul li{
float: left;
width: 33.33%;
}
.boysAndGirls .catList ul li a{
display: block;
padding: 8px 12px;
border-left: 2px dotted #e0e0e0;
text-decoration: none;
text-align: center;
font-size: 11px;
line-height: 1.6em;
}
.boysAndGirls .catList ul li.first a{
border: 0;
}
.boysAndGirls .catList ul li a h3{
margin: 6px 0 12px 0;
font-size: 14px;
}
.boysAndGirls .catList ul li a img{
display: block;
max-width: 100%;
margin: 0 auto;
}
/* 会員ログイン画面 */
.memberLogin{
background: #FAEAD1;
}
.memberLogin p.cpNote{
margin: 2%;
padding: 2%;
background: #FFF;
border-radius:7px;
}
.memberLogin ul.privilege{
width:95%;
margin: 0 auto 3% auto;
list-style-type: none;
text-align: center;
}
.memberLogin ul.privilege li{
width:50%;
float: left;
margin: 0 0 3% 0;
}
.memberLogin ul.privilege li img{
max-width: 100%;
}
/* ブランド特集 キャラクター特集 */
h3.dotTypeLine{
background: url(/resource/img/uchiiwai/character/bkg_dot.gif) repeat-x 0% 100%;
}
ul.tileTypeList{
margin: 3% 0;
}
ul.tileTypeList li{
width:20%;
float: left;
box-sizing: border-box;
border-right: 2px dotted #ECECEC;
border-bottom: 2px dotted #ECECEC;
text-align: center;
}
/*
ul.tileTypeList li:nth-last-child(-n+5){
border-bottom:none;
}
ul.tileTypeList li:nth-child(-n+5){
border-bottom: 2px dotted #ECECEC;
}
ul.tileTypeList li:nth-child(5n){
border-right:none;
}
*/
ul.tileTypeList li a{
text-decoration: none;
}
ul.tileTypeList li a p{
margin-top: -26px;
font-size: .9em;
color:#BBB;
}
/* おくるみ・アフガンTOP */
.category_top .swaddlings .exp{
margin: 30px 0;
}
.category_top .swaddlings .exp .floatL{
float: left;
width: 35%;
margin: 0 2%;
text-align: center;
}
.category_top .swaddlings .exp .floatR{
float: right;
width: 57%;
margin: 0 2%;
}
.category_top .swaddlings .exp .floatR img{
display: block;
margin: 8px auto;
}
.swa_dotted p,
.category_top .swaddlings .exp .floatR p{
padding: 10px;
border-bottom : 2px dotted #cccccc;
}
/* 休業のお知らせ */
.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: #ffe5e6;
vertical-align: middle;
}
.table-a td {
text-align: center;
vertical-align: middle;
}
.table-a th.first {
width: 10%;
}
.table-a th.other {
width: 7%;
}
/* 上質なカタログギフト */
.StatisfactionCatalog{
text-align: center;
}
.StatisfactionCatalog h4{
margin: 2% 0;
font-size: 1.3em;
}
.StatisfactionCatalog p.disc{
line-height: 1.8em;
}
.StatisfactionCatalog ul.catalogList{
width: 70%;
margin: 3% auto 5%;
}
.StatisfactionCatalog ul.catalogList li{
width:23%;
float: left;
margin: 0 1%;
}
.StatisfactionCatalog ul.catalogList li a{
display: block;
padding: 6% 0;
background-color: #000;
color: #FFF;
border-radius: 5px;
line-height: 3em;
}
.StatisfactionCatalog ul.catalogList li.lineTwo a{
line-height: 19.5px
}
/* ノベルティプレゼント */
#campaignBanner,
#iwai_campaignBanner {
float: left;
margin-right: 15px;
}
#campaign_flowerbag #present,
#campaign_macaron #iwai_present {
float: right;
width: 53%;
}
#campaign_flowerbag #present p,
#campaign_macaron #iwai_present p {
margin: 1em 0 1.5em 1em;
}
/* Babystagramコンテスト */
.babystagram {
width: 785px;
margin: 1% auto 0;
background:url(/resource/img/support/babystagram/bg_babystagram.jpg) repeat-y;
}
.babystagram .howto h3,
.babystagram .info h3 {
margin:0; padding:0;
}
.babystagram .howto ul {
width:696px;
margin:20px auto;
}
.babystagram .howto ul li {
float:left;
margin:0 10px;
}
.babystagram .info table {
font-size: 14px;
border: 2px solid #f2a2a3;
width: 80%;
margin: 20px auto;
}
.babystagram .info table tr th {
background: #f2a2a3;
line-height: 1.4em;
width: 20%;
text-align: center;
padding: 6px 2%;
color: #fff;
border-bottom: 2px solid #fff;
vertical-align: middle;
}
.babystagram .info table tr td {
width: 80%;
padding: 6px 2%;
line-height: 1.4em;
border-bottom: 2px solid #f2a2a3;
vertical-align: middle;
}
.babystagram .info table tr.last th,
.babystagram .info table tr.last td {
border: 0;
}
.babystagram #download{
border: 5px solid #eeeeef;
background-color:#fff;
margin: 0 auto 20px auto;
padding: 15px 0;
text-align: center;
width: 78.5%;
box-shadow: 5px 5px 12px 2px rgba(180,180,180,4);
}
.babystagram #download h4 {
font-size: 24px;
font-weight: normal;
}
.babystagram #download .list{
margin: 15px 0;
}
.babystagram #download .list img{
margin: 0 10px;
}
.babystagram #download .notice {
text-align: left;
border-top: 1px solid #666;
padding-top: 15px;
margin: 0 10%;
}
/* Babystagram form */
.babystagram .howto .formArea,
.babystagram-win .formArea {
width: 77%;
padding: 2.5% 3%;
border: 4px solid #f2a2a3;
background-color:#fff;
}
.babystagram .howto .formArea {
margin:0 auto;
}
.babystagram-win .formArea {
margin:20px auto;
}
.babystagram .howto .formArea .form-table-wrapper {
margin-bottom:10px;
}
.babystagram .howto .formArea .form-table {
display:table;
width:50%;
float:left;
}
.babystagram .howto .formArea .form-table-th,
.babystagram .howto .formArea .form-table-td {
display:table-cell;
vertical-align: middle;
padding: 4px 0;
}
.babystagram .howto .formArea .form-table-th {
width: 35%;
font-weight: normal;
text-align: left;
}
.babystagram .howto .formArea .form-table-td {
width: 65%;
}
.babystagram-win .formArea th {
text-align: right;
font-weight: normal;
width:22%;
}
.babystagram-win .formArea td {
width:28%;
}
.babystagram-win .formArea td input#name,
.babystagram-win .formArea td input#name_kana {
width:100%;
}
.babystagram-win .formArea td input#address1,
.babystagram-win .formArea td input#address2 {
width:80%;
}
.babystagram-win .formArea th,
.babystagram-win .formArea td {
padding: 5px 2px;
vertical-align: middle;
}
.babystagram .howto .formArea .form-table-td input,
.babystagram-win .formArea td input,
.babystagram-win .formArea td select {
border: 0;
background: #fee4e5;
}
.babystagram .howto .formArea .form-table-td input,
.babystagram-win .formArea td input {
padding: 2px;
}
.babystagram-win .formArea td select {
padding: 1px;
}
.babystagram .howto .formArea .form-table-td input {
margin-left: 5px;
width: 85%;
}
.babystagram .howto .formArea span.wpcf7-list-item {
display: block;
text-align: left;
margin-left: 25%;
}
.babystagram .howto .formArea .application_rule,
.babystagram-win .formArea #privacypolicyArea {
padding: 8px 6px;
overflow-y: scroll;
text-align: left;
font-size: 12px;
background: #f7f7f7;
}
.babystagram .howto .formArea .application_rule {
height: 150px;
}
.babystagram-win .formArea #privacypolicyArea {
height: 100px;
margin:15px auto;
}
.babystagram .howto .formArea .application_rule h4 {
font-size: 13px;
color: #e999a0;
margin-bottom: 5px;
}
.babystagram .howto .formArea p.agreement,
.babystagram-win .formArea #checkArea {
background: #fee4e5;
padding: .8%;
text-align: center;
}
.babystagram .howto .formArea #submit {
margin: 10px auto 0 auto;
display: block;
background: url(/resource/img/support/babystagram/bt_submit.jpg) no-repeat;
height: 52px;
width: 146px;
text-indent: -9999px;
border: 0;
}
.babystagram .howto .formArea p.submit {
margin-bottom:5px;
}
.babystagram .howto .formArea p.submit br,
.babystagram .howto .formArea .dummy {
display: none;
}
.babystagram .notice {
width: 80%;
margin: 0 auto;
text-align: left;
border-top: 1px solid #595959;
padding-top: 10px;
}
.babystagram div.wpcf7-mail-sent-ok {
width: 81%;
display: block;
font-size: 16px;
background: #fee4e5;
border: 2px solid #f2a2a3;
padding: 10px;
margin: 20px auto;
color: #cc0000;
text-align: center;
}
/* Babystagramご当選者フォーム */
.babystagram-win,
.babystagram-win-comp {
background:url(/resource/img/support/babystagram/bg_babystagram2.jpg) repeat-y;
padding: 15px 0;
}
.babystagram-win .messageArea,
.babystagram-win-comp .messageArea {
margin: 15px 0;
font-size: 18px;
text-align: center;
}
.babystagram-win .messageArea span {
font-size:82%;
}
.babystagram-win #submitArea {
margin-top: 15px;
text-align: center;
}
.babystagram-win #submitArea input[value=送信する],
.babystagram-win #submitArea input[value=確認する],
.babystagram-win #submitArea input[value=修正する] {
margin: 0 10px;
height: 63px;
width: 181px;
text-indent: -9999px;
border: 0;
}
.babystagram-win #submitArea input[value=送信する],
.babystagram-win #submitArea input[value=確認する] {
background: url(/resource/img/support/babystagram/bt_register.jpg);
}
.babystagram-win #submitArea input[value=修正する] {
background: url(/resource/img/support/babystagram/bt_return.jpg);
}
.babystagram-win #submitArea input[value=送信する]:hover,
.babystagram-win #submitArea input[value=確認する]:hover,
.babystagram-win #submitArea input[value=修正する]:hover {
opacity: 0.8;
cursor: pointer;
}
.babystagram-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;
}
/* babystagram ギャラリー */
.babystagramGallery{
width: 800px;
margin: 0 auto;
border-left: 1px solid #DDD;
border-right:1px solid #DDD;
}
.babystagramGallery #galleryArea h2{
font-size: 20px;
margin: 30px 0 10px 0;
font-weight: normal;
background: #e4fae7;
padding: 6px 0;
}
.babystagramGallery #galleryArea{
border-top: 1px solid #E7898F;
border-bottom: 1px solid #cccccc;
text-align: center;
}
.babystagramGallery #galleryArea ul{
/*margin: 20px 0 0 -3%;*/
margin:20px 0 30px 2%;
text-align: left;
}
.babystagramGallery #galleryArea ul li{
float: left;
width: 22%;
/*margin: 10px 0 0 3%;*/
margin:10px 0 0 2%;
color: #E7898F;
min-height: 200px;
}
.babystagramGallery #galleryArea ul li .photo{
display: block;
margin: 0 auto 4px auto;
border: 1px solid #cccccc;
padding: 2px;
width: 96%;
height: auto;
}
.babystagramGallery #galleryArea ul li a.item,
.babystagramGallery #galleryArea ul li span.item {
color: #666666;
font-size: 11px;
display: block;
text-indent: -1em;
padding-left: 1em;
line-height: 1.3em;
margin-top: 4px;
}
/* ノベルティプレゼント（※非公開） */
.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;
}
/* もっと見るボタン flexibul */
.btnMore_pink{ text-align: center; }
.btnMore_pink a{
display: inline-block;
margin: 0 auto;
padding: 15px 70px;
background-color: #FFCACD;
border-radius: 8px;
text-decoration: none;
background-image: url(/resource/img/more_arrow.png);
background-repeat: no-repeat;
background-position: 96% 50%;
}
.btnMore_pink a span{
display: block;
width: 300px;
margin: 0 auto;
line-height: 1.3em;
text-align: center;
text-indent: -38px;
font-size: 16px;
letter-spacing: 3px;
}
/* ご購入ボタン共通 */
.purchaseBtn {
position: fixed;
top: 5%;
right: 0;
z-index:1000;
display: none;/*お客様が混乱する可能性があるので一旦非表示@tachioka20210312*/
}
/* 価格別 ページ内 リスト */
ul.byPricelist{
width: 68%;
margin: 0 auto 3%;
list-style-type: none;
}
ul.byPricelist li{
width: 33.33%;
float: left;
margin-bottom: 2%;
}
ul.byPricelist li.ttl{
width: 100%;
margin-bottom: 1%;
}
ul.byPricelist li img{
max-width: 100%;
}
/* instagram 最新投稿表示 */
.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 .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;
}
/* 各ページ コンテンツ紹介 */
.articleInfro{
margin: 0 0 3%;
}
.articleInfro .articleList{
border-left: 1px solid #ECB0B3;
border-top: 1px solid #ECB0B3;
}
.articleInfro .single{
border: 1px solid #ECB0B3;
margin: auto;
width: 50%;
}
.articleInfro .articleList li{
border-bottom: 1px solid #ECB0B3;
border-right: 1px solid #ECB0B3;
box-sizing: border-box;
float: left;
width: 50%;
}
.articleInfro .single li{
border: none;
width: 100%;
}
.articleInfro .articleList li a{
display: block;
padding: 2%;
}
.articleInfro .articleList li a .imgWrap{
float: left;
width: 16%;
}
.articleInfro .articleList li a .txtWrap{
float: left;
margin: 0 0 0 2%;
width: 82%;
}
.articleInfro .articleList li a .txtWrap h3{
color: #C96963;
font-size: 14px;
margin: 0 0 1%;
}
.articleInfro .articleList li a .txtWrap .txt{
color: #929292;
font-size: 12px;
}
/* 各ページ共通 嬉しい特典 */
.benefitsWrap{
margin: 0 auto 4%;
width: 88%;
background-color: #ffefea;
padding:2em;
box-sizing: border-box;
text-align:center;
}
.benefitsWrap .happyBenefits{}
.benefitsWrap .happyBenefits li{
border: 3px solid #BDE2C0;
box-sizing: border-box;
float: left;
height: 165px;
margin: 0 1%;
padding: 1% 0 0;
text-align: center;
width: 23%;
}
.benefitsWrap ul li{
width: calc(100% / 4 - 2%);
margin: 0 1%;
background-color: #fff;
padding:1em;
box-sizing: border-box;
}
.benefitsWrap ul li.w-double{
width: calc(100% / 2 - 2%);
}
.benefitsWrap ul li span{
font-size: 10px;
}
.benefitsWrap .doubleWidth li.doubleWidthCont{
width: 46%;
}
/* 名入れカード開始で ↓削除 */
.benefitsWrap .happyBenefits li:first-child{
margin: 0 1% 0 11.5%;
}
.benefitsWrap .happyBenefits li:last-child{
display: none;
}
/* 名入れカード開始で ↑削除 */
.benefitsWrap .doubleWidth li:first-child{
margin: 0 1% 0 0;
}
.benefitsWrap .doubleWidth li:last-child{
display: block;
}
.benefitsWrap .happyBenefits li img{}
.benefitsWrap .happyBenefits li p{
color: #666;
font-size: 12px;
}
.benefitsWrap .happyBenefits li p.aLine{}
.benefitsWrap .happyBenefits li p.twoLines{
margin:-1em 0 0;
}
/* 各ページ共通 おすすめ出産祝いギフト */
.recommendGiftSetWrap{
margin: 0 0 5%;
}
.recommendGiftSetWrap .recommendGiftSet{
color: #929292;
float: left;
margin: 0 .5%;
text-align: center;
width: 49%;
}
.recommendGiftSetWrap .recommendGiftSet p{
line-height: 1.8em;
margin: 3% 0 0;
}
/* 各ページ共通 カスタマーレビュー */
.customerReviewWrap{}
.customerReviewWrap .ttlWrap{
margin: 0 0 3%;
}
.customerReviewWrap .ttlWrap .txtWrap{
color: #929292;
float: left;
margin: 7% 0 0;
width: 50%;
}
.customerReviewWrap .ttlWrap .txtWrap p{
font-size: 14px;
margin: 3% auto 0;
width: 88%;
}
.customerReviewWrap .reviewList{
width: 98%;
margin: auto;
}
.customerReviewWrap .reviewList li{
color: #929292;
float: left;
margin: 0 2% 5%;
width: 46%;
}
.customerReviewWrap .reviewList li .ttl{
background-color: #FED6D7;
border-radius: 2px;
font-size: 17px;
font-weight: bold;
margin: 0 0 3%;
padding: 3% 3%;
}
.customerReviewWrap .reviewList li .txt{
margin: auto;
width: 97%;
}
/* 出産祝いギフト特急便 特集ページ */
.giftExpressSpecial{}
.giftExpressSpecial .beberyLead strong{
display: block;
font-size: 19px;
}
.giftExpressSpecial .beberyLead span{
font-size: 12px;
}
.giftExpressSpecial .pnkBorderBtn{
border: 1px solid #ECB0B3;
color: #929292;
display: block;
font-size: 14px;
margin: 0 auto 4%;
padding: 2%;
text-align: center;
text-decoration: none;
width: 28%;
}
.giftExpressSpecial .pnkBorderBtn-round{
border: 1px solid #ECB0B3;
color: #ECB0B3;
display: block;
font-size: 14px;
margin: 0 auto 4%;
padding: 1%;
box-sizing: border-box;
text-align: center;
text-decoration: none;
max-width: 40%;
border-radius: 5px;
}
.giftExpressSpecial .pnkBorderBtn-round span.after-arrow-under::after{
content: "";
width: 6px;
height: 6px;
border: 2px solid;
border-color: transparent transparent #ECB0B3 #ECB0B3;
display: inline-block;
transform: rotate(-45deg) skew(20deg,20deg);
-moz-transform: rotate(-45deg) skew(20deg,20deg);
-webkit-transform: rotate(-45deg) skew(20deg,20deg);
-o-transform: rotate(-45deg) skew(20deg,20deg);
-ms-transform: rotate(-45deg) skew(20deg,20deg);
/*line-height: 1em;
margin: 2% 0 0;*/
}
.giftExpressSpecial .pnkBorderBtn span{
display: inline-block;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.giftExpressSpecial .itemCatList{
width: 80%;
margin: 0 auto 5%;
}
.giftExpressSpecial .itemCatList li{
/*float: left;*/
margin: 1%;
text-align: center;
width: calc(100% / 2 - 2%);
}
.giftExpressSpecial .itemCatList li a{
border: 1px solid #ECB0B3;
display: block;
text-decoration: none;
border-radius: 10px;
padding: 2%;
box-sizing: border-box;
position: relative;
width: 100%;
}
.giftExpressSpecial .itemCatList li a::after{
position: absolute;
bottom: 5%;
left: 0;
right: 0;
margin:auto;
content: "";
width: 6px;
height: 6px;
border: 2px solid;
border-color: transparent transparent #ECB0B3 #ECB0B3;
display: inline-block;
transform: rotate(-45deg) skew(20deg,20deg);
-moz-transform: rotate(-45deg) skew(20deg,20deg);
-webkit-transform: rotate(-45deg) skew(20deg,20deg);
-o-transform: rotate(-45deg) skew(20deg,20deg);
-ms-transform: rotate(-45deg) skew(20deg,20deg);
}
.giftExpressSpecial .itemCatList li a div{
margin-left:1em;
}
.giftExpressSpecial .itemCatList li img{
/*max-width: 100px;*/
max-height: 90px;
}
.giftExpressSpecial .itemCatList li p{
/*height: 3em;*/
margin-left:2em;
}
.giftExpressSpecial .eachCatIntroCont{
width: 90%;
margin:3em auto 0;
}
.giftExpressSpecial .eachCatIntroCont .mainimgWrap{
width: 50%;
}
.giftExpressSpecial .eachCatIntroCont .mainimgWrap img{
width: 100%;
}
.giftExpressSpecial .eachCatIntroCont .txtWtap{
text-align:center;
width: 50%;
}
.giftExpressSpecial .eachCatIntroCont .txtWtap h3{
font-size: 17px;
margin: 0 0 3%;
}
.giftExpressSpecial .eachCatIntroCont .txtWtap .txt{
font-size: 13px;
margin: 6% 0 0;
}
/* 出産祝いギフト特急便 特集ページ 即日出荷について */
#expressSomeday{
border: 15px solid #FF8D98;
border-top: none;
margin: 0 0 5%;
}
#expressSomeday .forSP{ display: none }
#expressSomeday h5{
background-color: #FF8D98;
text-align: center;
margin: 0 0 3%;
padding: 2%;
}
#expressSomeday h6{
background-color: #FFD7D7;
color: #534741;
font-size: 17px;
line-height: 1em;
margin: 0 0 1%;
padding: 2%;
}
#expressSomeday ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#expressSomeday .txt{
color: #534741;
font-size: 16px;
}
#expressSomeday .txt span{
color: #BF0000;
}
#expressSomeday .contentWrap{
padding: 0 2%;
}
#expressSomeday .contentWrap .possibleArea,#expressSomeday .contentWrap .orderFlow,
#expressSomeday .contentWrap .cautionPoint{
margin: 0 0 5%;
}
#expressSomeday .contentWrap .possibleArea .mapArea{
position: relative;
text-align: right;
}
#expressSomeday .contentWrap .possibleArea .mapArea .txt{
position: absolute;
text-align: left;
top: 3%;
left: 2%;
}
#expressSomeday .contentWrap .possibleArea .mapArea .txtWrap{
position: absolute;
text-align: left;
top: 15%;
left: 2%;
}
#expressSomeday .contentWrap .possibleArea .mapArea .truckIcon{
position: absolute;
bottom:0;
left: 8%;
}
#expressSomeday .contentWrap .orderFlow .txt{
margin: 1% 0 5% 8%;
}
#expressSomeday .contentWrap .cautionPoint .iconList{
margin: 2% 0 3%;
}
#expressSomeday .contentWrap .cautionPoint .iconList li{
float: left;
text-align: center;
margin: 0 0 1%;
width: 33.33%;
}
#expressSomeday .contentWrap .cautionPoint .noteList{
color: #534741;
font-size: 12px;
list-style-type: disc;
margin: 3% auto;
width: 91%;
}
#expressSomeday .contentWrap .cautionPoint .noteList span{
color: #BF0000;
}
/*ピアリー風ランキングレイアウト*/
.ranking-likepiary .itemWrap {
padding: 0 0 0 10px;
}
.ranking-likepiary .rankLeft {
width: 410px;
float: left;
}
.ranking-likepiary ul.itemBlock {
margin: 0 0 0 -18px;
}
.ranking-likepiary ul.top li {
margin: 0 0 10px 8px;
width: 400px;
}
.ranking-likepiary .itemWrap a{
text-decoration:none;
}
.ranking-likepiary .itemWrap a .title{
line-height: 1.6;
}
ul.itemBlock li, .styleBlock div ul.itemBlock li {
width: 146px;
margin: 0 0 10px 13px;
display: inline;
position: relative;
float: left;
z-index: 200;
line-height: 1.2;
}
ul.itemBlock li .rankNum {
/*margin: 0 0 10px;*/
margin: 0 0 2px;
display: block;
}
.ranking-likepiary ul.itemBlock li.rank1 .rankNum::before,
.ranking-likepiary ul.itemBlock li.rank2 .rankNum::before,
.ranking-likepiary ul.itemBlock li.rank3 .rankNum::before{
content: url(../../resource/img/rank_crown_pink.png);
position: relative;
top: 0;
bottom: 0;
}
.ranking-likepiary ul.itemBlock li span.img img {
margin-bottom: 0.5em;
}
ul.itemBlock li .icImg {
position: absolute;
top: 3px;
left: 3px;
z-index: 250;
line-height: 0;
}
.ranking-likepiary ul.top li p.desc {
font-size: 84.6%;
margin: 10px 0 0 0;
}
li p.desc {
font-size: 84.6%;
margin: 0 !important;
}
ul.itemBlock li .price {
color: #ff8080;
font-weight: bold;
margin: 5px 0 0 0;
}
ul.itemBlock li .icClip {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
}
.ranking-likepiary ul.rank2to10 li{
z-index: 5;
}
.ranking-likepiary ul.rank2to10 li .title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ranking-likepiary ul.rank2to10 li:first-child {
display: none;
}
.ranking-likepiary ul.rank2to10 li:nth-child(-n+5) {
margin: 0 0 10px 17px;
width: 165px;
}
.ranking-likepiary ul.rank2to10 li:nth-child(6) {
margin-left:0;
}
/* kontex フード付きオーガニックバスタオル */
.kontexBathtowel{
color: #808080;
margin: 0 0 7%;
}
.kontexBathtowel .ttlLine{
border-bottom: 2px solid #F9DCC7;
font-size: 25px;
font-weight: bold;
margin: 0 0 3%;
text-align: center;
}
.kontexBathtowel .ttlDashed{
border-bottom: 1px dashed #736357;
box-sizing: border-box;
font-size: 19px;
font-weight: bold;
line-height: 1.7em;
padding: 0 1% 1%;
}
.kontexBathtowel .kontexIntro{
border: 2px solid #F9DCC7;
margin: 0 0 5%;
padding: 2%;
}
.kontexBathtowel .kontexIntro img{
float: left;
margin: 1.5% 0 0;
}
.kontexBathtowel .kontexIntro .txt{
color: #808080;
float: left;
font-size: 15px;
line-height: 1.8em;
margin: 0 1% 0 3%;
width: 74%;
}
.kontexBathtowel .recommendPointWrap{
margin: 0 0 8%;
}
.kontexBathtowel .recommendPointWrap .ttlDashed{
margin: 0 0 4%;
}
.kontexBathtowel .recommendPointWrap .recoPoint{
font-size: 15px;
line-height: 1.7em;
}
.kontexBathtowel .recommendPointWrap .recoPoint li{
background-color: #F9DCC7;
color: #736357;
float: left;
margin: 0 1%;
padding: 2% 0 0;
position: relative;
text-align: right;
width: 48%;
}
.kontexBathtowel .recommendPointWrap .recoPoint li .txtWrap{
margin: 0 auto;
text-align: left;
width: 94%;
}
.kontexBathtowel .recommendPointWrap .recoPoint li .txtWrap .txt{
padding: 0 1%;
}
.kontexBathtowel .recommendPointWrap .recoPoint li .posAbTxt{
bottom: 28%;
font-weight: bold;
left: 16%;
position: absolute;
text-align: center;
text-indent: -1em;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint{
margin: 0 0 4%;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .ttlDashed,
.kontexBathtowel .usefulPonitWrap .usefulPoint .txt,
.kontexBathtowel .usefulPonitWrap .usefulPoint .circleWrap{
float: right;
width: 55%;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .mainImg{
float: left;
margin: 0 3%;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .ttlDashed{
margin: 0 0 2%;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .txt{
box-sizing: border-box;
font-size: 15px;
line-height: 2em;
padding: 0 1%;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .circleWrap{
font-size: 15px;
text-align: center;
}
.kontexBathtowel .usefulPonitWrap .usefulPoint .circleWrap li{
float: left;
width: 33.33%;
}
/* ベビーアイテム カテゴリーTOP */
.itemSearchList{
margin: 0 0 5%;
}
.itemSearchList li a{
border: 10px solid;
box-sizing: border-box;
color: #808080;
display: block;
float:left;
font-size: 14px;
margin: 0 .5% 1%;
padding: 2% 0;
text-align: center;
text-decoration: none;
width: 32.33%;
}
.itemSearchList li.coverall a,
.itemSearchList li.diapercake a{ border-color: #C4E6ED; }
.itemSearchList li.underwear a{ border-color: #D6F4DD; }
.itemSearchList li.hat a{ border-color: #F9E3E6; }
.itemSearchList li.mitton a,
.itemSearchList li.giftset a{ border-color: #D8ECE7; }
.itemSearchList li.afghan a,
.itemSearchList li.clothes a{ border-color: #F8DCA5; }
.itemSearchList li.tableware a{ border-color: #F0C4F2; }
.itemSearchList li a img.thumbnail{
float: left;
width: 45%;
}
.itemSearchList li a .itemNameWrap{
float: left;
margin: 9% 0 0 -10%;
width: 65%;
}
.itemSearchList li a .itemNameWrap p:after{
content: "》";
display: block;
line-height: 1em;
margin: 2% 0 0;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}
/* 商品ページ 説明 出産祝いギフトセット */
#itemDetail .detailTab #outline .styleBlock .beberyItemDesc{
list-style-type: none;
margin: 2% 0 0;
text-align: center;
/*20200519_tachioka__↓うちで祝おうバナーを全ページにセットするため、flexで順番を変える。後々消す予定*/
width: 100%;
-ms-flex-order:99;
-webkit-order:99;
order: 99;
}
#itemDetail .detailTab #outline .styleBlock .beberyItemDesc li{
background-color: #FFE5E6;
display: table;
float: left;
height: 6em;
margin: 0 .5%;
width: 49%;
}
#itemDetail .detailTab #outline .styleBlock .beberyItemDesc li:only-of-type{
width: 100%;
margin:0;
}
#itemDetail .detailTab #outline .styleBlock .beberyItemDesc li p{
display: table-cell;
font-size: 14px;
vertical-align: middle;
}
/* 商品ページ ネームポエム sn.... */
.snItemWrap{
color: #736357;
}
.snItemWrap .txt{
font-size: 15px;
line-height: 1.7em;
margin: 0 0 3%;
}
.snItemWrap .txt span{
font-size: 12px;
}
.snItemWrap .snItemDesc{
margin: 0 0 6%;
}
.snItemWrap .snItemDesc .txtWrap{
float: left;
margin: 0 9% 0 0;
width: 44%;
}
.snItemWrap .snItemDesc .txtWrap .ttl{
border-bottom: 1px solid #736357;
font-size: 25px;
margin: 0 0 5%;
padding: 0 0 0 3%;
}
.snItemWrap .snItemDesc .txtWrap .txt{
padding: 0 0 0 3%;
}
.snItemWrap .snItemIntro{
margin: 0 0 11%;
text-align: center;
}
.snItemWrap .snItemIntro .blueTtl{
color: #63C2F3;
font-size: 21px;
margin: 0 0 1%;
}
.snItemWrap .snItemIntro .blueTtlS{
color: #63C2F3;
font-size: 18px;
margin: 0 0 1%;
}
.snItemWrap .snItemIntro .specWrap{
margin: 0 0 5%;
}
.snItemWrap .snItemIntro .specWrap img{
margin: 0 2%
}
/* -----------------------------------------------
こしひかりギフト
-------------------------------------------------- */
/* こしひかりギフト（新） */
.koshihikariSpecial h2,
.koshihikariSpecial h3,
.koshihikariSpecial h4,
.koshihikariSpecial p,
.koshihikariSpecial div,
.koshihikariSpecial ul,
.koshihikariSpecial li {
box-sizing: border-box;
}
.koshihikariSpecial .col-lg,
.koshihikariSpecial .col {
float:left;
}
.koshihikari-top {
background-color: #000;
color: #fff;
padding-bottom: 2.5%;
margin-bottom:2.5%;
position:relative;
}
.koshihikari-top h3,
.koshihikari-top h4 {
line-height:1.6;
}
.koshihikari-top p {
line-height:1.9;
}
.koshihikari-lead {
color:#fff;
text-align: center;
}
.koshihikari-lead h3 {
font-size:1.9em;
font-weight:normal;
margin-bottom:.75em;
}
.koshihikari-top .point-wrapper {
width:96%;
margin:5% auto 0;
color:#534741;
}
.koshihikari-top .point {
background-color:#fff;
margin-bottom:2.5%;
/*padding:40px;*/
/*font-size:12px;*/
position:relative;
}
.koshihikari-top .point,
.koshihikari-top .point-bg {
width:100%;
box-sizing:border-box;
}
.koshihikari-top .point-bg-s {
width:49%;
margin:0 0 2%;
float:left;
box-sizing:border-box;
padding:20px;
}
.koshihikari-top .point-bg {
clear:both;
}
.koshihikari-top .point-bg,
.koshihikari-top .point-bg-s {
background-image:url(/resource/img/gift/koshihikari/bg_point.jpg);
padding:2%;
}
.koshihikari-top .point-bg-s.second {
margin-right:2%;
}
.koshihikari-top .point-inner {
/*padding:20px;*/
background-color:rgba(255,255,255,.8);
/*font-size:12px;*/
position:relative;
}
.koshihikari-top .point h4 {
font-size:1.75em;
margin-bottom:.75em;
font-weight:normal;
}
.koshihikari-top .point-bg h4,
.koshihikari-top .point-bg-s h4 {
font-size:1.55em;
margin-bottom:.75em;
font-weight:normal;
}
.koshihikari-top .point p,
.koshihikari-top .point-bg p {
margin-bottom:1em;
}
.koshihikari-top .point.first img,
.koshihikari-top .point-bg-s.second img,
.koshihikari-top .point-bg-s.third img,
.koshihikari-top .point-bg.fourth img {
position:absolute;
}
.koshihikari-top .point.first img {
top:0; right:0;
z-index:-1;
}
.koshihikari-top .point-bg-s.second img {
top:-5px; right:-5px;
}
.koshihikari-top .point-bg-s.third img {
top:-3px; right:-5px;
}
.koshihikari-top .point-bg.fourth img {
top:0;
right:0;
}
.koshihikari-top .point.first {
z-index:0;
padding: 4% 4% 8%;
max-height: 340px;
}
.koshihikari-top .point.first h4 {
margin-bottom:.75em;
z-index:1;
}
.koshihikari-top .point-bg-s .point-inner {
padding:5.5%;
}
.koshihikari-top .point-bg.fourth .point-inner {
padding:3%;
min-height:295px;
}
.koshihikari-lineup > h3 {
padding:2.5%;
font-size:2em;
font-weight:normal;
text-align:center;
background:url(/resource/img/gift/koshihikari/bg_lineup.jpg) no-repeat;
margin-bottom:.75em;
}
.koshihikari-lineup .navi {
margin:2.5% 0;
}
.koshihikari-lineup .navi li {
float:left;
width:50%;
margin:0 0 2%;
text-align:center;
}
.koshihikari-item {
padding:1.5%;
margin-bottom:2.5%;
position: relative;
color:#fff;
}
.koshihikari-item h3,
.koshihikari-item h4 {
line-height: 1.4;
}
.koshihikari-item p {
line-height: 2em;
}
.koshihikari-item-inner {
width:100%;
background-color:#000;
}
.koshihikari-item.item-tabekurabe {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c74925+0,f7931e+50,933326+100 */
background: #c74925; /* Old browsers */
background: -moz-linear-gradient(left, #c74925 0%, #f7931e 50%, #933326 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, c74925 0%,#f7931e 50%,#933326 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #c74925 0%,#f7931e 50%,#933326 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c74925', endColorstr='#933326',GradientType=1 ); /* IE6-9 */
}
.koshihikari-item.item-niigata {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#672326+0,c1272d+50,6c2326+100 */
background: #672326; /* Old browsers */
background: -moz-linear-gradient(left, #672326 0%, #c1272d 50%, #6c2326 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #672326 0%,#c1272d 50%,#6c2326 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #672326 0%,#c1272d 50%,#6c2326 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#672326', endColorstr='#6c2326',GradientType=1 ); /* IE6-9 */
}
.koshihikari-item .txt-01 {
position:absolute;
top:3.5%;
left:7%;
font-size:22px;
}
.koshihikari-item .txt-02 {
width: 88%;
margin: 0 auto;
position: relative;
padding-top: 1%;
}
.koshihikari-item .col-ttl h3 {
font-size:2.25em;
margin-bottom:.5em;
}
.koshihikari-item .col-ttl p {
font-size:1.075em;
}
.koshihikari-item .col-ttl h3.new:before {
display: block;
content: "NEW";
font-size: .75em;
padding: .2em;
margin-bottom: .15em;
background-color: #c1272d;
width: 3em;
text-align: center;
line-height: 1;
font-family: "MS 明朝", century, serif;
}
.koshihikari-item .col-ttl,
.koshihikari-item .col-txt,
.koshihikari-item .col-mainimg,
.koshihikari-item .col-img {
width:50%;
}
.koshihikari-item .col-ttl {
padding:5%;
}
.koshihikari-item .col-mainimg {
padding:1%;
text-align: right;
}
.koshihikari-item .brand-lineup {
width: 88%;
margin: 0 auto;
padding-bottom:2.5%;
}
.koshihikari-item .brand-lineup h4 {
font-size: 1.8em;
font-weight: normal;
margin-bottom: .5em;
}
.koshihikari-item .brand-lineup ul li {
width:20%;
float:left;
text-align:center;
position: relative;
min-height: 300px;
margin:0;
}
.koshihikari-item .brand-lineup ul li div {
text-align: left;
width:90%;
margin-left:10%;
position: absolute;
top:42.5%;
left:0;
}
.koshihikari-item .brand-lineup .title {
font-size:1.075em;
}
.koshihikari-item .brand-lineup .brand span {
display: block;
width: 55%;
padding: 0 3.5%;
line-height: 1.8;
text-align: center;
}
.koshihikari-item .brand-lineup .brand span.uonuma {
background-color:#f7931e;
}
.koshihikari-item .brand-lineup .brand span.niigata {
background-color:#245ea9;
}
.koshihikari-item .brand-lineup .brand span.iwate {
background-color:#a75b9b;
}
.koshihikari-item .brand-lineup .brand span.akita {
background-color:#e2392e;
}
.koshihikari-item .brand-lineup .brand p.title {
color:#fff;
margin-bottom:5px;
padding-top:0;
}
.koshihikari-item .brand-lineup ul li p.desc {
font-size: 100%;
margin-bottom:0;
line-height: 1.8;
}
.koshihikari-item .series-lineup {
width: 94%;
margin: 0 auto;
padding-bottom:3%;
}
.koshihikari-item .series-item {
width:50%;
}
.koshihikari-item .series-item .col-img {
width:38%;
padding:3%;
}
.koshihikari-item .series-item .col-txt {
width:59%;
padding:3%;
}
.koshihikari-item .series-item .col-txt h4 {
font-size: 1.2em;
margin-bottom: .5em;
}
.koshihikari-item .about .col-lg {
float:right;
}
.koshihikari-item .about .col-txt {
width:72%;
padding:0 5%;
}
.koshihikari-item .about .col-img {
width:28%;
padding:0 0 0 2%;
}
.koshihikari-item .about h4 {
font-size:1.75em;
font-weight:normal;
margin-bottom:1em;
}
.koshihikari-item .about p {
margin-bottom: 1em;
}
.koshihikari-item#koshihikari_02 .koshihikari-item-inner {
background:#000 url(/resource/img/gift/koshihikari/bg_certificate.png) no-repeat -20% 72.5%;
}
/* ベビー服 商品ページ ラッピングバナー */
.wrappingItemWrap {
text-align: center;
}
.wrappingItemWrap img{
max-width: 47%;
margin: 0 1%;
}
/* 季節におすすめ */
.selectSeasonSpecial .seasonBtn{
display: block;
float: left;
font-size: 22px;
line-height: 1em;
margin: 0 1%;
padding: 2% 0;
text-align: center;
text-decoration: none;
width: 48%;
}
.selectSeasonSpecial .seasonBtnSS{ background-color:#FBEEF3; }
.selectSeasonSpecial .seasonBtnAW{ background-color:#D7EEE0; }
.roatate45deg{
display: inline-block;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
/* ギフトバッグ特集ページ */
#giftbagSpecial .menuGiftbag{
margin: 3% 0;
}
#giftbagSpecial .menuGiftbag li{
float: left;
margin: 0 0 1%;
text-align: center;
width: 33.33%;
}
#giftbagSpecial #color{ background-color:#BEE0E7; }
#giftbagSpecial #pearl{ background-color:#D0EED7; }
#giftbagSpecial #twotone{ background-color:#F3DDE0; }
#giftbagSpecial #paper{ background-color:#D2E6E1; }
#giftbagSpecial #catalog{ background-color:#F2D69F; }
#giftbagSpecial .bagDesc{
box-sizing: border-box;
margin: 5% 0 2%;
padding: 2%;
}
#giftbagSpecial .bagDesc img.mainImg{
float: left;
}
#giftbagSpecial .bagDesc .descWrap{
float: left;
margin: 0 0 0 1%;
width: 66%;
}
#giftbagSpecial .bagDesc .descWrap .upperArea{
margin: 0 0 5px;
}
#giftbagSpecial .bagDesc .descWrap .upperArea img{
float: left;
}
#giftbagSpecial .bagDesc .descWrap .upperArea .colors{
float: left;
font-size: 20px;
margin: 3% 0 0;
text-align: center;
width: 15%;
}
#giftbagSpecial .bagDesc .descWrap .upperArea .colors span{
font-size: 40px;
}
#giftbagSpecial .bagDesc .descWrap .btmArea{
font-size: 0;
}
#giftbagSpecial .bagDesc .descWrap .btmArea img{
float: left;
margin: 0 1px;
}
#giftbagSpecial #catalog .descWrap{ width: 33%; }
#giftbagSpecial #catalog .exampleCatalog{
float: left;
width: 33%;
}
/* ---------------------
ペチャット pechat
------------------ */
.item-pechat {
font-size: 16px;
color: #000;
}
.item-pechat .bk-primary {background-color: #fec272;}
.pechat-sec--firstnote {
text-align: center;
font-weight: bold;
padding: 30px 0;
font-size: 18px;
}
.pechat-sec--video-box {padding: 2.5% 8% 1.5%;}
.cap-secondary {font-size: 12px;}
/* クリア */
.pechat-old:after {
content: "";
clear: both;
display: block;
}
/* セクション */
.pechat-sec {
padding-top: 20px;
margin-bottom: 10px;
}
.pechat-howto-sec {
position: relative;
text-align: center;
margin-bottom: 20px;
}
/* タイトル */
.pechat-sec--title {
text-align: center;
width: 100%;
box-sizing: border-box;
}
.pechat-sec--title.__primary {
font-size: 24px;
line-height: 1.8;
}
.pechat-sec--title.__secondary {
background: #ccc;
font-size: 18px;
padding: 0.8em;
margin-top: 2em;
}
/* ぬいぐるみの… */
.pechat-howto-sec--note {
position: absolute;
bottom: 4%;
right: 12%;
font-size: 12px;
}
.pechat-howto-sec--note.redbold {
color: #ff0000;
font-weight: bold;
font-size: 14px;
}
/* イメージ */
.pechat-main-img {margin-top: 20px;}
.pechat-img.__phone {margin: 30px 0;}
/* 使い方リスト */
.pechat-sec--borlist {
width: 46%;
text-align: center;
border: 1px solid #fec272;
padding: 3.5%;
box-sizing: border-box;
margin: 2%;
float: left;
}
.pechat-sec--icontit {line-height: 52px;}
/*
.pechat-sec--icontit.__01 {background: url(/resource/img/pechat/pec_icon01.gif) no-repeat 12px center;}
.pechat-sec--icontit.__02 {background: url(/resource/img/pechat/pec_icon02.gif) no-repeat 12px center;}
.pechat-sec--icontit.__03 {background: url(/resource/img/pechat/pec_icon03.gif) no-repeat 12px center;}
.pechat-sec--icontit.__04 {background: url(/resource/img/pechat/pec_icon04.gif) no-repeat 12px center;}
.pechat-sec--icontit.__05 {background: url(/resource/img/pechat/pec_icon05.gif) no-repeat 12px center;}
.pechat-sec--icontit.__06 {background: url(/resource/img/pechat/pec_icon06.gif) no-repeat 12px center;}
*/
#itemDetail .pechat-sec--borlist h4{
background-repeat: no-repeat;
background-position: 12px center;
border-bottom: none;
font-size: 100%;
height: auto;
line-height: 52px;
margin: 0;
padding: 0;
}
#itemDetail .pechat-sec--icontit.__01 {background-image: url(/resource/img/pechat/pec_icon01.gif);}
#itemDetail .pechat-sec--icontit.__02 {background-image: url(/resource/img/pechat/pec_icon02.gif);}
#itemDetail .pechat-sec--icontit.__03 {background-image: url(/resource/img/pechat/pec_icon03.gif);}
#itemDetail .pechat-sec--icontit.__04 {background-image: url(/resource/img/pechat/pec_icon04.gif);}
#itemDetail .pechat-sec--icontit.__05 {background-image: url(/resource/img/pechat/pec_icon05.gif);}
#itemDetail .pechat-sec--icontit.__06 {background-image: url(/resource/img/pechat/pec_icon06.gif);}
.pechat-sec--borlist .pechat-img {margin-top: 4%;}
.pechat-sec--how-note {
margin-top: 4%;
font-size: 13px;
height: 240px;
padding: 5%;
border-radius: 10px;
}
.pechat-sec--how-note--tit {
font-size: 14px;
display: block;
margin-bottom: 5%;
}
.pechat-sec--how-note .cap-primary {
margin-top: 3%;
font-size: 12px;
display: block;
}
/* 子育ての様々な… */
.pechat-howto-sec.clear {clear: both;}
.pechat-howto-sec.__bk-bear {
background: url(/resource/img/pechat/pec_bear_bk.jpg) no-repeat;
height: 400px;
}
.pechat-sec--iconnone {
text-align: left;
margin-top: 28px;
margin-left: 43%;
padding-left: 4%;
background: url(/resource/img/pechat/pec_icon_button.png) no-repeat left;
}
/* 年齢ごとの… */
.pechat-old {
width: 98%;
margin: 20px auto 0;
}
.pechat-old-tit,
.pechat-old-detail {
margin: 1% 0;
float: left;
line-height: 40px;
}
.pechat-old-tit {
border-radius: 20px;
width: 16%;
}
.pechat-old-detail {
width: 82%;
text-align: left;
padding-left: 2%;
}
.cap-secondary.__old {
text-align: left;
margin-left: 27%;
}
/* 商品の特徴 */
.pechat-iconl-img {margin: 5%;}
.pechat-iconl-img.__l {margin-left: 15%;}
.pechat-iconl-img.__r {margin-right: 15%;}
.pechat-iconl-box {
float: left;
width: 25%;
box-sizing: border-box;
padding: 1%;
text-align: center;
}
/* 主な使用 */
.pechat-img.__det {
margin: 5% auto;
display: block;
}
.item-pechat .pechat-table {
width: 80%;
margin: 0 auto;
font-size: 16px;
}
.pechat-t-detail,
.pechat-t-tit {
padding: 2%;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.pechat-t-detail {
border-right: 1px solid #ccc;
}
/* 推奨端末 */
.pechat-sec--sup {
position: relative;
height: 520px;
}
.pechat-recommend--txt {padding: 3%;}
.pechat-sup {
width: 39%;
border-bottom: 1px solid #ccc;
font-size: 13px;
line-height: 1.8;
padding: 2%;
}
.pechat-sup--tit,
.pechat-sup {position: absolute;}
.pechat-sec--sup .__bor-top {border-top: 1px solid #ccc;}
.pechat-sup--det {padding-left: 30%;}
.pechat-sup.__iphone { top: 32%; left: 5%; }
.pechat-sup.__i-plus { top: 67%; left: 5%; }
.pechat-sup.__nexus { right: 5%; top: 32%; }
.pechat-sup.__galaxy { right: 5%; top: 50%; }
.pechat-sup.__xperia { right: 5%; top: 77%; }
.pechat-sup.__aquos { right: 5%; top: 100%; }
/* FAQ */
.pechat-sec--faq {
display: flex;
flex-wrap: wrap;
}
.pechat-faq {
width: 50%;
margin-top: 2em;
}
.pechat-faq-tit,
.pechat-faq-detail {
box-sizing: border-box;
padding-left: 22%;
padding-right: 5%;
width: 375px;
line-height: 1.7;
}
.pechat-faq-tit {
background: url(/resource/img/pechat/pec_icon_q.gif) no-repeat;
background-position: 5% center;
height: 52px;
display: table-cell;
vertical-align: middle;
font-weight: bold;
}
.pechat-faq-detail {font-size: 13px;}
/* この商品のお届けについて */
.freeSpace #products-info h2{
/*強すぎるので消す@tachioka@20210318
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;
color: inherit;
font-weight: 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.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{
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%;
}
.__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{
position: relative;
text-align: right;
margin-bottom:20px;
}
.prizeSomeday .contentWrap .possibleArea .mapArea .txt{
position: absolute;
text-align: left;
top: 3%;
left: 2%;
}
.prizeSomeday .contentWrap .possibleArea .mapArea .txtWrap{
position: absolute;
text-align: left;
top: 15%;
left: 2%;
}
.prizeSomeday .contentWrap .possibleArea .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;
}
/* 10周年キーワード */
.anniv-keyword {
text-align: center;
margin-bottom: 3%;
}
/* 出産祝いランキング */
#ranking-wrap{margin:0 auto;width:650px;}
#ranking-wrap img{max-width:100%;}
#ranking-wrap .title-image,
#ranking-wrap nav{font-size:13px;}
#ranking-wrap nav a:visited,
#ranking-wrap nav a:link{color:#666;font-size:13px;text-decoration:underline;}
#ranking-wrap nav a:hover{text-decoration:none;}
#ranking-wrap nav h2{font-size:20px;margin:32px 0 16px;}
#ranking-wrap .ranking-menu{margin:20px 0 40px;}
#ranking-wrap .ranking-menu > li{list-style:inside;list-style-type:decimal;}
#ranking-wrap nav ul{margin:20px 0 30px 3em;}
#ranking-wrap nav .usage-scenes-list{list-style:outside;}
#ranking-wrap .itemListWrap ul.itemBlock-default{margin-left:0;}
#ranking-wrap h2,
#scenes h3{background-color:#b4eabe;color:#555;font-size:20px;padding:4px 0;text-align:center;}
#ranking h3,
#ranking h4,
#ranking-wrap p:not(.contents-image),
#ranking-wrap .mothers-voice{margin-bottom:.8em; padding:0 6%;}
#ranking-wrap p.rank-image{margin-bottom:1em;}
#ranking-wrap ul.itemBlock-default li a img{border:none;min-height:auto;}
#ranking-wrap p.contents-image{margin:1em 0;text-align:center;}
#ranking-wrap p.title-image{width:650px;margin:0 auto;padding:0;}
#ranking-wrap .to-item a{color:#666;}
#ranking h4{font-size:20px;}
#ranking .rank{top: -3px;position: relative;padding-right: 0.5em;}
.inner-contents h6::before,
#scenes h5::before{content:"＊";color:#f1b7bd;font-weight:bold;}
#scenes h5{margin-bottom:0;}
.inner-contents h6{padding:0 6%;}
#ranking h3,
#scenes h4{border-bottom:3px solid #b8eec2;font-size:15px;margin:35px 0 16px;padding-bottom:8px;}
#ranking h3{margin-bottom:22px;}
#ranking .rank-image{text-align:center;}
#ranking .mothers-voice{margin:30px 0;}
#ranking .mothers-voice h5{font-weight:normal;margin-bottom:1em;}
#ranking .mothers-voice ul{list-style:outside;padding-left:1em;}
#ranking .mothers-voice ul li:not(:last-child){margin-bottom:1em;}
#ranking-wrap p#rank_article_last{margin:40px 0 70px;}
/* ギフト大特集 */
.itemguide .guidelist{
margin: 0 0 0 -2%;
padding: 2%;
}
.itemguide .guidelist li{
float: left;
width: 30.3333%;
margin: 0 0 75px 3%;
text-align: center;
}
.itemguide .guidelist li h2{
font-size: 26px;
border: 6px solid #ffe5e6;
margin: 0;
padding: 12px 0;
letter-spacing: 1px;
}
.itemguide .guidelist li h3{
margin-top: 12px;
font-size: 15px;
font-weight: normal;
height: 2.8em;
line-height: 1.4em;
}
.itemguide .guidelist li .pict{
max-width: 240px;
max-height: 240px;
margin: 12px 0;
}
.itemguide .guidelist li .text{
text-align: left;
margin: 0 5%;
height: 7.5em;
}
.itemguide .guidelist li .bt{
display: block;
margin: 12px 3% 0 3%;
padding: 12px 0;
background: #e4fae7;
font-size: 18px;
}
.itemguide #linkArea li{
float: left;
text-align: center;
margin-bottom: 50px;
}
.itemguide #linkArea .w100{
width: 100%;
}
.itemguide #linkArea .w50{
width: 50%;
}
.itemguide #linkArea .catchy{
font-size: 16px;
margin-bottom: 5px;
}
.itemguide #linkArea .toTop a{
display: inline-block;
font-size: 22px;
background: #e4fae7;
padding: 14px 40px;
}
.itemguide #linkArea .sp{
display: none;
}
br.sp {
display: none;
}
/* TOPメンテナンス告知 */
.top_maintainance {
font-size: 12px;
border: 1px solid #ff0000;
padding: 10px;
color: #ff0000;
/* background-color: #FFE4E1; */
margin: 10px 0;
line-height: 1.6;
}
.top_maintainance__title {
font-weight: bold;
text-align: center;
}
/* ～で探す等の親ページ 子ページリスト_SEO対策 */
.catChildListTitle{
margin-bottom: 1%;
font-size: 1.2em;
border-bottom: 2px solid;
}
/* 価格帯で探す_SEO対策 */
.byPriceListTitle{
/*border-bottom-color: #B4E5BC;
color:#B4E5BC;*/
padding-bottom: 10px;
font-weight: normal;
font-size: 15px;
border-bottom: 2px solid #A0A1A1;
}
/* 性別で探す_SEO対策 */
.boysGirlsListTitle{
border-bottom-color: #AB9025;
color:#AB9025;
}
/* 月齢で探す */
.ageMoonListTitle{
border-bottom-color: #D1B7E7;
color:#D1B7E7;
}
/* 季節で探す_SEO対策 */
.bySeasonListCaption{
color: #C96963;
font-size: 14px;
margin: 0 0 1%;
}
/* 送る相手で探す_SEO対策 */
.byTargetListTitle{
border-bottom-color: #ccc5a3;
color: #ccc5a3;
}
/* ブランド特集 キャラクター特集_SEO対策 */
.dotTypeLineTitle{
background: url(/resource/img/uchiiwai/character/bkg_dot.gif) repeat-x 0% 100%;
}
/* コンテンツページ 記事一覧_SEO対策 */
.articleTitle{
color: #CB6963;
font-size: 1.15em;
padding: 3% 0;
height: 1.8em;
}
/* お米ギフト_SEO対策 */
.CaptionTitle{
font-size:1.9em;
font-weight:normal;
margin-bottom:.75em;
}
.CaptionTitleHeight{
line-height:1.6;
}
.CaptionTitlesub{
font-size:1.75em;
margin-bottom:.75em;
font-weight:normal;
}
.CaptionTitlesub2{
font-size:1.55em;
margin-bottom:.75em;
font-weight:normal;
}
.lineupTitle{
padding:2.5%;
font-size:2em;
font-weight:normal;
text-align:center;
background:url(/resource/img/gift/koshihikari/bg_lineup.jpg) no-repeat;
margin-bottom:.75em;
}
.itemTitle{
font-size:2.25em;
margin-bottom:.5em;
}
.itemTitleHeight{
line-height: 1.4;
}
/* サイズナビ_SEO対策 */
.sizenaviTitle{
line-height: 3.2em;
color:#a67d30;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
font-size: 1.6em;
text-align: center;
}
/* のしについて_SEO対策 */
.noshiTitlesub4{
font-size: 14px;
color: #ff6600;
margin-bottom: 5px;
}
/* ギフトセット_SEO対策 */
.giftsetSubTitle {
font-size: 19px;
margin: 0 0 3%;
}
/* ハイセンスカタログギフト_SEO対策 */
.StatisfactionCatTitle{
margin: 2% 0;
font-size: 1.3em;
}
/* ご利用ガイド_SEO対策 */
.guideTitle{
line-height:1.5;
font-weight: normal;
}
/* ベベリー会員について_SEO対策 */
.memberTitle {
line-height: 1.5;
}
/* プライバシーポリシー_SEO対策 */
.privacyTitle{
line-height:1.5;
font-weight: normal;
margin:0 10px 15px 10px;
}
/* 特商法_SEO対策 */
.traTitle{
line-height:1.5;
font-weight: normal;
}
/* 問い合わせ_SEO対策 */
.inqTitle{
line-height:1.5;
}
/* サイドバー_SEO対策 */
.sideHeadTitle {
border: 1px solid #C8C8C8;
border-bottom: none;
margin-bottom:8px;
}
.sideHeadTitleArticles {
margin-bottom:0;
}
/* ギフトセット商品説明文 */
.gs_text {
text-align: left;
padding-left: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.gs_card {
padding-left: 3%;
}
.top_information__link {
display: block;
text-align: center;
/*margin: 12px 0;*/
padding: 12px;
/*background: #e4fae7;*/
/*background:#ffc0c6;*/
color: #ff8080!important;
}
/* クリスマス特集_2018 */
.xmas_img{
width: 280px;
height: 280px;
}
.xmas_text{
width: calc((100% - 280px) - 2.5em);
padding-left: 2.5em;
}
.xmas_color{
color: #ff8080;
}
.xmas_link{
display: block;
text-decoration: none!important;
border: 1px solid #0e682e;
color: #0e682e!important;
padding: 0.75em;
text-align: center;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
font-size: 17px;
}
/* option項目表示切り替え用 */
#itemDetail .buyInput .tableGray table.hide {
display: none;
}
/* 誕生祝いギフト */
#birthday_gift .c-select_li {
width: 23.5%;
background-color: #fff;
border-radius: 10px;
border: solid 1px #ff8080;
padding: 1em 0 1.5em;
}
#birthday_gift .c-icArrow--base {
bottom: 0;
}
/* arrow */
.c-icArrow {
position: relative;
}
.c-icArrow::after {
content: '';
position: absolute;
}
.c-icArrow--slim::after {
width: .5em;
height: .5em;
border-top: 2px solid;
border-right: 2px solid;
}
.c-icArrow--slim-1px::after {
width: .5em;
height: .5em;
border-top: 1px solid;
border-right: 1px solid;
}
.c-icArrow--Clr20::after {
border-color: #2988bc;
}
.c-icArrow--Clr17::after {
border-color: #ff8080;
}
.c-icArrow--center::after { /* センター 下向きarrow */
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
left: 0;
right: 0;
margin: 0 auto;
}
.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--rr3::after { /* position:right direction:right */
right: 1em;
-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-icArrow--bd::after { /* センター下 下向きarrow */
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
left: 0;
right: 0;
bottom: .5em;
margin: 0 auto;
}
/* 誕生祝いギフト 詳細 */
.birthday_deatil .c-link_style {
text-decoration: none;
border: solid 1px #999;
padding: .5em 1.75em .5em .75em;
border-radius: 5px;
font-size: 12px;
}
.birthday_deatil .c-link_style:hover {
text-decoration: none;
}
.birthday_deatil .c-link_style.active {
background-color: #ff8080;
color: #fff;
border: solid 1px #ff8080;
}
.birthday_deatil .c-icArrow--rr::after {
top: calc((100% - .6em) / 2);
}
/*wpで勝手にbrが入ってしまう問題への対策*/
/*表示したいbrに対しては、sp-contなりpc-contなりをつける。*/
.wp_auto_br{}
.wp_auto_br br:not([class]){
display: none;
}
/*novelty*/
#popup_showdesign_msc {
width: 750px;
box-sizing: border-box;
}
#popup_showdesign_msc .title {
text-align: center;
margin-bottom: 1em;
}
#popup_showdesign_msc .title p:nth-of-type(1) {
margin-top: 0.25em;
font-size:16px;
}
#popup_showdesign_msc .title p:nth-of-type(2) {
margin-top: 1em;
}
#popup_showdesign_msc .area_layout.casual .title_sub {background-color: #fbeef5;}
#popup_showdesign_msc .area_layout.formal .title_sub {background-color: #eee3f1;}
#popup_showdesign_msc .area_layout .title_sub {
padding:1em 3em;
box-sizing: border-box;
margin-bottom: 2em;
}
#popup_showdesign_msc .area_layout .title_sub .img {
width: 46%;
margin-right: 4%;
}
#popup_showdesign_msc .area_layout .title_sub .msg_example {
width: 50%;
padding:1em;
box-sizing: border-box;
background-color: #fff;
border-radius: 10px;
}
#popup_showdesign_msc .area_layout ul.design_list {
padding:1em;
box-sizing: border-box;
text-align:center;
margin-bottom: 2em;
}
#popup_showdesign_msc .area_layout ul.design_list li {
width: calc((99.9999% - 8%) / 5);
margin-right: 2%;
margin-bottom: 3%;
}
#popup_showdesign_msc .area_layout ul.design_list li:nth-of-type(5n) {
margin-right: 0;
}
#popup_showdesign_msc .area_layout ul.design_list li img {
border: 1px solid #ccc;
box-sizing: border-box;
}
#popup_showdesign_msc .en_translation {
border: 1px solid #999;
padding:1em;
width: 60%;
margin: 0 auto 2em auto;
box-sizing: border-box;
}
#popup_showdesign_msc .en_translation .title_sub {
text-align:center;
font-weight: bold;
font-size:16px;
margin-bottom: 0.5em;
}
#popup_showdesign_msc .en_translation .txtblock {
padding:0 3em;
margin-bottom: 1em;
}
#popup_showdesign_msc .en_translation .en {
font-size:16px;
}
#popup_showdesign_msc .en_translation .jp {
}
#popup_showdesign_msc .attention {
background-color: #f5fbfc;
padding:1em 3em;
width: 60%;
margin: 0 auto;
box-sizing: border-box;
}
.popup_imgs_full img {
border: 1px solid #ccc;
box-sizing: border-box;
margin-bottom: 1em;
max-width: 400px;
width: 100%;
}
#popup_showdesign_bdb {
width: 750px;
box-sizing: border-box;
}
#popup_showdesign_bdb .title {
text-align: center;
margin-bottom: 1em;
}
#popup_showdesign_bdb .title p:nth-of-type(1) {
margin-top: 0.25em;
font-size:16px;
}
#popup_showdesign_bdb .title p:nth-of-type(2) {
margin-top: 1em;
}
#popup_showdesign_bdb ul.design_list {
padding:1em;
box-sizing: border-box;
text-align:center;
margin-bottom: 2em;
}
#popup_showdesign_bdb ul.design_list li {
width: calc((99.9999% - 6%) / 4);
margin-right: 2%;
margin-bottom: 3%;
}
#popup_showdesign_bdb ul.design_list li:nth-of-type(4n) {
margin-right: 0;
}
#popup_showdesign_bdb ul.design_list li img {
border: 1px solid #ccc;
box-sizing: border-box;
}
/*ジェリーキャット*/
#scene_pechat .mw-400px,
#productfeature_pechat .mw-400px,
#specification_pechat .mw-400px,
#faq_pechat .mw-400px{max-width: 400px;}
#scene_pechat .mw-43px,
#productfeature_pechat .mw-43px,
#specification_pechat .mw-43px,
#faq_pechat .mw-43px{max-width: 43px;}
#specification_pechat table.specification{
margin:1em 0;
text-align:left;
width: 100%;
}
#specification_pechat table.specification tr{
border: 1px solid #cccccc;
}
#specification_pechat table.specification tr th{
border-right: 1px solid #cccccc;
padding:0.5em;
box-sizing: border-box;
}
#specification_pechat table.specification tr td{
padding:0.5em;
box-sizing: border-box;
}
#specification_pechat table.recommendedterminal{
margin:1em 0;
text-align:left;
width: 100%;
}
#specification_pechat table.recommendedterminal tr{
border-top: 1px solid #cccccc;
}
#specification_pechat table.recommendedterminal tr:last-of-type{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#specification_pechat table.recommendedterminal tr th{
padding:1em 0 1em 0;
box-sizing: border-box;
font-weight: normal;
}
#specification_pechat table.recommendedterminal tr td{
padding:1em 0 1em 1em;
box-sizing: border-box;
}
/*jellycatリニューアル@立岡tachioka_20210212*/
.ranpe-jellycat .oneSection{
margin: 0 0 4rem 0;
}
.ranpe-jellycat .mainImg{
margin: 0 0 2rem 0;
}
.ranpe-jellycat .logoImg{
text-align: center;
margin: 0 0 1rem 0;
}
.ranpe-jellycat .introText{
text-align: center;
line-height: 2;
}
.ranpe-jellycat .secTitle{
text-align: center;
color: #AF8968;
margin: 0 0 1rem 0;
font-weight:normal;
}
.ranpe-jellycat .subTitleImg{
text-align: center;
padding: 0 0 1rem 0;
border-bottom: 2px solid #AF8969;
margin: 0 0 2rem;
}
.ranpe-jellycat .secTitle__subTxt{
display: block;
margin: 1rem 0 0 0;
}
.ranpe-jellycat .titleTxtKirakira{
text-align: center;
margin: 0 0 2rem 0;
}
.ranpe-jellycat .titleTxtKirakira__text{
display: inline-block;
margin: 0 2rem;
color: #AF8968;
font-weight: bold;
font-size: 1.2rem;
}
.ranpe-jellycat .voiceAmbassador{
background-color: #F6F6F4;
padding: 4rem 0;
}
.ranpe-jellycat .ambassadorCommentList__item{
margin: 0 2rem;
}
.ranpe-jellycat .ambassadorCommentList__itemLink{
text-decoration: none;
}
.ranpe-jellycat .ambassadorCommentList__name{
text-align: right;
color: #1A1311;
margin: 0.25rem 0 0.75rem 0;
}
.ranpe-jellycat .ambassadorCommentList__catch{
font-weight: bold;
font-size: 1.1rem;
margin: 0 0 1rem 0;
}
.ranpe-jellycat .choosePointArea{
position: relative;
padding: 0 0 2rem 0;
}
.ranpe-jellycat .choosePointArea__kirakira{
position: absolute;
z-index: 0;
}
.ranpe-jellycat .choosePointArea__kirakira--one{
bottom: 0;
left: 10%;
}
.ranpe-jellycat .choosePointArea__kirakira--two{
top: 3rem;
left: 30%;
}
.ranpe-jellycat .choosePointArea__kirakira--three{
bottom: 0;
right: 10%;
}
.ranpe-jellycat .choosePointArea__kirakira--four{
top: 3rem;
right: 30%;
}
.ranpe-jellycat .choosePointList__item{
width: calc((100% - 2rem)/3);
}
.ranpe-jellycat .choosePointList__item--second{
margin: 0 1rem;
position: relative;
top: 2rem;
}
.ranpe-jellycat .choosePointList__appealTxts{
margin: 0 0 1.5rem 0;
}
.ranpe-jellycat .choosePointList__text{
color: #AF8968;
font-weight: bold;
line-height: 1.8;
padding: 1rem 0 0 1rem;
width: 78%;
}
.ranpe-jellycat .p-tabChangeList__label{
background-color: #F2ECE7;
border-top: 1px solid #B38F6F;
border-right: 1px solid #B38F6F;
border-bottom: 1px solid #B38F6F;
}
.ranpe-jellycat .p-tabChangeList__label:nth-of-type(1){
border-left: 1px solid #B38F6F;
}
.ranpe-jellycat--setRattle .mainCatchCopy{
font-size: 1.9rem;
line-height: 1.8;
text-align: center;
margin: 0 0 1.8rem 0;
color: #cca48f;
letter-spacing: 0.05rem;
}
.ranpe-jellycat--setRattle .introText{
font-size: 1.05rem;
}
.ranpe-jellycat .pointText{
text-align: center;
color: #cca48f;
line-height: 1.4;
font-weight: bold;
font-size: 1rem;
margin: 0.5rem 0 0 0;
}
.ranpe-jellycat .pointText__strong{
font-size: 1.68rem;
}
.ranpe-jellycat--setRattle .choosePointList{
-webkit-justify-content: center;
justify-content: center;
}
.ranpe-jellycat--setRattle .choosePointList__item{
width: calc((100% - 4rem)/3);
}
.ranpe-jellycat--setRattle .choosePointList__item--second{
margin: 0 2rem;
}
.ranpe-jellycat--setRattle .choosePointList__item--fourth{
margin: 4rem 2rem 0 0;
}
.ranpe-jellycat--setRattle .choosePointList__item--fifth{
margin: 4rem 0 0 0;
}
.ranpe-jellycat--setRattle .choosePointList__text{
color: #746755;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--one{
top: 14rem;
left: 17rem;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--two{
top: 14rem;
right: 20rem;
left: inherit;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--three{
top: 40rem;
left: 10rem;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--four{
top: 40rem;
right: 14rem;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--five{
top: 57rem;
left: 2rem;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--six{
top: 50rem;
right: 1rem;
}
.ranpe-jellycat--setRattle .choosePointArea__kirakira--seven{
top: 64rem;
right: 4rem;
}
/*出産祝いギフトセットlpリニューアル_191011tachioka*/
.giftsetSpecial_ver2{
padding-bottom: 6rem;
}
.giftsetSpecial_ver2 .ico_mostpopular{
position: relative;
}
.giftsetSpecial_ver2 .ico_mostpopular::before{
content: url(/resource/img/icn_pop1.png);
position: absolute;
left: -2%;
top: -5%;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.giftsetSpecial_ver2 .readmore-gradation-wrap{
position: relative;
margin-bottom: 6rem;
}
.giftsetSpecial_ver2 .readmore-button{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin:0 auto;
z-index: 1;
}
.giftsetSpecial_ver2 .readmore-gradation-use-area{
position: relative;
overflow: hidden;
height: 360px;
}
.giftsetSpecial_ver2 .readmore-gradation-use-area::before{
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px; /*グラデーションで隠す高さ*/
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
content: "";
}
.giftsetSpecial_ver2 .readmore-trigger{
display: none;
}
.giftsetSpecial_ver2 .readmore-trigger:checked + .readmore-button{
display: none;
}
.giftsetSpecial_ver2 .readmore-trigger:checked ~ .readmore-gradation-use-area{
height: auto;
}
.giftsetSpecial_ver2 .readmore-trigger:checked ~ .readmore-gradation-use-area::before{
display: none;
}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li{
position: relative;
}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li .title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li::before{
content: url(../../resource/img/rank_crown_pink.png);
position: relative;
top: 0;
left: 0;
}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li::after{
position: absolute;
top: -2px;
left: 26px;
}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li:nth-of-type(1)::after{content: url(../../resource/img/rank_number_01.png);}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li:nth-of-type(2)::after{content: url(../../resource/img/rank_number_02.png);}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li:nth-of-type(3)::after{content: url(../../resource/img/rank_number_03.png);}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li:nth-of-type(4)::after{content: url(../../resource/img/rank_number_04.png);}
.giftsetSpecial_ver2 .itemListWrap ul.itemBlock-default li:nth-of-type(5)::after{content: url(../../resource/img/rank_number_05.png);}
.giftsetSpecial_ver2_child ul.changetab_giftset_combi li{
margin:4px;
padding:0.5em;
border:1px solid #ff8080;
border-radius: 5px;
}
.giftsetSpecial_ver2_child ul.changetab_giftset_combi li.active{
background:#ff8080;
}
.giftsetSpecial_ver2_child ul.changetab_giftset_combi li.active a{
color: #fff;
}
/*20200722_tachioka*/
.giftsetSpecial_ver2 .searchCateList{
margin-bottom: 1rem;
}
.giftsetSpecial_ver2 .searchCateList__item{
width: calc(98%/2);
margin-right: 2%;
margin-bottom: 2%;
background-color: #F9F1EF;
position: relative;
}
.giftsetSpecial_ver2 .searchCateList__item::after{
content: "";
position: absolute;
top: calc(50% - 0.5rem);
right: 1rem;
width: 1rem;
height: 1rem;
border-top: 1px solid #FFC0C6;
border-left: 1px solid #FFC0C6;
box-sizing: border-box;
transform: rotate(225deg);
}
.giftsetSpecial_ver2 .searchCateList__item:nth-of-type(2n){
margin-right: 0;
}
.giftsetSpecial_ver2 .searchCateList__itemLink{
text-decoration: none;
display: block;
padding: 1rem;
box-sizing: border-box;
}
.giftsetSpecial_ver2 .searchCateList__cateIcon{
display: inline-block;
height: 30px;
margin-right: 0.5rem;
}
.giftsetSpecial_ver2 .secTitle{
font-weight: bold;
font-size: 18px;
margin: 3rem 0 2rem 0;
}
.giftsetSpecial_ver2 .hotKeyword{}
.giftsetSpecial_ver2 .hotKeyword__list{
width: 80%;
margin:0 auto 2rem auto;
}
.giftsetSpecial_ver2 .hotKeyword__listItem{
margin: 0 1rem 1rem 0;
}
.giftsetSpecial_ver2 .hotKeyword__itemLink{
background-color:#f8f8f8;
padding: 0.5rem;
display: inline-block;
text-decoration: none;
border-radius: 2rem;
}
.giftsetSpecial_ver2 .benefits{
margin: 2rem 0;
}
.giftsetSpecial_ver2 .benefits__title{
font-size: 1.3rem;
margin-bottom: 1rem;
}
.giftsetSpecial_ver2 .benefits__subTitle{
font-size: 1rem;
margin-bottom: 2rem;
}
.giftsetSpecial_ver2 .benefits__list{
}
.giftsetSpecial_ver2 .benefits__listItem{
max-width: 20%;
margin:0.5rem;
}
.giftsetSpecial_ver2 .benefits__image{
height: 100px;
}
.giftsetSpecial_ver2 .benefits__desc{
margin-top: 0.5rem;
font-size: 0.9rem;
}
.giftsetSpecial_ver2 .benefits__descMini{
font-size: 0.7rem;
}
.giftsetSpecial_ver2 .searchCateListSpFooter{
position: sticky;
position: -webkit-sticky;
top: calc(100vh - (50px + env(safe-area-inset-bottom)));
background-color:#F9F1EF;
height: 60px;
z-index: 300;
}
.giftsetSpecial_ver2 .searchCateListSpFooter__item{
width: 25%;
border-right: 1px solid #FFC0C6;
box-sizing: border-box;
}
.giftsetSpecial_ver2 .searchCateListSpFooter__item:nth-of-type(4n){
border-right: none;
}
.giftsetSpecial_ver2 .searchCateListSpFooter__itemLink{
display: block;
padding: 0.5rem;
box-sizing: border-box;
text-align: center;
font-size: 10px;
text-decoration: none;
}
.giftsetSpecial_ver2 .searchCateListSpFooter__cateIcon{
height: 20px;
display: inline-block;
margin-bottom: 0.4rem;
}
/*コンテンツページリニューアル：先輩ママスタッフがお答えします。出産祝いのマナー・知識_191021tachioka*/
.beberyArticle_ver2{text-align:center;}
.beberyArticle_ver2 .overview_text{
margin:3em 0;
}
.beberyArticle_ver2 .overview_text .title{
font-size: 19px;
margin-bottom: 1em;
font-weight: bold;
}
.beberyArticle_ver2 .overview_text .normal{
font-size: 14px;
line-height: 1.8;
}
.beberyArticle_ver2 .list_of_articles .head{
font-size: 16px;
font-weight: bold;
position: relative;
margin-bottom:1em;
}
.beberyArticle_ver2 .list_of_articles .head::before{
content: '';
position: absolute;
border-bottom:1px solid #999;
bottom: 50%;
left: 0;
width: calc(50% - 4em);
}
.beberyArticle_ver2 .list_of_articles .head::after{
content: '';
position: absolute;
border-bottom:1px solid #999;
bottom: 50%;
right: 0;
width: calc(50% - 4em);
}
.beberyArticle_ver2 .list_of_articles ul.list li{
padding:2em 0;
border-bottom:1px solid #999;
}
.beberyArticle_ver2 .list_of_articles ul.list li a{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
text-decoration: none;
text-align:left;
}
.beberyArticle_ver2 .list_of_articles ul.list li a .smn_box{
width: 15%;
margin-right: 3%;
}
.beberyArticle_ver2 .list_of_articles ul.list li a .read_text{
width: 82%;
}
.beberyArticle_ver2 .list_of_articles ul.list li a .read_text .title{
font-size: 16px;
font-weight: bold;
margin-bottom:0.5em;
}
.beberyArticle_ver2 .list_of_articles ul.list li a .read_text .normal{
font-size: 14px;
line-height: 1.8;
}
.beberyArticle_ver2.one_article{
text-align:left;
padding:20px;
box-sizing: border-box;
}
.beberyArticle_ver2.one_article > .article_title{
font-weight: bold;
font-size: 30px;
margin-bottom:1em;
}
.beberyArticle_ver2.one_article .table_of_contents{
margin:0 0 50px 0;
padding:2em 1em;
/*border-bottom:1px solid #949494;*/
background-color: #F7F7F7;
}
.beberyArticle_ver2.one_article .table_of_contents .head{
padding-left:1em;
font-size: 18px;
/*font-weight: bold;*/
margin-bottom:1em;
position: relative;
}
/*
.beberyArticle_ver2.one_article .table_of_contents .head::before{
content: '';
position: absolute;
border-bottom:1px solid #999;
bottom: 50%;
left: 0;
width: calc(1.5em);
}
.beberyArticle_ver2.one_article .table_of_contents .head::after{
content: '';
position: absolute;
border-bottom:1px solid #999;
bottom: 50%;
right: 0;
width: calc(100% - 4.5em);
}
*/
.beberyArticle_ver2.one_article .table_of_contents ul.list{
padding-left: 2em;
}
.beberyArticle_ver2.one_article .table_of_contents ul.list li{
font-size: 16px;
line-height: 2.4;
}
.beberyArticle_ver2.one_article .table_of_contents ul.list li a{
position: relative;
}
.beberyArticle_ver2.one_article .table_of_contents ul.list li a::after{
content:'';
position: absolute;
width: 0.5em;
height: 0.5em;
border:1px solid;
border-color:#f5a5a5 #f5a5a5 transparent transparent;
transform:rotate(135deg);
bottom: 0.75em;
right: -1em;
}
.beberyArticle_ver2.one_article .table_of_contents ul.list li a:link,
.beberyArticle_ver2.one_article .table_of_contents ul.list li a:visited{
color: #f0a0a0;
}
#systemWrap .beberyArticle_ver2.one_article section{
margin-bottom: 100px;
}
.beberyArticle_ver2.one_article section .section_title{
font-weight: bold;
font-size: 25px;
padding-bottom: 4px;
border-bottom:3px solid #666666;
margin-bottom:16px;
}
.beberyArticle_ver2.one_article section .img{
margin-bottom:20px;
}
.beberyArticle_ver2.one_article section .img img{
max-width: 100%;
}
.beberyArticle_ver2.one_article.a_0001 section .img img{
width: 100%;
}
.beberyArticle_ver2.one_article section .img.main img{
width: 100%;
}
.beberyArticle_ver2.one_article section h3{
font-size: 16px;
font-weight: bold;
line-height: 2;
}
.beberyArticle_ver2.one_article section h3 span.tag{
display: inline-block;
padding:0 0.5em;
font-size: 1em;
margin-left:1em;
font-weight: bold;
color: #fff;
}
.beberyArticle_ver2.one_article section h3 span.tag.pink{
background-color:#FF5E86;
}
.beberyArticle_ver2.one_article section.type_ranking h3{
font-size: 19px;
}
.beberyArticle_ver2.one_article section.type_ranking h3.ranknum{
/*margin-top: 3em;*/
}
.beberyArticle_ver2.one_article .text{
margin-top:1em;
margin-bottom:2em;
font-size: 16px;
line-height: 1.8;
}
.beberyArticle_ver2.one_article section a.pink_button{
display: inline-block;
padding:1em;
background-color:#f5a5a5;
border-radius: 10px;
color: #fff;
text-decoration:none;
}
.beberyArticle_ver2.one_article section .recommended_items{
margin-top:1em;
}
.beberyArticle_ver2.one_article section ul.itemBlock-default{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.beberyArticle_ver2.one_article section ul.itemBlock-default li{
width: 47%;
margin-left:0;
box-sizing: border-box;
margin-bottom: 6%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.beberyArticle_ver2.one_article section .recommended_items.ranknum_add ul.itemBlock-default li{
margin-top:2.5em;
}
.beberyArticle_ver2.one_article section ul.itemBlock-default li h3.ranknum{
margin-top:0;
position: absolute;
top: -2em;
}
.beberyArticle_ver2.one_article section ul.itemBlock-default li:nth-of-type(2n){
margin-left:6%;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default{
margin-left:0;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li a{
border:1px solid #c7c7c7;
padding:10px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li a img{
border:none;
margin:0 0 0 0;
padding:0;
width: 100%;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li a span.title{
font-size: 15px;
line-height: 1.8;
border-bottom:1px solid #ccc;
padding-bottom: 1em;
font-weight: bold;
display: block;
width: 100%;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li p.exception{
display: block;
width: 100%;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li p.price{
font-size: 20px;
font-weight: normal;
margin:1em 0 0.5em 0;
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li p.price::before{
/*content:'￥';*/
}
.beberyArticle_ver2.one_article section .recommended_items .itemWrap ul.itemBlock-default li p.desc{
font-size: 14px;
line-height: 1.6;
}
.beberyArticle_ver2.one_article section .recommended_items span.rankNum,
.beberyArticle_ver2.one_article section .recommended_items span.icClip{
display: none;
}
.beberyArticle_ver2.one_article .list_of_articles .head{
margin-bottom:0;
font-weight: normal;
}
.beberyArticle_ver2.one_article .list_of_articles .head::before{
display: none;
}
.beberyArticle_ver2.one_article .list_of_articles .head::after{
/*width: calc(100% - 9em);*/
border-bottom:none;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list{
margin-bottom:2em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li{
border:none;
width: calc((100% - 12%)/4);
margin-right:4%;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li:last-of-type{
margin-right:0;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li a .smn_box{
width: 100%;
margin-right:0;
margin-bottom:0.5em;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li a .smn_box img{width: 100%;}
.beberyArticle_ver2.one_article .list_of_articles ul.list li a .read_text{
width: 100%;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li a .read_text .title{
font-size: 14px;
font-weight: normal;
}
.beberyArticle_ver2.one_article .list_of_articles ul.list li a .read_text .normal{
display: none;
}
.beberyArticle_ver2.one_article .list_of_articles .more{
text-align:center;
}
.beberyArticle_ver2.one_article .list_of_articles .more a{
text-decoration: none;
padding:1em 5em;
display: inline-block;
font-size: 14px;
border:1px solid #ccc;
position: relative;
}
.beberyArticle_ver2.one_article .list_of_articles .more a::after{
content: '>';
position: absolute;
right: 0.5em;
transform: scale(0.5,2);
}
.beberyArticle_ver2.one_article section table.basic_design{
margin:0.5em 0;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
}
.beberyArticle_ver2.one_article section table.basic_design tr{width: 100%}
.beberyArticle_ver2.one_article section table.basic_design th,
.beberyArticle_ver2.one_article section table.basic_design td{
border:1px solid #cccccc;
padding:1em;
line-height: 1.6;
}
.beberyArticle_ver2.one_article section table.basic_design th{
color: #f5a5a5;
text-align:center;
vertical-align: middle;
}
.beberyArticle_ver2.one_article section table.basic_design td.emphasis{
text-align:center;
font-weight: bold;
vertical-align: middle;
}
.beberyArticle_ver2.one_article section table.basic_design.a_0013_type01 th{width: 20%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0013_type01 td{width: 80%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 th:nth-of-type(1){width: 20%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 th:nth-of-type(2){width: 10%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 th:nth-of-type(3){width: 50%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 tr:nth-of-type(2) td{border-top:none;}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 tr:nth-of-type(1) th{
border-bottom:none;
background-color: #F7F7F7;
}
.beberyArticle_ver2.one_article section table.basic_design.a_0001_type01 tr td:nth-of-type(2){
color: #f5a5a5;
}
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 th:nth-of-type(1){width: 15%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 th:nth-of-type(2){width: 10%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 th:nth-of-type(3){width: 15%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 th:nth-of-type(4){width: 40%;}
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 td:nth-of-type(2),
.beberyArticle_ver2.one_article section table.basic_design.a_0008_type01 td:nth-of-type(3){
text-align: center;
vertical-align: middle;
}
.beberyArticle_ver2.one_article section .two_same_tables{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.beberyArticle_ver2.one_article section .two_same_tables table.basic_design.a_0008_type02{
width: 48%;
margin-bottom:4%;
}
.beberyArticle_ver2.one_article section .two_same_tables table.basic_design.a_0008_type02:nth-of-type(2n){
margin-left:4%;
}
.beberyArticle_ver2.one_article section .two_same_tables table.basic_design.a_0008_type02 th{
color: #666666;
}
.beberyArticle_ver2.one_article section .two_same_tables table.basic_design.a_0008_type02 th,
.beberyArticle_ver2.one_article section .two_same_tables table.basic_design.a_0008_type02 td{
text-align: center;
vertical-align: middle;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC img{max-width: 100%;}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick{
width: 10%;
margin-right: 4%;
color: #fff;
font-size: 29px;
font-weight: bold;
padding-top: 1.5em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick .blue_tri{
width: 100%;
height: 20px;
background:
-moz-linear-gradient(top right, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top left/50.1% 100%,
-moz-linear-gradient(top left, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top right/50.1% 100%;
background:
-webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top left/50.1% 100%,
-webkit-linear-gradient(top left, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top right/50.1% 100%;
background:
linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top left/50.1% 100%,
linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #9CDCF1 50.5%) no-repeat top right/50.1% 100%;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick .orange_tri{
width: 100%;
height: 20px;
background:
-moz-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top left/50.1% 100%,
-moz-linear-gradient(bottom left, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top right/50.1% 100%;
background:
-webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top left/50.1% 100%,
-webkit-linear-gradient(bottom left, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top right/50.1% 100%;
background:
linear-gradient(to top right, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top left/50.1% 100%,
linear-gradient(to top left, rgba(255,255,255,0) 50%, #F6CC81 50.5%) no-repeat top right/50.1% 100%;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick .grad_rect{
background: -moz-linear-gradient(top, #9CDCF1, #F6CC81);
background: -webkit-linear-gradient(top, #9CDCF1, #F6CC81);
background: linear-gradient(to bottom, #9CDCF1, #F6CC81);
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
height: calc(100% - 40px);
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick .grad_rect .white_bar{
border-left:4px solid #fff;
height: calc(100px + 2em);
width: 4px;
box-sizing: border-box;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick .grad_rect .white_bar::before{
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC .thin_and_thick p{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03{
width: 86%;
margin:0;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 th{color: #666666;}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr th:nth-of-type(1){width: 15%;}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr th:nth-of-type(2){width: 65%;}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr th:nth-of-type(3){width: 20%;}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr td:nth-of-type(1){
color: #f5a5a5;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr th:nth-of-type(3){
opacity: 0;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr th:nth-of-type(3),
.beberyArticle_ver2.one_article section .clothes_material_season_verPC table.basic_design.a_0008_type03 tr td:nth-of-type(3){
border:none;
}
.beberyArticle_ver2.one_article section .clothes_material_season_verSP{display: none;}
.beberyArticle_ver2.one_article section .this_cate_more{
text-align:center;
margin:1em 0 7em 0;
font-size: 14px;
}
.beberyArticle_ver2.one_article section .this_cate_more .gaya{
position: relative;
display: inline-block;
margin-bottom:2em;
}
.beberyArticle_ver2.one_article section .this_cate_more .gaya::before{
content: '＼';
position: absolute;
font-size: 2em;
bottom: 50%;
left: -2em;
margin-bottom:-1em;
}
.beberyArticle_ver2.one_article section .this_cate_more .gaya::after{
content: '／';
position: absolute;
font-size: 2em;
bottom: 50%;
right: -2em;
margin-bottom:-1em;
}
.beberyArticle_ver2.one_article section .this_cate_more a.button{
display: inline-block;
text-decoration:none;
/*padding:1em 3em;*/
padding:1em 0;
background-color: #f5a5a5;
color: #fff;
width: 40%;
max-width: 100%;
position: relative;
}
.beberyArticle_ver2.one_article section .this_cate_more a.button::after{
content:'>';
position: absolute;
right: 0.5em;
top:50%;
margin-top:-.7em;
transform: scale(0.5,2);
}
.beberyArticle_ver2.one_article section .this_cate_more .b_double{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.beberyArticle_ver2.one_article section .this_cate_more .b_double > a.button{
margin:0 1em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
}
.beberyArticle_ver2.one_article section .voices{
padding:3em 2em 2em 2em;
position: relative;
/*border:1px solid #95C77F;*/
background-color: #EEEAE8;
margin:30px 0;
font-size: 14px;
}
.beberyArticle_ver2.one_article section .voices h3{
position: absolute;
top: -1.25em;
padding:0.25em 1em;
background-color: #CEAF9D;
border-radius:1.5em;
color: #fff;
font-size: 15px;
font-weight: normal;
}
.beberyArticle_ver2.one_article section .voices ul li{
margin-bottom:0.5em;
padding-left: 1em;
text-indent: -1em;
}
.beberyArticle_ver2.one_article section .page_linkimg{
margin:2em 0;
}
.beberyArticle_ver2.one_article section .page_linkimg a{
text-decoration: none;
}
.beberyArticle_ver2.one_article section .page_linkimg a img{
max-width: 400px;
}
.beberyArticle_ver2.one_article section .page_linkimg a p{
margin-top: 0.5em;
}
.beberyArticle_ver2.one_article section .noshi_and_setsumei_2col{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:3em;
margin-top:2em;
}
.beberyArticle_ver2.one_article section .noshi_and_setsumei_2col .img{width: 22%;}
.beberyArticle_ver2.one_article section .noshi_and_setsumei_2col table{
width: 76%;
margin-left:2%;
margin-top:0;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple{}
.beberyArticle_ver2.one_article section .recommended_items.type_simple ul.itemBlock-default li{
align-items: flex-start;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple .itemWrap ul.itemBlock-default li a{
border:none;
padding:0;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple .img{
margin-bottom:4px;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple .itemWrap ul.itemBlock-default li a span.title{
border-bottom: none;
padding-bottom: 0;
font-size: 13px;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple .itemWrap ul.itemBlock-default li p.price{
margin:4px 0;
color: #666666;
font-size: 13px;
}
.beberyArticle_ver2.one_article section .recommended_items.type_simple .itemWrap ul.itemBlock-default li p.desc{
display: none;
}
/*カタログギフトtopリニューアル_191107_tachioka*/
.cataloggift_top_ver2{
font-size:14px;
}
.cataloggift_top_ver2 img{max-width: 100%;}
.cataloggift_top_ver2 .border_bottom{
border-bottom:1px solid #929292;
padding-bottom: 2em;
margin-bottom: 2em;
}
.cataloggift_top_ver2 .overview_text{
padding:2em 0 3em 0;
text-align: center;
}
.cataloggift_top_ver2 .overview_text .title{
font-size:19px;
font-weight: bold;
margin-bottom:1em;
}
.cataloggift_top_ver2 .cataloggift_ranking > .title{
font-size:19px;
font-weight: bold;
margin-bottom:1em;
text-align: center;
}
.cataloggift_top_ver2 .search_budget{text-align: center;}
.cataloggift_top_ver2 .search_budget .title{
font-size:19px;
font-weight: bold;
margin-bottom:1em;
}
.cataloggift_top_ver2 .search_budget ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin:0 auto;
}
.cataloggift_top_ver2 .search_budget ul li{
width: 32%;
margin-right:2%;
margin-bottom: 2%;
display: -webkit-flex;
display: flex;
}
.cataloggift_top_ver2 .search_budget ul li:nth-of-type(3n){
margin-right:0;
}
.cataloggift_top_ver2 .search_budget ul li a{
width: 100%;
text-decoration:none;
display:block;
border:1px solid #EF9E9F;
border-radius:5px;
text-align: center;
font-weight: bold;
font-size:18px;
padding:0.5em;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.cataloggift_top_ver2 .search_budget ul li a::after{
position: absolute;
content: '';
right: .5em;
top: calc((100% - .7em) / 2);
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
width: .5em;
height: .5em;
border-top: 1px solid #EF9E9F;
border-right: 1px solid #EF9E9F;
}
.cataloggift_top_ver2 .search_type{text-align: center;}
.cataloggift_top_ver2 .search_type .title{
font-size:19px;
font-weight: bold;
margin-bottom:1em;
}
.cataloggift_top_ver2 .search_type ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin:0 auto;
}
.cataloggift_top_ver2 .search_type ul li{
width: 24%;
margin-right:calc(4% / 3);
margin-bottom:calc(4% / 3);
display: -webkit-flex;
display: flex;
}
.cataloggift_top_ver2 .search_type ul li:nth-of-type(4n){
margin-right:0;
}
.cataloggift_top_ver2 .search_type ul li a{
width: 100%;
text-decoration:none;
display:block;
border:1px solid #EF9E9F;
border-radius:5px;
text-align: center;
padding:0.5em 0.5em 1.5em 0.5em;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.cataloggift_top_ver2 .search_type ul li a::after{
position: absolute;
content: '';
right: calc((100% - .7em) / 2);
bottom: 0.5em;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
width: .5em;
height: .5em;
border-top: 1px solid #EF9E9F;
border-right: 1px solid #EF9E9F;
}
.cataloggift_top_ver2 .search_type ul li a .name_type{
font-weight: bold;
font-size:18px;
}
.cataloggift_top_ver2 .search_type ul li a .name_type > span{
font-weight: normal;
font-size:14px;
white-space: nowrap;
}
.cataloggift_top_ver2 .catalog_type{
margin:3em 0;
}
.cataloggift_top_ver2 .catalog_type section{
padding:5% 10%;
box-sizing: border-box;
background-color:#FAEAEA;
margin-bottom:0!important;
}
.cataloggift_top_ver2 .catalog_type section:nth-of-type(2n){background-color:#F9F7EF;}
.cataloggift_top_ver2 .catalog_type section .name_type{
text-align: center;
font-weight: bold;
font-size:21px;
margin-bottom:1em;
}
.cataloggift_top_ver2 .catalog_type section .name_type > span{
font-weight: normal;
font-size:16px;
}
.cataloggift_top_ver2 .catalog_type section ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.cataloggift_top_ver2 .catalog_type section ul li{
width: 32%;
margin-right:2%;
margin-bottom: 2%;
background-color: #fff;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cataloggift_top_ver2 .catalog_type section ul li:nth-of-type(3n){margin-right:0;}
.cataloggift_top_ver2 .catalog_type section ul li .details{
padding:1em;
box-sizing: border-box;
font-size: 12px;
}
.cataloggift_top_ver2 .catalog_type section ul li .catalog_name{
font-weight: bold;
font-size: 15px;
margin-bottom:0.25em;
text-align: center;
padding:0.5em;
}
.cataloggift_top_ver2 .catalog_type section ul li .details > *{
width: 100%;
}
.cataloggift_top_ver2 .catalog_type section ul li p{
padding:1em;
box-sizing: border-box;
font-size: 12px;
}
.cataloggift_top_ver2 .catalog_type section ul li .details a.btn{
color: #fff;
font-weight: bold;
text-align: center;
border-radius:5px;
background-color:#EF9E9F;
display: block;
margin-top:0.5em;
padding:0.5em;
font-size: 11px;
box-sizing: border-box;
text-decoration:none;
white-space: nowrap;
}
.cataloggift_top_ver2 .catalog_type section ul li .details a.btn::after{
content: '';
display: inline-block;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
width: .5em;
height: .5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason{
width: 80%;
margin:0 auto;
text-align: center;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason h2{
text-align: center;
font-size: 22px;
position: relative;
display: inline-block;
margin-bottom: 2em;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason h2::before{
content: '';
position: absolute;
left: -2.5em;
bottom: 1em;
width: 2.5em;
height: 2.5em;
border-bottom:1px solid #666;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason h2::after{
content: '';
position: absolute;
right: -2.5em;
bottom: 1em;
width: 2.5em;
height: 2.5em;
border-bottom:1px solid #666;
-webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
transform: rotate(-45deg) skew(-10deg, -10deg);
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason ul li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:3em;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason ul li .img{
width: 45%;
margin-right:5%;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason ul li .text{
width: 50%;
text-align: left;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason ul li .text .in_a_word{
text-align:center;
font-weight: bold;
font-size: 18px;
margin-bottom:0.5em;
}
.cataloggift_top_ver2 .childbirth_celebration_catalog_reason ul li .text .in_a_word span.num{
font-size: 27px;
color: #fff;
background-color:#EF9E9F;
border-radius:0.75em;
display: inline-block;
width: 1.5em;
margin-bottom:0.25em;
}
.cataloggift_top_ver2 .readmore-trigger,
.cataloggift_top_ver2 .readmore-button {
display: none;
}
/*カタログギフトがぴったりな理由とは？シリーズトップ汎用用_191113_tachioka*/
.childbirth_celebration_catalog_reason.all_purpose{
width: 90%;
margin:4% auto;
text-align: center;
}
.childbirth_celebration_catalog_reason.all_purpose h2{
text-align: center;
font-size: 22px;
position: relative;
display: inline-block;
margin-bottom: 2em;
}
.childbirth_celebration_catalog_reason.all_purpose h2::before{
content: '';
position: absolute;
left: -2.5em;
bottom: 1em;
width: 2.5em;
height: 2.5em;
border-bottom:1px solid #666;
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
}
.childbirth_celebration_catalog_reason.all_purpose h2::after{
content: '';
position: absolute;
right: -2.5em;
bottom: 1em;
width: 2.5em;
height: 2.5em;
border-bottom:1px solid #666;
-webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
transform: rotate(-45deg) skew(-10deg, -10deg);
}
.childbirth_celebration_catalog_reason.all_purpose ul li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:3em;
}
.childbirth_celebration_catalog_reason.all_purpose ul li .img{
width: 45%;
margin-right:5%;
}
.childbirth_celebration_catalog_reason.all_purpose ul li .text{
width: 50%;
text-align: left;
font-weight: normal;
line-height: 1.6;
}
.childbirth_celebration_catalog_reason.all_purpose ul li .text .in_a_word{
text-align:center;
font-weight: bold;
font-size: 18px;
margin-bottom:0.5em;
}
.childbirth_celebration_catalog_reason.all_purpose ul li .text .in_a_word span.num{
font-size: 27px;
color: #fff;
background-color:#EF9E9F;
border-radius:1em;
display: inline-block;
width: 1.6em;
margin-bottom:0.25em;
}
.childbirth_celebration_catalog_reason.all_purpose .readmore-trigger,
.childbirth_celebration_catalog_reason.all_purpose .readmore-button {
display: none;
}
/*2019クリスマスギフト特集_tachioka*/
.christmasgift2019_uni{
font-size: 14px
}
.christmasgift2019_uni .border_bottom{
padding-bottom: 3em;
margin-bottom: 2em;
border-bottom:1px solid #CBCBCB;
}
.christmasgift2019_uni .introduction{
text-align: center;
}
.christmasgift2019_uni .introduction .main_img{
margin-bottom: 2em;
}
.christmasgift2019_uni .introduction .main_img img{
max-width: 100%;
}
.christmasgift2019_uni .introduction .text{
margin-bottom: 1em;
}
.christmasgift2019_uni .introduction .select_cate{
padding: 3em 1em 1em 1em;
margin-top:3em;
box-sizing: border-box;
background-color: #f4f5f4;
}
.christmasgift2019_uni .introduction .select_cate h2{
font-weight: normal;
font-size: 16px;
color: #736357;
/*border-bottom:1px solid #736357;*/
margin-bottom:1em;
padding-bottom: 0.5em;
}
.christmasgift2019_uni .introduction .select_cate .btns{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.christmasgift2019_uni .introduction .select_cate .btns li{
width: 32%;
margin-right:calc(4% / 2);
margin-bottom:calc(4% / 2);
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.christmasgift2019_uni .introduction .select_cate .btns li:nth-of-type(3n){
margin-right:0;
}
.christmasgift2019_uni .introduction .select_cate .btns li a{
/*border:1px solid #736357;*/
border-radius: 5px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
display: inline-block;
text-decoration: none;
width: 100%;
padding:1.5em 0.5em 2em 0.5em;
box-sizing: border-box;
position: relative;
}
.christmasgift2019_uni .introduction .select_cate .btns li a::after{
content: '';
position: absolute;
bottom: 0.5em;
right: 0;
left: 0;
margin:0 auto;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
width: .5em;
height: .5em;
border-top: 1px solid #666;
border-right: 1px solid #666;
}
.christmasgift2019_uni .introduction .select_cate .btns li a span{
font-size:15px;
}
.christmasgift2019_uni .cate_in_items{}
.christmasgift2019_uni .cate_in_items .about{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1em;
}
.christmasgift2019_uni .cate_in_items .about .img{
width: 47%;
}
.christmasgift2019_uni .cate_in_items .about .img img{
max-width: 100%;
}
.christmasgift2019_uni .cate_in_items .about .texts{
width: 48%;
margin:1rem auto 0 auto;
text-align:center;
}
.christmasgift2019_uni .cate_in_items .about .texts .copy{
font-weight: bold;
font-size: 14px;
margin-bottom:1em;
}
.christmasgift2019_uni .cate_in_items .about .texts .copy span{
font-size: 20px;
}
.christmasgift2019_uni .cate_in_items .btn_more{
margin:2em 0 1em 0;
text-align: center;
}
.christmasgift2019_uni .cate_in_items .btn_more a{
padding:0.75em;
color: #666;
border:1px solid #666;
border-radius: 5px;
text-decoration: none;
}
.christmasgift2019_uni .cate_in_items .btn_more a::after{
content: '';
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
border-color: #666;
width: 0.4em;
height: 0.4em;
border-top: 1px solid;
border-right: 1px solid;
display: inline-block;
margin-left:0.25em;
}
.christmasgift2019_uni.child .btns_cate_collect{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1em;
}
.christmasgift2019_uni.child .btns_cate_collect li a{
border:1px solid #736357;
border-radius: 5px;
padding:0.5em 0.75em;
box-sizing: border-box;
margin:0 1em 1em 0;
text-decoration:none;
display: inline-block;
}
.christmasgift2019_uni.child .btns_cate_collect li a.active{
color: #fff;
background-color: #736357;
}
.christmasgift2019_uni .popularRank .itemListWrap li{
position: relative;
}
.christmasgift2019_uni .popularRank .itemListWrap li::before{
position: absolute;
content: '';
width: 20px;
height: 20px;
left: 5px;
top: 5px;
border-radius: 15px;
background-color: #fff;
}
.christmasgift2019_uni .popularRank .itemListWrap li::after{
position: absolute;
content: '';
left: 11px;
top: 9px;
color: #ffd2d3;
}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(1)::before,
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(2)::before,
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(3)::before{background-color: #ffd2d3;}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(1)::after,
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(2)::after,
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(3)::after{color: #fff;}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(1)::after{content: '1';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(2)::after{content: '2';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(3)::after{content: '3';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(4)::after{content: '4';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(5)::after{content: '5';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(6)::after{content: '6';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(7)::after{content: '7';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(8)::after{content: '8';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(9)::after{content: '9';}
.christmasgift2019_uni .popularRank .itemListWrap li:nth-of-type(10)::after{
content: '10';
left: 8px;
}
/*絵本のつみき_立岡*/
.pb-tsumiki_uni{
font-size: 15px;
line-height: 1.8;
}
.pb-tsumiki_uni .border_bottom{
border-bottom:1px solid #888988;
margin-bottom: 2em;
padding-bottom: 2em;
}
#systemWrap .pb-tsumiki_uni section{
margin-bottom:3em;
}
.pb-tsumiki_uni .introduction{
text-align:center;
}
.pb-tsumiki_uni .introduction .text{
margin-bottom:1em;
}
.pb-tsumiki_uni .introduction .main_img{
margin-bottom:1.5em;
}
.pb-tsumiki_uni .introduction .main_img img{max-width: 100%;}
.pb-tsumiki_uni .introduction .catchcopy{
font-size: 18px;
font-weight: bold;
margin-bottom:1em;
}
.pb-tsumiki_uni .appeal_points{
background-color: #F9F3E5;
padding:6% 12%;
box-sizing: border-box;
}
.pb-tsumiki_uni .subtitle{
text-align: center;
font-size: 18px;
line-height: 1.6em;
position: relative;
margin-bottom:3em;
}
.pb-tsumiki_uni .subtitle::after{
content: '';
position: absolute;
width: 3.5em;
bottom: -0.8em;
left: 0;
right: 0;
margin:0 auto;
border-bottom: solid 4px #989898;
}
.pb-tsumiki_uni .appeal_points ul.points li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:6em;
}
.pb-tsumiki_uni .appeal_points ul.points li:last-of-type{
margin-bottom:2em;
}
.pb-tsumiki_uni .appeal_points ul.points li .image{
width: 45%;
}
.pb-tsumiki_uni .appeal_points ul.points li .image img{
max-width: 100%;
width: 100%;
}
.pb-tsumiki_uni .appeal_points ul.points li .texts{
width: 50%;
margin-left:5%;
}
.pb-tsumiki_uni .appeal_points ul.points li .texts .copy{
text-align: center;
font-size: 18px;
margin-bottom:1em;
width: 100%;
}
.pb-tsumiki_uni .lineup .about_and_items .about{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1.5em;
}
.pb-tsumiki_uni .lineup .about_and_items .about .image{
width: 58%;
margin-right:2%;
}
.pb-tsumiki_uni .lineup .about_and_items .about .image img{
width: 100%;
max-width: 100%;
}
.pb-tsumiki_uni .lineup .about_and_items .about .texts{
width: 40%;
text-align: center;
}
.pb-tsumiki_uni .lineup .about_and_items .about .texts .name{
font-size: 19px;
margin:1em 0;
}
.pb-tsumiki_uni .lineup .about_and_items .charaName{
color: #808080;
font-size: 1.2rem;
}
.pb-tsumiki_uni .itemBlock-pbTsumiki{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.pb-tsumiki_uni .itemBlock-pbTsumiki li{
width: 20%;
margin: 0 1rem 1rem 0;
}
.pb-tsumiki_uni .itemBlock-pbTsumiki li:nth-of-type(2n){
margin: 0 0 1rem 0;
}
.pb-tsumiki_uni .itemBlock-pbTsumiki a{
text-decoration:none;
}
.pb-tsumiki_uni .itemBlock-pbTsumiki .title{
padding: 0.5rem 0 0 0;
display: block;
}
.pb-tsumiki_uni.product-page{}
.pb-tsumiki_uni.product-page .copyright_harapeko{position: relative;}
.pb-tsumiki_uni.product-page .copyright_harapeko::after{
content:'™＆©2019 Eric Carle LLC. ';
font-size: 11px;
position: absolute;
bottom: -3em;
right: 4em;
}
#products-info .pb-tsumiki_uni.product-page h2.subheading{
text-align: center;
font-size: 18px;
line-height: 1.6em;
margin-bottom: 1em;
color: #666666;
background-color:#fff;
}
.pb-tsumiki_uni.product-page .content_set{padding-bottom: 3em;}
.pb-tsumiki_uni.product-page .content_set .item_list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center!important;
justify-content: center!important;
-webkit-align-items: center;
align-items: center;
}
.pb-tsumiki_uni.product-page .content_set .item_list .type_tsumiki{
width: 50%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center!important;
justify-content: center!important;
}
.pb-tsumiki_uni.product-page .content_set .item_list .type_tsumiki.col3 li{
text-align:center;
min-width: 30%;
}
.pb-tsumiki_uni.product-page .content_set .item_list .type_tsumiki.col4 li{
text-align:center;
min-width: 20%;
}
.pb-tsumiki_uni.product-page .content_set .item_list .type_stage{
width: 40%;
}
.pb-tsumiki_uni.product-page .content_set .item_list .type_stage li{
text-align:center;
}
.pb-tsumiki_uni.product-page .about_tsumiki{
text-align: center;
padding-bottom: 3em;
}
.pb-tsumiki_uni.product-page .about_tsumiki .image{
margin-bottom:1em;
}
.pb-tsumiki_uni.product-page .about_tsumiki .image img{max-width: 100%;}
.pb-tsumiki_uni.product-page .appeal_points{
padding:12% 12% 6% 12%;
margin-bottom:2em;
}
.pb-tsumiki_uni.product-page .appeal_points.harapeko{background-color: #F1F9EB;}
.pb-tsumiki_uni.product-page .appeal_points.elevencats{background-color: #E8F9FD;}
/*おそらの絵本_立岡*/
.osora-no-ehon_uni{
font-size: 15px;
line-height: 1.8;
}
.osora-no-ehon_uni .border_bottom{
border-bottom:1px solid #888988;
margin-bottom: 2em;
padding-bottom: 2em;
}
.osora-no-ehon_uni .video_youtube{
position: relative;
width: 600px;
max-width: 100%;
padding-top: 49.25%;
margin:2em auto;
}
.osora-no-ehon_uni .video_youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#systemWrap .osora-no-ehon_uni section{
margin-bottom:7em;
}
.osora-no-ehon_uni .introduction{
text-align:center;
}
.osora-no-ehon_uni .introduction .text{
margin-bottom:1em;
}
.osora-no-ehon_uni .introduction .main_img{
margin-bottom:1.5em;
}
.osora-no-ehon_uni .introduction .main_img img{max-width: 100%;}
.osora-no-ehon_uni .introduction .catchcopy{
font-size: 18px;
font-weight: bold;
margin-bottom:1em;
}
.osora-no-ehon_uni .appeal_points{
background-color: #E5EDEF;
padding:6% 12%;
box-sizing: border-box;
}
.osora-no-ehon_uni .subtitle{
text-align: center;
font-size: 18px;
line-height: 1.6em;
position: relative;
margin-bottom:3em;
}
.osora-no-ehon_uni .subtitle::after{
content: '';
position: absolute;
width: 3.5em;
bottom: -0.8em;
left: 0;
right: 0;
margin:0 auto;
border-bottom: solid 4px #989898;
}
.osora-no-ehon_uni .appeal_points ul.points li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:6em;
}
.osora-no-ehon_uni .appeal_points ul.points li:last-of-type{
margin-bottom:2em;
}
.osora-no-ehon_uni .appeal_points ul.points li .image{
width: 45%;
}
.osora-no-ehon_uni .appeal_points ul.points li .image img{
max-width: 100%;
width: 100%;
}
.osora-no-ehon_uni .appeal_points ul.points li .texts{
width: 50%;
margin-left:5%;
}
.osora-no-ehon_uni .appeal_points ul.points li .texts .copy{
text-align: center;
font-size: 18px;
margin-bottom:1em;
width: 100%;
line-height: 1.6;
}
.osora-no-ehon_uni .how_to_use ol.order_operation{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 600px;
max-width: 100%;
margin:0 auto;
text-align:center;
counter-reset: item;
}
.osora-no-ehon_uni .how_to_use ol.order_operation li{
width: calc((99.99% / 3) - (99.99% / 15));
margin-right:calc(99.99% / 10);
}
.osora-no-ehon_uni .how_to_use ol.order_operation li:last-of-type{
margin-right:0;
}
.osora-no-ehon_uni .how_to_use ol.order_operation li:before{
counter-increment: item;
content:counter(item)'';
margin-bottom:0.5em;
color: #fff;
font-size: 33px;
font-weight: bold;
background:#68B5D5;
width: 1.2em;
height: 1.2em;
border-radius:1em;
display: inline-block;
line-height: 1.3;
}
.osora-no-ehon_uni .how_to_use ol.order_operation li img{width: 100%;}
.osora-no-ehon_uni .how_to_use ol.order_operation li p{margin-top:0.5em;}
.osora-no-ehon_uni .about_app{
}
.osora-no-ehon_uni .about_app .info_store{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 50%;
margin:0 auto;
margin-bottom:1em;
text-align: right;
}
.osora-no-ehon_uni .about_app .info_store .icon{
width: 45%;
}
.osora-no-ehon_uni .about_app .info_store .icon img{}
.osora-no-ehon_uni .about_app .info_store .stores{
width: 50%;
}
.osora-no-ehon_uni .about_app .info_store .stores li:first-of-type{
margin-bottom:0.5em;
}
.osora-no-ehon_uni .about_app .info_store .stores li a{
border:1px solid #68B5D5;
padding:0.5em;
box-sizing: border-box;
border-radius:10px;
display: inline-block;
}
.osora-no-ehon_uni .about_app p{
margin-bottom:2em;
text-align:center;
}
.osora-no-ehon_uni .compatible_models{text-align: center;}
.osora-no-ehon_uni .compatible_models table.info{
width: 70%;
margin:0 auto 2em auto;
border-collapse:collapse;
}
.osora-no-ehon_uni .compatible_models table.info th,
.osora-no-ehon_uni .compatible_models table.info td{
border:1px solid #989898;
padding:1em;
box-sizing: border-box;
}
.osora-no-ehon_uni .compatible_models table.info th{
background:#E5EDEF;
}
.osora-no-ehon_uni .compatible_models table.info td{
font-weight: bold;
}
.osora-no-ehon_uni .compatible_models table.info td span{
font-weight: normal;
}
.osora-no-ehon_uni .compatible_models table.info tr th:first-of-type{
width: 20%;
}
.osora-no-ehon_uni .lineup .about_and_items .about{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1.5em;
}
.osora-no-ehon_uni .lineup .about_and_items .about .image{
width: 58%;
margin-right:2%;
}
.osora-no-ehon_uni .lineup .about_and_items .about .image img{
width: 100%;
max-width: 100%;
}
.osora-no-ehon_uni .lineup .about_and_items .about .texts{
width: 40%;
text-align: center;
}
.osora-no-ehon_uni .lineup .about_and_items .about .texts .name{
font-size: 19px;
margin:1em 0;
}
.osora-no-ehon_uni .lineup .about_and_items .about .texts .name span{
font-size: 13px;
}
.osora-no-ehon_uni a.link_button{
color: #fff;
background:#68B5D5;
padding:0.5em;
border-radius: 10px;
display: inline-block;
margin:2em auto;
text-decoration: none;
}
.osora-no-ehon_uni .lineup .about_and_items a.link_button::after{
content: ' 〉';
}
#products-info .osora-no-ehon_uni.product-page h2.subtitle{
text-align: center;
font-size: 18px;
line-height: 1.6em;
position: relative;
margin-bottom: 3em;
color: #666666;
background-color: transparent;
padding: 0;
}
.osora-no-ehon_uni.product-page section{
margin-bottom: 7em;
}
.osora-no-ehon_uni.product-page section.introduction:first-of-type{
margin-bottom: 2em;
}
.osora-no-ehon_uni.product-page .content_set{
margin-bottom: 3em;
}
.osora-no-ehon_uni.product-page .content_set .items{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center!important;
justify-content: center!important;
}
.osora-no-ehon_uni.product-page .content_set .items li{
text-align:center;
max-width: 25%;
margin:0 0.25em 1em 0.25em;
}
.osora-no-ehon_uni.product-page .content_set .items li.col_one{
width: 100%;
max-width: 100%;
}
.osora-no-ehon_uni.product-page .story_synopsis{
background-color: #FAF5EF;
padding:6% 12%;
box-sizing: border-box;
margin-bottom: 3em;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:2em;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li:last-of-type{
margin-bottom:2em;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li .image{
width: 23%;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li .image img{
max-width: 100%;
width: 100%;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li .texts{
width: 72%;
margin-left:5%;
}
.osora-no-ehon_uni.product-page .story_synopsis ul.storys li .texts .copy{
text-align: center;
font-size: 18px;
margin-bottom:0.25em;
width: 100%;
line-height: 1.6;
}
.freeSpace .osora-no-ehon_uni.product-page .compatible_models table.info{
font-size: 15px;
}
/* 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;*/
color: #666;
/*font-weight: bold;*/
font-size: 16px;
/*background-color: #000;*/
background-color: #FFE5E6;
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;
}
/*2020おもちゃ特集_tachioka*/
.toys2020_uni{
font-size: 14px
}
.toys2020_uni .border_bottom{
padding-bottom: 2em;
margin-bottom: 3em;
border-bottom:1px solid #CBCBCB;
}
.toys2020_uni .introduction{
text-align: center;
}
.toys2020_uni .introduction .main_img{
margin-bottom: 2em;
}
.toys2020_uni .introduction .main_img img{
max-width: 100%;
}
.toys2020_uni .introduction .text{
margin-bottom: 1em;
}
.toys2020_uni .introduction .select_cate{
padding: 2em 1em 1em 1em;
margin-top:3em;
box-sizing: border-box;
background-color: #F9F1EF;
}
.toys2020_uni .introduction .select_cate h2{
font-weight: normal;
font-size: 16px;
color: #736357;
margin-bottom:1em;
padding-bottom: 0.5em;
}
.toys2020_uni .introduction .select_cate .btns{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.toys2020_uni .introduction .select_cate .btns li{
width: 19.2%;
margin-right:calc(4% / 4);
margin-bottom:calc(4% / 4);
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.toys2020_uni .introduction .select_cate .btns li:nth-of-type(5n){
margin-right:0;
}
.toys2020_uni .introduction .select_cate .btns li a{
border-radius: 5px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
display: inline-block;
text-decoration: none;
width: 100%;
padding:1.5em 0.5em 2em 0.5em;
box-sizing: border-box;
position: relative;
}
.toys2020_uni .introduction .select_cate .btns li a::after{
content: '';
position: absolute;
bottom: 0.5em;
right: 0;
left: 0;
margin:0 auto;
-webkit-transform: rotate(135deg) skew(10deg, 10deg);
transform: rotate(135deg) skew(10deg, 10deg);
width: .5em;
height: .5em;
border-top: 1px solid #666;
border-right: 1px solid #666;
}
.toys2020_uni .introduction .select_cate .btns li a span{
font-size:15px;
}
.toys2020_uni .cate_in_items{}
.toys2020_uni .cate_in_items .about{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1em;
}
.toys2020_uni .cate_in_items .about .img{
width: 47%;
}
.toys2020_uni .cate_in_items .about .img img{
max-width: 100%;
}
.toys2020_uni .cate_in_items .about .texts{
width: 48%;
margin-left:2%;
text-align:center;
margin-top: 1em;
}
.toys2020_uni .cate_in_items .about .texts .copy{
font-weight: bold;
font-size: 14px;
margin-bottom:1em;
color: #C9A9AD;
}
.toys2020_uni .cate_in_items .about .texts .copy span{
font-size: 20px;
}
.toys2020_uni .cate_in_items .btn_more{
margin:2em 0 1em 0;
text-align: center;
}
.toys2020_uni .cate_in_items .btn_more a{
padding:0.75em;
color: #736357;
border:1px solid #736357;
border-radius: 5px;
text-decoration: none;
}
.toys2020_uni .cate_in_items .btn_more a::after{
content: '';
-webkit-transform: rotate(45deg) skew(10deg, 10deg);
transform: rotate(45deg) skew(10deg, 10deg);
border-color: #736357;
width: 0.4em;
height: 0.4em;
border-top: 1px solid;
border-right: 1px solid;
display: inline-block;
margin-left:0.25em;
}
.toys2020_uni.child .btns_cate_collect{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1em;
}
.toys2020_uni.child .btns_cate_collect li a{
border:1px solid #736357;
border-radius: 5px;
padding:0.5em 0.75em;
box-sizing: border-box;
margin:0 1em 1em 0;
text-decoration:none;
display: inline-block;
}
.toys2020_uni.child .btns_cate_collect li a.active{
color: #fff;
background-color: #736357;
}
/*グラフィックボード_ポスター_ひな祭り__tachioka20200206*/
.freeSpace #products-info .gbPoster section h2{
background-color: transparent;
color: #666666;
padding:0;
font-size:21px;
}
.gbPoster *{
max-width: 100%;
line-height: 1.6;
font-size:15px;
}
.gbPoster section{
margin-bottom:3em;
}
.gbPoster section .imgTitle{
text-align: center;
border-bottom: 2px solid #876865;
padding-bottom: 10px;
margin-bottom:20px;
}
.gbPoster section .subSec{
margin-bottom:3em;
}
.gbPoster section .subSec .descri{
text-align: center;
font-weight: bold;
font-size:19px;
margin-bottom:1em;
}
.gbPoster section.introduction{}
.gbPoster section.introduction .imgMain{
margin-bottom:2em;
}
.gbPoster section.introduction .imgMain img{
width: 100%;
}
.gbPoster section.introduction .catch{
text-align: center;
font-size:21px;
margin-bottom:1em;
}
.gbPoster section.detail .picFrame .attention{
text-align: center;
color:#E03820;
margin-bottom:1em;
}
.gbPoster section.detail .picFrame .attention.blue{color: #0054AB;}
.gbPoster section.detail .picFrame .imgSize{
text-align: center;
}
.gbPoster section.detail .frameDesign .text{
text-align: center;
}
.gbPoster section.detail .frameDesign .types{
width: 80%;
margin:1em auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.gbPoster section.detail .frameDesign .types li{
width: calc((100% - 10%) / 3 );
margin-right:5%;
margin-bottom:5%;
}
.gbPoster section.detail .frameDesign .types li:nth-of-type(3n){
margin-right:0;
}
.gbPoster section.detail .frameDesign .types li p{
margin-top:0.5em;
text-align: center;
}
.gbPoster section.designLineup .variety .text{
text-align: center;
}
.gbPoster section.designLineup .variety .types{
width: 80%;
margin:1em auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.gbPoster section.designLineup .variety .types li{
width: calc((100% - 10%) / 3 );
margin-right:5%;
margin-bottom:5%;
}
.gbPoster section.designLineup .variety .types li:nth-of-type(3n){
margin-right:0;
}
.gbPoster section.designLineup .variety .types li a{
text-decoration:none;
}
.gbPoster section.designLineup .variety .types li p{
margin-top:0.5em;
text-align: center;
}
/*kontexリニューアル_20200221_tachioka*/
.kontexBathtowel2020 *{
max-width: 100%;
}
.kontexBathtowel2020 section{
padding-bottom:30px;
}
.kontexBathtowel2020 section.introduction .imgMain{
margin-bottom: 20px;
}
.kontexBathtowel2020 section.introduction .catch{
text-align: center;
margin-bottom:20px;
font-size: 21px;
font-weight: bold;
}
.kontexBathtowel2020 section.introduction .text{
line-height: 1.8;
font-size: 15px;
}
.kontexBathtowel2020 section.aboutKontex .appeal{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #FBFBFA;
padding:20px;
box-sizing: border-box;
}
.kontexBathtowel2020 section.aboutKontex .appeal > .inTxts{
width: 55%;
margin-right:5%;
}
.kontexBathtowel2020 section.aboutKontex .appeal > .inImgs{
width: 40%;
}
.kontexBathtowel2020 section.aboutKontex .appeal > .inTxts .imgLogo{
margin-bottom:20px;
}
.kontexBathtowel2020 section.aboutKontex .appeal > .inTxts .catch{
text-align: center;
font-size: 18px;
line-height: 1.8;
margin-bottom:5px;
}
.kontexBathtowel2020 section.aboutKontex .appeal > .inTxts .text{
font-size: 15px;
line-height: 1.8;
}
.kontexBathtowel2020 section.itemLists > .title{
margin-bottom:20px;
padding-bottom: 10px;
font-weight: normal;
font-size:15px;
border-bottom:2px solid #A0A1A1;
}
.kontexBathtowel2020 section.itemLists > .title img{
display: inline-block;
margin-right:1em;
}
.kontexBathtowel2020 section.itemLists > .text{
padding:0 20px;
line-height: 1.8;
margin-bottom:20px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #FFFFF4;
padding:20px;
box-sizing: border-box;
margin-bottom:60px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left{
width: 55%;
margin-right:5%;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .right{
width: 40%;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .catch{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
font-size:18px;
line-height: 1.8;
color: #CDA768;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .catch > span.image{
display: inline-block;
width: 15%;
margin-right:5%;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .catch > span.text{
display: inline-block;
width: 80%;
margin-top:10px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .imgItem{
display: none;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .pointList .title{
margin-bottom:10px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .pointList ol li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
font-size:15px;
font-weight: bold;
margin-bottom:20px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .pointList ol li span.image{
display: inline-block;
margin-right:10px;
margin-bottom:6px;
}
.kontexBathtowel2020 section.itemLists .thisItemGoodness .left .pointList ol li span.text{}
.kontexBathtowel2020 section.itemLists > .list{
margin-bottom:40px;
}
.kontexBathtowel2020 section.itemLists > .list > .title{
font-weight: normal;
font-size:15px;
margin-bottom:20px;
}
/*夏特集_20200421tachioka*/
.special_summer img{max-width: 100%;}
.special_summer>.introduction>.imgBox{
margin-bottom: 1rem;
}
.special_summer>.introduction>.inShort{
margin:2rem 0 1rem 0;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #5774B5;
line-height: 1.6;
}
.special_summer>.introduction>.text{
text-align: center;
line-height: 1.6;
font-size: 14px;
color: #666;
margin-bottom: 1rem;
}
.special_summer>.introduction>.chooseCateList{
padding: 20px;
box-sizing: border-box;
background-color: #EDF0F4;
}
.special_summer>.introduction>.chooseCateList>.title{
color: #5774B5;
font-size: 16px;
margin:0 0 1rem 0;
text-align: center;
}
.special_summer>.introduction>.chooseCateList>.list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.special_summer>.introduction>.chooseCateList>.list>.item{
background-color: #fff;
width: calc((99.9% - 6%)/3);
margin-right: 3%;
margin-bottom: 3%;
}
.special_summer>.introduction>.chooseCateList>.list>.item:nth-of-type(3n){
margin-right:0;
}
.special_summer>.introduction>.chooseCateList>.list>.item>.moveCate{
display: block;
text-decoration: none;
height: 100%;
padding:1rem 0 2rem 0;
box-sizing: border-box;
position: relative;
}
.special_summer>.introduction>.chooseCateList>.list>.item>.moveCate::after{
content:'';
width: 8px;
height: 8px;
border:0;
border-right: solid 1px #5774B5;
border-bottom: solid 1px #5774B5;
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
}
.special_summer>.introduction>.chooseCateList>.list>.item>.moveCate>.catchC{
text-align: center;
color: #5774B5;
font-size: 11px;
margin-bottom:0.25rem;
}
.special_summer>.introduction>.chooseCateList>.list>.item>.moveCate>.cateName{
text-align: center;
color: #5774B5;
font-size: 15px;
font-weight: bold;
}
.special_summer>.aboutOneCategory{
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid #CACACA;
}
.special_summer>.aboutOneCategory:last-child{border-bottom: none;}
.special_summer>.aboutOneCategory>.irregularLayout01{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:1rem;
}
.special_summer>.aboutOneCategory>.irregularLayout01>.imgBox{
width: 45%;
margin-right:5%;
text-align: center;
}
.special_summer>.aboutOneCategory>.irregularLayout01>.someTexts{
width: 50%;
}
.special_summer>.aboutOneCategory>.irregularLayout01>.someTexts>.catchC{
text-align: center;
color: #5774B5;
font-size: 14px;
font-weight: bold;
margin-top: 1rem;
}
.special_summer>.aboutOneCategory>.irregularLayout01>.someTexts>.cateName{
text-align: center;
color: #5774B5;
font-size: 20px;
font-weight: bold;
margin-bottom:1rem;
}
.special_summer>.aboutOneCategory>.irregularLayout01>.someTexts>.text{
text-align: center;
line-height: 1.6;
font-size: 14px;
color: #666;
margin-bottom: 1rem;
}
.special_summer>.aboutOneCategory>.linkArea{
text-align: center;
margin:1rem 0;
}
.special_summer>.aboutOneCategory>.linkArea>.button{
display: inline-block;
text-decoration: none;
padding:1rem 2.5rem 1rem 2rem;
box-sizing: border-box;
background-color: #EDF0F4;
color: #5774B5;
border-radius: 5px;
font-size: 15px;
position: relative;
}
.special_summer>.aboutOneCategory>.linkArea>.button::after{
content:'';
width: 8px;
height: 8px;
border:0;
border-right: solid 1px #5774B5;
border-top: solid 1px #5774B5;
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
}
.special_summer>.aboutOneCategory>.linkArea02{
margin-top: 2rem;
padding: 1rem;
box-sizing: border-box;
background-color: #EDF0F4;
}
.special_summer>.aboutOneCategory>.linkArea02>.title{
text-align: center;
color: #5774B5;
margin-bottom: 1em;
}
.special_summer>.aboutOneCategory>.linkArea02>.list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.special_summer>.aboutOneCategory>.linkArea02>.list>.item{
margin-right: 1.5em;
}
.special_summer>.aboutOneCategory>.linkArea02>.list>.item>.button{
display: inline-block;
padding: 0.75em 1em;
background-color: #fff;
border-radius: 1.5em;
text-decoration: none;
border-bottom:3px solid #eee;
}
.special_summer>.aboutOneCategory>.linkArea02>.basicLink{
text-align: center;
margin-top: 3rem;
}
.top_information{
/*padding: 1rem;*/
/*background-color: #e4fae7;*/
text-align: center;
/*margin: 1rem auto;*/
max-width: 960px;
}
/* 2020.04.26 ishikawa ゴーストwrap（スマホのみ） */
.js-ghostWrap{
}
.js-ghostWrap.is-close{
position: relative;
overflow: hidden;
}
.js-ghostWrap.is-close::before{
position: absolute;
display: block;
content: "";
width: 100%;
height: 150px;
z-index: 10;
background-image: linear-gradient(0deg, rgba(255,255,255,1) 30px, rgba(255,255,255,0) 150px);
left: 0;
bottom: 0;
}
.js-ghostWrap__bt{
position: relative;
display: block;
border: 1px solid #ff8080;
border-radius: 8px;
padding: 0.75rem 1rem;
text-align: center;
text-decoration: none!important;
font-size: 1.3rem;
margin: 0 auto 5rem auto;
max-width: 70%;
}
.js-ghostWrap__bt::before{
position: absolute;
display: block;
content: "";
border-top: 1px solid #ff8080;
border-right: 1px solid #ff8080;
width: 12px;
height: 12px;
top: calc(50% - 9px);
right: 9px;
transform: rotate(135deg);
}
.js-ghostWrap__bt.is-open{
margin-top: 5rem;
}
.js-ghostWrap__bt.is-open::before{
top: calc(50% - 4px);
transform: rotate(-45deg);
}
/*おうちで祝おうプロジェクト_20200427_tachioka*/
.prjCelebrateAtHome img{max-width: 100%;}
.prjCelebrateAtHome>.prjTitleArea{
margin:2rem 0;
}
.prjCelebrateAtHome>.prjTitleArea>.titleImgBox>.aImg{
width: 100%;
}
.prjCelebrateAtHome>.prjThought{
position: relative;
margin-bottom: 2rem;
}
.prjCelebrateAtHome>.prjThought>.text{
text-align: center;
line-height: 2;
margin-bottom: 3rem;
color: #000;
font-size: 14px;
font-weight: bold;
}
.prjCelebrateAtHome>.prjThought>.text.big{
font-size: 24px;
color:#ff93a1;
}
.prjCelebrateAtHome>.prjFlow{
background-color: #edfbff;
padding: 4rem 6rem;
box-sizing: border-box;
}
.prjCelebrateAtHome>.prjFlow>.title{
text-align: center;
font-size: 36px;
font-weight: bold;
color: #000;
margin-bottom: 1em;
line-height: 1.6;
}
.prjCelebrateAtHome>.prjFlow>.title>.mini{
font-size: 29px;
}
.prjCelebrateAtHome>.prjFlow>.title>.imgLeafDeco{
display: inline-block;
margin-top: 0.5em;
width: 90px;
}
.prjCelebrateAtHome>.prjFlow>.flowChart{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow{
width: calc((99.99% - 9%)/4);
margin-right: 3%;
text-align: center;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow:last-of-type{
margin-right: 0;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.stepImgBox{
margin-bottom: 1rem;
border-bottom: 1px solid #000;
padding-bottom:0.5rem;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.stepImgBox>.aImg{
width:40px;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.descIconImgBox{
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.descIconImgBox>.aImg{
width: 100px;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts{
line-height: 2.2;
font-weight: bold;
font-size: 11px;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.text{
color: #000;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.text>.emphasis{
background-color: #fff;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.comment{
color: #000;
padding: 0.75em;
background-color: #ffdbd6;
font-size: 10px;
position: relative;
margin-top: 20px;
display: inline-block;
line-height: 1.6;
z-index: 0;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.comment.big{
font-size: 14px;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.comment.big>.aImg{
width: 24px;
display: inline-block;
margin-right: 0.5em;
}
.prjCelebrateAtHome>.prjFlow>.flowChart>.aFlow>.texts>.comment::before{
content: '';
position: absolute;
top: -24px;
left: calc(50% - 12px);
border: 12px solid transparent;
border-bottom: 22px solid #ffdbd6;
z-index: -1;
}
.prjCelebrateAtHome>.prjAssumptionScene{
background-color: #ffdbd6;
padding:2rem 2rem calc(2rem + 73px) 2rem;
box-sizing: border-box;
}
.prjCelebrateAtHome>.prjAssumptionScene>.title{
text-align: center;
font-size: 36px;
font-weight: bold;
line-height: 1.6;
margin-bottom: 2rem;
color: #000;
}
.prjCelebrateAtHome>.prjAssumptionScene>.title>.mini{
font-size: 29px;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList>.item{
width: calc((99.99% - 3%)/4);
margin-right: 1%;
text-align: center;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList>.item:nth-of-type(2n) {
position: relative;
top: 73px;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList>.item>.aImg{
width: 100%;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList>.item:last-of-type{
margin-right: 0;
}
.prjCelebrateAtHome>.prjAssumptionScene>.sceneList>.item>.sceneName{
margin-top: 1em;
font-size: 13px;
font-weight: bold;
color: #000;
}
.prjCelebrateAtHome>.prjItemSetContents{
padding: 4rem;
box-sizing: border-box;
background-color: #fffbe3;
margin-bottom: 2rem;
text-align: center;
}
.prjCelebrateAtHome>.prjItemSetContents>.title{
font-size: 36px;
text-align: center;
line-height: 1.6;
margin-bottom: 2rem;
color: #000;
position: relative;
display: inline-block;
}
.prjCelebrateAtHome>.prjItemSetContents>.title>.setNum{
position: absolute;
top: 0;
right: -5em;
font-size: 21px;
font-weight: bold;
background-color: #ffec7d;
border-radius: 50%;
width: 4.5em;
height: 4.5em;
padding-top: 0.5em;
box-sizing: border-box;
}
.prjCelebrateAtHome>.prjItemSetContents>.title>.setNum>.aImg{
width: 19px;
}
.prjCelebrateAtHome>.prjItemSetContents>.title>.mini{
font-size: 29px;
}
.prjCelebrateAtHome>.prjItemSetContents>.title>.imgLeafDeco{
display: inline-block;
margin-top: 0.5rem;
width: 90px;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.title{
color:#808080;
margin-bottom: 2rem;
text-align: center;
font-size: 21px;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin:0 auto;
-webkit-justify-content: center;
justify-content: center;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item{
width:45%;
text-align: center;
margin-right: 5%;
margin-bottom: 3rem;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item:nth-of-type(n+2){
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item:last-of-type{
margin-right: 0;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle{
margin-bottom:1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle>.numImgBox::after{
content:'';
width: 44%;
height: 1px;
display: inline-block;
border-top:1px solid #000;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle>.numImgBox>.aImg{max-height: 40px;}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.aItemTitle>.itemName{
margin-top:0.5em;
font-size: 19px;
color: #000;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item.main{
width: 80%;
margin-right: 0;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item.main>.aImg{
width: 100%;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item:nth-of-type(2)>.aImg{max-width: 150px;}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item:nth-of-type(3)>.aImg{max-width: 200px;}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.text{
margin-top: 1em;
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 1.6;
width: 100%;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.text>.mini{
font-size: 10px;
}
.prjCelebrateAtHome>.prjItemSetContents>.content>.itemList>.item>.typeNum{
border:1px solid #000;
padding: 0.5em 1.5em;
box-sizing: border-box;
font-size: 10px;
margin-top: 1rem;
display: inline-block;
font-weight: bold;
color: #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry{
margin-bottom: 3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle{
margin-bottom:1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle>.numImgBox::after{
content:'';
width: 45%;
height: 1px;
display: inline-block;
border-top:1px solid #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle>.numImgBox>.aImg{max-height: 40px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.aItemTitle>.itemName{
margin-top:0.5em;
font-size: 36px;
color: #000;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 70%;
margin:0 auto;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item{
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item:nth-of-type(2n){
margin-right: 0;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item>.aImg{
max-width: 100%;
display: inline-block;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item>.nameEng{
text-align: center;
font-weight: bold;
color: #BF9968;
font-size: 14px;
margin-bottom: 0.5em;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item>.nameJp{
text-align: center;
color: #000;
font-size: 11px;
margin-bottom: 1em;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestry>.itemList>.item>.useExam{
text-align: center;
font-weight: bold;
color: #000;
font-size: 12px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard{
margin-bottom: 3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle{
margin-bottom:1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle>.numImgBox::after{
content:'';
width: 45%;
height: 1px;
display: inline-block;
border-top:1px solid #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle>.numImgBox>.aImg{max-height: 40px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.aItemTitle>.itemName{
margin-top:0.5em;
font-size: 36px;
color: #000;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.typeNum{
font-weight: bold;
font-size: 20px;
text-align: center;
color: #000;
margin-bottom:1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin:0 auto;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox>.aImg{
display: inline-block;
max-width: 45%;
width: 45%;
margin-right: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox>.aImg:nth-of-type(1){width: 298px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox>.aImg:nth-of-type(1){width: 371px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox>.catchC{
text-align: center;
font-size: 21px;
font-weight: bold;
margin-bottom: 1em;
color:#000;
width: 100%;
margin-top: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutGreetingCard>.imgBox>.text{
text-align: center;
color: #000;
line-height: 1.9;
font-size: 11px;
width: 100%;
font-weight: bold;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster{
margin-bottom: 3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle{
margin-bottom:1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle>.numImgBox::after{
content:'';
width: 45%;
height: 1px;
display: inline-block;
border-top:1px solid #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle>.numImgBox>.aImg{max-height: 40px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.aItemTitle>.itemName{
margin-top:0.5em;
font-size: 36px;
color: #000;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.typeNum{
font-weight: bold;
font-size: 20px;
text-align: center;
color: #000;
margin-bottom:1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
margin:0 auto;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox>.aImg{
display: inline-block;
margin-right: 1rem;
max-width:45%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox>.aImg:nth-of-type(1){width: 182px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox>.aImg:nth-of-type(2){width: 282px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox>.catchC{
text-align: center;
font-size: 21px;
font-weight: bold;
margin-bottom: 1em;
color:#000;
width: 100%;
margin-top: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.imgBox>.text{
text-align: center;
color: #000;
line-height: 1.9;
font-size: 11px;
width: 100%;
font-weight: bold;
}
.prjCelebrateAtHome>.prjDesignLineup{
margin-bottom: 2rem;
}
.prjCelebrateAtHome>.prjDesignLineup>.title{
text-align: center;
padding-bottom: 0.5rem;
border-bottom: 1px solid #BF9968;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjDesignLineup>.title>.aImg{
width: 25%;
}
.prjCelebrateAtHome>.prjDesignLineup>.text{
text-align: center;
font-weight: bold;
line-height: 1.6;
color: #000;
font-size: 15px;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjDesignLineup>.itemListBox>.itemListWrap ul.itemBlock-default li{
width: 23.5%;
}
.prjCelebrateAtHome>.prjEveryonePosts{
padding: 2rem 0;
box-sizing: border-box;
background-color: #fff1eb;
}
.prjCelebrateAtHome>.prjEveryonePosts>.title{
text-align: center;
color: #000;
font-weight:bold;
font-size: 24px;
line-height: 1.6;
margin-bottom: 1em;
letter-spacing: 0.15em;
}
.prjCelebrateAtHome>.prjEveryonePosts>.title>.mini{
font-size: 17px;
letter-spacing: 0.05em;
}
.prjCelebrateAtHome>.prjEveryonePosts>.hashtagInst{
text-align: center;
color: #000;
font-weight: bold;
font-size: 21px;
margin-bottom: 2rem;
}
.prjCelebrateAtHome>.prjEveryonePosts>.hashtagInst>.aImg{
width:34px;
display: inline-block;
margin-right:0.5em;
}
.prjCelebrateAtHome>.prjEveryonePosts>.postList{
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:0 8rem;
box-sizing: border-box;
margin-bottom:1rem;
}
.prjCelebrateAtHome>.prjEveryonePosts>.postList>.item{
width: calc((100% - 6%)/4);
margin-right: 2%;
margin-bottom: 2%;
}
.prjCelebrateAtHome>.prjEveryonePosts>.postList>.item:nth-of-type(4n){
margin-right: 0;
}
.prjCelebrateAtHome>.prjEveryonePosts>.postList>.item>.aImg{
width: 100%;
}
.prjCelebrateAtHome>.prjEveryonePosts>.imgLogoCollaboCompanys{
text-align: center;
}
.prjCelebrateAtHome>.prjEveryonePosts>.imgLogoCollaboCompanys>.aImg{
width: 226px;
}
/*---おうちで祝おうセット商品ページ*/
.prjCelebrateAtHome>.prjItemSetsSimple{
background-color: #f6f5f2;
padding: 1rem;
box-sizing: border-box;
text-align: center;
margin-bottom:4rem;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.title{
font-size: 45px;
font-weight: bold;
text-align: center;
line-height: 1.6;
margin-bottom: 2rem;
position: relative;
display: inline-block;
color: #000;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.title>.setNum{
position: absolute;
top: 0;
right: -5em;
font-size: 21px;
font-weight: bold;
background-color: #ffec7d;
border-radius: 50%;
width: 4.5em;
height: 4.5em;
padding-top: 0.5em;
box-sizing: border-box;
color:#000;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.title>.setNum>.aImg{
width: 19px;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.title>.mini{
font-size: 36px;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.list>.item{
width: 30%;
margin:0 calc(9.9% / 3 / 2);
}
.prjCelebrateAtHome>.prjItemSetsSimple>.list>.item>.itemName{
color: #000;
font-size: 17px;
font-weight: bold;
margin-top:1em;
}
.prjCelebrateAtHome>.prjItemSetsSimple>.list>.item:nth-of-type(1)>.aImg{max-width: 215px;}
.prjCelebrateAtHome>.prjItemSetsSimple>.list>.item:nth-of-type(2)>.aImg{max-width: 155px;}
.prjCelebrateAtHome>.prjItemSetsSimple>.list>.item:nth-of-type(3)>.aImg{max-width: 150px;}
.prjCelebrateAtHome>.prjItemDetail>.textImgBox{
text-align: center;
margin-bottom:1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.textImgBox>.aImg{max-width: 137px;}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem{
margin-bottom:3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle{
margin-bottom: 1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
text-align: center;
color: #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.numImgBox::after{
content: '';
width: 45%;
height: 1px;
display: inline-block;
border-top: 1px solid #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.numImgBox>.aImg{
max-height: 40px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.itemName{
margin: 0.5em 0 1rem 0;
font-size: 36px;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.typeName{
font-size: 15px;
margin-bottom:0.5em;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.jpName{
font-size: 11px;
margin-bottom:1.5em;
font-weight: normal;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.aItemTitle>.useExam{
font-size: 12px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.imgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.imgBox>.mainImg{
width: 70%;
display: inline-block;
margin-bottom:4rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.imgBox>.sizeImg{
width: 30%;
display: inline-block;
margin-right:5%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutTapestryOneItem>.imgBox>.jpTrans{
max-width: 65%;
text-align: center;
line-height: 2.2;
font-size: 11px;
color: #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.frameInfos{
border:5px solid #f8f6f5;
box-sizing: border-box;
padding: 1rem;
width: 70%;
margin:2rem auto;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.frameInfos>.aImg{
max-width: 330px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutBabyPoster>.frameInfos>.text{
font-size: 11px;
font-weight: bold;
color: #808080;
margin-top:1rem;
}
.productAppeal2020.prjCelebrateAtHome>.firstSection>.sectionTitle{
color: #000;
border-bottom: 1px solid #000;
}
/*---おうちで祝おうセット商品ページ_さっちん工房クグロフ*/
.prjCelebrateAtHome>.prjItemSetsSimple--scnkobo>.list>.item:nth-of-type(2)>.aImg{
max-width: 135px;
}
.prjCelebrateAtHome>.prjItemSetsSimple--scnkobo>.list>.item:nth-of-type(3)>.aImg{
max-width: 215px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg{
margin-bottom: 3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle{
margin-bottom: 1rem;
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle>.numImgBox{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle>.numImgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle>.numImgBox::after {
content: '';
width: 45%;
height: 1px;
display: inline-block;
border-top: 1px solid #000;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle>.numImgBox>.aImg{
max-height:40px;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.aItemTitle>.itemName{
margin-top: 0.5em;
font-size: 36px;
color: #000;
text-align: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.imgBox {
width: 70%;
margin: 0 auto;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.imgBox>.aImg {
display: inline-block;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.imgBox>.catchC {
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 1em;
color: #000;
width: 100%;
margin-top: 1rem;
line-height: 1.8;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.imgBox>.text {
text-align: center;
color: #000;
line-height: 1.9;
font-size: 11px;
width: 100%;
font-weight: bold;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents{
text-align: center;
margin:3rem 0 1rem 0;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.title{
font-weight: bold;
color: #000;
font-size: 15px;
margin-bottom: 1rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list{
width: 85%;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item{
display: -webkit-flex;
display: flex;
position: relative;
margin-bottom:3rem;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1){
width: 35%;
margin-right:5%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(2){
width: 59%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item>.imgBox{
border:3px solid #f0ecea;
box-sizing: border-box;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1)>.imgBox::before,
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1)>.imgBox::after{
position: absolute;
content:'';
width: 15px;
height: 15px;
top: 0;
bottom: 0;
margin:auto 0;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1)>.imgBox::before{
right: -1.7rem;
border-top: 3px solid #ceba9d;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1)>.imgBox::after{
right: -2.25rem;
bottom:0.8rem;
border-left: 3px solid #ceba9d;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(1)>.imgBox>.aImg{
width: 100%;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item:nth-of-type(2)>.imgBox>.aImg{
width: 28%;
padding: 0.2rem;
box-sizing: border-box;
}
.prjCelebrateAtHome>.prjItemDetail>.aboutScnKg>.setContents>.list>.item>.itemDesc{
position: absolute;
bottom: -3rem;
right: 0;
left: 0;
margin:0 auto;
font-weight: bold;
width: 100%;
}
/*ベビーアイテムからベビーウェアへリニューアル_20200615_tachioka*/
.special_babyWearCat *{
max-width: 100%;
}
.category_top #mainBody .special_babyWearCat .introduction,
.category_top #mainBody .special_babyWearCat .itemSearch,
.category_top #mainBody .special_babyWearCat .products{
margin-bottom: 4rem;
}/*←打ち消し*/
.special_babyWearCat .introduction__mainImgBox{
margin-bottom: 1rem;
}
.special_babyWearCat .introduction__catchC{
font-size:21px;
font-weight:bold;
text-align: center;
color: #808080;
margin-bottom: 1rem;
}
.special_babyWearCat .baseText{
color:#808080;
font-size:15px;
line-height: 1.8;
margin-bottom:1rem;
}
.special_babyWearCat .baseText--aType{
padding:0 1rem;
box-sizing: border-box;
font-size: 12px;
}
.special_babyWearCat .itemSearch__title{
border-left: 5px solid #808080;
padding: 0.5rem 0 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 18px;
font-weight:bold;
}
.special_babyWearCat .itemSearch__typeList{
margin-bottom:2rem;
}
.special_babyWearCat .itemSearch__typeListItem{
width: calc(90% / 9);
margin-right: calc(10% / 8);
text-align: center;
font-size: 11px;
}
.special_babyWearCat .itemSearch__typeListItem:last-of-type{
margin-right: 0;
}
.special_babyWearCat .itemSearch__typeListItemIcon{
display: inline-block;
margin-bottom:0.5rem;
}
.special_babyWearCat .itemSearch__attributeList{}
.special_babyWearCat .itemSearch__attributeListItem{
margin-right:1rem;
}
.special_babyWearCat .itemSearch__attributeListItemBtn{
color: #b7a69d;
padding: 1rem;
border:1px solid #b7a69d;
border-radius: 10rem;
display: inline-block;
}
.special_babyWearCat .products__aTypeWrap{
margin-bottom:2rem;
}
.special_babyWearCat .products__aTypeTitle{
margin-bottom:1rem;
border-bottom: 2px solid #a0a1a1;
padding-bottom: 0.2rem;
font-size: 15px;
font-weight: normal;
position: relative;
}
.special_babyWearCat .products__aTypeTitleImg{
display: inline-block;
margin-right:1rem;
}
.special_babyWearCat .products__someItemList{
margin-bottom:1rem;
}
.special_babyWearCat .products__showMoreBtn{
padding:1rem 8rem;
border:1px solid #ceba9d;
box-sizing: border-box;
color: #ceba9d;
display: inline-block;
text-decoration: none;
position: relative;
}
.special_babyWearCat .products__showMoreBtn::after{
content: '';
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform-origin: 100% 50%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
width: 10px;
height: 10px;
border-top: 1px solid #ceba9d;
border-right: 1px solid #ceba9d;
}
.special_babyWearCat .products__showMoreBtnSP{
position: absolute;
right: 0;
bottom: 0.5rem;
color: #b7a69d;
font-size: 12px;
text-decoration: none;
display: none;
}
/*エド・インター特集_20200729tachioka*/
.special-toy-edinter{}
.special-toy-edinter *{
color: #808080;
}
.special-toy-edinter .introduction{
margin: 0 0 2rem 0;
}
.special-toy-edinter .introduction__mainImg{
margin: 0 0 1.5rem 0;
}
.special-toy-edinter .introduction__mainCatch{
font-size: 1.3rem;
font-weight: bold;
line-height: 1.8;
margin: 0 0 1rem 0;
text-align: center;
}
.special-toy-edinter .introduction__text{
font-size: 0.9rem;
line-height: 1.6;
}
.special-toy-edinter .searchWay{
background-color: #FCFAE0;
padding: 2rem;
box-sizing: border-box;
margin: 0 0 2rem 0;
}
.special-toy-edinter .searchWay__title{
margin: 0 0 1rem 0;
text-align: center;
font-size: 1rem;
font-weight: bold;
}
.special-toy-edinter .searchWay__listItem{
width: calc((100% - 2rem)/3);
margin: 0 1rem 0 0;
}
.special-toy-edinter .searchWay__listItem:nth-of-type(3n){
margin: 0 0 0 0;
}
.special-toy-edinter .searchWay__link{
display: block;
background-color: #fff;
text-align: center;
padding: 1rem 1rem 2rem 1rem;
box-sizing: border-box;
font-size: 1rem;
font-weight: bold;
position: relative;
text-decoration: none;
}
.special-toy-edinter .searchWay__link::after{
position: absolute;
content: "";
bottom: 1rem;
left: 50%;
width: 0.75rem;
height: 0.75rem;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
}
.special-toy-edinter .searched{
margin: 0 0 4rem 0;
}
.special-toy-edinter .searched__title{
font-size: 1.25rem;
font-weight: bold;
padding-bottom: 0.5rem;
text-align: center;
border-bottom: 3px solid #808080;
margin: 0 0 1.5rem 0;
}
.special-toy-edinter .searched__aBrand{
margin: 0 0 2rem 0;
}
.special-toy-edinter .searched__seriesLogo{
margin: 0 0 1rem 0;
}
.special-toy-edinter .searched__seriesText{
text-align: center;
font-size: 0.75rem;
line-height: 1.6;
margin: 0 0 1rem 0;
}
.special-toy-edinter .searched__switchingPanel{
margin: 0 0 1rem 0;
position: relative;
}
.special-toy-edinter .searched__switchingPanel::after{
content: '';
position:absolute;
right: 0;
top: 0;
height:100%;
border-right: 1px solid #BE946C;
}
.special-toy-edinter .searched__switchingPanelItemLink{
border:1px solid #BE946C;
color: #BE946C;
border-right: none;
padding:0.5rem;
text-align: center;
cursor: pointer;
display: block;
}
.special-toy-edinter .searched__switchingPanelItem:last-of-type .searched__switchingPanelItemLink{
/*border-right: 1px solid #BE946C;*/
}
.special-toy-edinter .searched__switchingPanelItem.slick-current .searched__switchingPanelItemLink{
background-color: #BE946C;
color: #fff;
}
.special-toy-edinter .searched__switchingPanelItemLink--func{
height: 2.5rem;
}
.special-toy-edinter .searched__switchingPanelItemLink--sound{
padding: 1rem 0.5rem 0 0.5rem;
}
/*ペチャット商品ページ修正_20200804tachioka*/
.itemPechat2020 *{
color: #808080;
line-height: 1.8;
}
.itemPechat2020 .oneSection{
margin: 0 0 5rem 0;
}
.itemPechat2020 .secTitle{
font-weight: bold;
font-size: 21px;
padding: 0 0 0.5rem 0;
margin: 0 0 2rem 0;
border-bottom: 4px solid #808080;
}
.itemPechat2020 .secTitle--sub{
font-size: 18px;
padding: 0.25rem 0 0.25rem 1rem;
border-bottom: none;
border-left: 5px solid #808080;
}
.itemPechat2020 .imgBox{
text-align: center;
margin: 0 0 1rem 0;
}
.itemPechat2020 .imgBox__image{
max-width: 100%;
}
.itemPechat2020 .imgBox__image--mainImg{
margin: 1rem 0 0 0;
display: inline-block;
}
.itemPechat2020 .textNormal{
font-size: 15px;
margin: 0 0 2rem 0;
}
.itemPechat2020 .textNormal--scene{
margin: 0 0 1rem 0;
text-align: center;
}
.itemPechat2020 .videoArea{
padding: 2rem;
box-sizing: border-box;
background-color: #FFE340;
text-align:center;
}
.itemPechat2020 .oneFunction{
margin: 0 0 3rem 0;
}
.itemPechat2020 .oneFunction__title{
text-align: center;
font-weight: bold;
font-size: 26px;
margin: 0 0 1rem 0;
}
.itemPechat2020 .oneFunction__titleImg{
display: inline-block;
margin: 0 1rem 0 0;
}
.itemPechat2020 .oneFunction__useScenes{
width: 90%;
margin: 0 auto;
}
.itemPechat2020 .oneFunction__sceneTxt{
width: 45%;
font-size: 15px;
}
.itemPechat2020 .pecEngMerits{
background-color: #FFE340;
padding: 1rem;
box-sizing: border-box;
text-align: center;
}
.itemPechat2020 .pecEngMerits__list{
margin: 2rem 0 0 0;
}
.itemPechat2020 .pecEngMerits__listItem{
width: 30%;
margin: 0 5% 0 0;
}
.itemPechat2020 .pecEngMerits__listItem:nth-of-type(3n){
margin: 0;
}
.itemPechat2020 .pecEngMerits__listItemImg{
width: 100%;
}
.itemPechat2020 .pecEngMerits__listItemTextswrap{
width: 90%;
margin: 1rem 0 0 0;
padding: 0 0 0 10%;
}
.itemPechat2020 .pecEngMerits__listItemTtl{
font-size: 18px;
font-weight: bold;
margin: 0 0 0.5rem 0;
}
.itemPechat2020 .pecEngMerits__listItemTxt{
font-size: 15px;
}
.itemPechat2020 .otherFeature{
width: 80%;
margin: 0 auto;
}
/*ブランド特集ページ修正_20200821tachioka*/
.brandsItemSpecial .firstViewImg{
margin: 0 0 2rem 0;
display: inline-block;
width: 100%;
}
.brandsItemSpecial .brandSection{
margin: 0 0 2rem 0;
}
.brandsItemSpecial .brandSection__title{
font-size: 1.2rem;
border-bottom: 1px solid #808080;
padding: 0 0 0.5rem 0;
margin: 0 0 0.8rem 0;
}
.brandsItemSpecial .searchByBrand__title,
.brandsItemSpecial .searchByCharacter__title{
font-size: 1.2rem;
border-left: 4px solid #808080;
padding: 0 0 0 1rem;
margin: 0 0 2rem 0;
}
.brandsItemSpecial .searchByBrand{
margin: 0 0 4rem 0;
}
.brandsItemSpecial .searchByBrand__list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.brandsItemSpecial .searchByBrand__listItem{
width: calc((100% - 18px)/4);
margin: 0 6px 6px 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
align-items: stretch;
}
.brandsItemSpecial .searchByBrand__listItem:nth-of-type(4n){
margin: 0 0 6px 0;
}
.brandsItemSpecial .searchByBrand__aLink{
background-color: #F7F7F7;
box-sizing: border-box;
display: block;
padding: 0.5rem;
text-align: center;
text-decoration: none;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: center;
justify-content: center;
}
.brandsItemSpecial .searchByBrand__brdImg{
max-width: 100%;
display: inline-block;
margin: 0 0 0.5rem 0;
}
.brandsItemSpecial .searchByBrand__brdIntro{
font-size: 0.8rem;
color: #808080;
line-height: 1.8;
}
.brandsItemSpecial .searchByCharacter{
margin: 0 0 4rem 0;
}
.brandsItemSpecial .searchByCharacter__list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.brandsItemSpecial .searchByCharacter__listItem{
width: calc((100% - 50px)/6);
margin: 0 10px 2rem 0;
}
.brandsItemSpecial .searchByCharacter__listItem:nth-of-type(6n){
margin: 0 0 2rem 0;
}
.brandsItemSpecial .searchByCharacter__aLink{
display: block;
text-align: center;
}
.brandsItemSpecial .searchByCharacter__logoImg{
max-width: 100%;
}
/*有料ラッピングについて_20200825tachioka*/
.wrappingPay *{
color: #000;
}
.wrappingPay .eyeCatch{
margin: 0 0 2rem 0;
}
.wrappingPay .eyeCatch__img{
width: 100%;
}
.wrappingPay .secTitle{
font-weight: bold;
text-align: center;
padding: 0 0 0.5rem 0;
margin: 0 0 2rem 0;
border-bottom: 3px solid #000;
font-size: 1.25rem;
}
.wrappingPay .baseText{
line-height: 1.8;
font-size: 0.9rem;
text-align: center;
margin: 0 0 1rem 0;
}
.wrappingPay .baseText--about{
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 2rem 0;
}
.wrappingPay .baseText--item{
font-size: 0.75rem;
}
.wrappingPay .introduction{
margin: 0 0 3rem 0;
}
.wrappingPay .aboutProduct{
margin: 0 0 4rem 0;
}
.wrappingPay .aboutProduct__list{
margin: 2rem 0;
}
.wrappingPay .aboutProduct__listItem{
width: 50%;
text-align: center;
}
.wrappingPay .aboutProduct__listItemImg{
max-width: 95%;
}
.wrappingPay .aboutProduct__listItemName{
font-size: 0.75rem;
font-weight: bold;
margin: 1rem 0 0 0;
}
.wrappingPay .aboutProduct__infoTable{
width: 100%;
table-layout: fixed;
margin: 2rem 0;
}
.wrappingPay .aboutProduct__infoTableRow{
width: 100%;
}
.wrappingPay .aboutProduct__infoTableTitle{
background-color: #F0F0ED;
padding: 0.5rem;
width: 100%;
}
.wrappingPay .aboutProduct__infoTableData{
box-sizing: border-box;
display: inline-block;
width: calc(98% / 3);
padding: 1rem;
}
.wrappingPay .aboutProduct__infoSizeName{
font-size: 1rem;
font-weight: bold;
margin: 0 0 0.4rem 0;
}
.wrappingPay .aboutProduct__infoSize{
font-size: 0.75rem;
margin: 0 0 0.4rem 0;
}
.wrappingPay .aboutProduct__infoSize--net{
margin: 0 0 0.4rem 0;
}
.wrappingPay .aboutProduct__infoSizeExample{
text-indent: -2.5rem;
padding: 0 0 0 2.5rem;
}
.wrappingPay .targetAttachThisBN{
padding: 1rem;
box-sizing: border-box;
border: 2px solid #F8F8F6;
}
.wrappingPay .targetAttachThisBN__text{
box-sizing: border-box;
line-height: 2;
font-size: 0.95rem;
font-weight: bold;
width: 30%;
margin: 0 1rem 0 0;
}
.wrappingPay .targetAttachThisBN__bnImg{
width: 60%;
}
.wrappingPay .attention{
padding: 1rem;
box-sizing: border-box;
background-color: #FDFAE8;
}
.wrappingPay .attention__listItem{
text-indent: -1rem;
padding: 0 0 0 1rem;
font-size: 0.75rem;
}
/* -----
scroll.js
----- */
/* 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; }
}
/* slideD */
.anime-scrollSlideD {
opacity: 0;
transform: translateY(60px);
transition: all 1s;
}
.anime-scrollSlideD.is-active {
opacity: 1;
transform: translateY(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;
}
/* TOPメインスライダー */
@media screen and (min-width: 960px){
.topMainBanners{
width: 100vw;
min-width: 960px;
position: relative;
left: calc(480px - 50vw);
}
}
.topMainBanners__ul{
margin: 10px 0;
}
.topMainBanners__li{
padding: 0 5px;
}
.topMainBanners__img{
max-width: 100%;
}
.topMainBanners .slick-dots{
margin-top: 20px;
display: flex!important;
justify-content: center;
}
.topMainBanners .slick-dots li{
height: 14px;
width: 14px;
margin: 0 10px;
}
.topMainBanners .slick-dots button{
outline: none;
color: transparent;
border-radius: 10px;
border: 1px solid #aaa;
background-color: #fff;
height: 100%;
width: 100%;
text-align: center;
cursor: pointer;
}
.topMainBanners .slick-dots .slick-active button{
background-color: #aaa;
}
/*---特集：もう迷わない出産祝い---*/
.correctAnswerIwai{
color: #707070;
max-width: 785px;
}
.correctAnswerIwai .textBase{
font-weight: bold;
font-size: 15px;
line-height: 1.8;
margin: 1rem 0;
}
.correctAnswerIwai .textBase--mg0{
margin: 0;
}
.correctAnswerIwai .wrapBase{
padding: 1rem;
box-sizing: border-box;
}
.correctAnswerIwai .wrapBase--pad2rem{
padding: 2rem;
}
.correctAnswerIwai .wrapBase--pad2remSide{
padding: 0 2rem;
}
.correctAnswerIwai .wrapBase--bgClrBlue{
background-color: #F3F7FA;
}
.correctAnswerIwai .buyButton{
border: 1px solid #A3C3D9;
box-sizing: border-box;
text-decoration: none;
position: relative;
}
.correctAnswerIwai .buyButton--half{
width: 49%;
}
.correctAnswerIwai .buyButton::after{
content: "";
position: absolute;
right: 1rem;
width: 1rem;
height: 1rem;
border-top: 2px solid #A3C3D9;
border-right: 2px solid #A3C3D9;
transform: rotate(45deg);
}
.correctAnswerIwai .buyButton__itemImgBox{
width: 90px;
}
.correctAnswerIwai .buyButton__itemImgBox--half{
width: 80px;
}
.correctAnswerIwai .buyButton__txt{
text-align:center;
width: calc(100% - 90px);
color: #A3C3D9;
font-size: 18px;
font-weight: bold;
}
.correctAnswerIwai .buyButton__txt--half{
font-size: 12px;
font-weight: normal;
}
.correctAnswerIwai .txtEmphasis{
background-color: #FEFFDE;
font-size: inherit;
}
.correctAnswerIwai .reviewApealArea{
margin: 4rem auto 2rem auto;
padding: 1rem 0 0 0;
border-top: 2px solid #E3E3E3;
width: 90%;
position: relative;
}
.correctAnswerIwai .reviewApealArea__arrowSlick{
position: absolute;
width: 1rem;
height: 1rem;
border-top: 2px solid #585961;
border-left: 2px solid #585961;
}
.correctAnswerIwai .reviewApealArea__arrowSlick--prev{
top:-2.5rem;
right: 4rem;
transform: rotate(-45deg);
}
.correctAnswerIwai .reviewApealArea__arrowSlick--next{
top: -2.5rem;
right: 0;
transform: rotate(135deg);
}
.correctAnswerIwai .reviewApealArea__otherInfo{
margin: 0 0 1.5rem 0;
}
.correctAnswerIwai .reviewApealArea__evaluationImg{
padding: 0 1rem 0 0;
display: inline;
}
.correctAnswerIwai .reviewApealArea__yyyymmdd{
color: #90929A;
font-size: 12px;
font-style: italic;
}
.correctAnswerIwai .reviewApealArea__aVoiceTitle{
font-size: 17px;
font-weight: bold;
color: #4F4F4F;
margin: 0 0 1rem 0;
width: 100%;
}
.correctAnswerIwai .reviewApealArea__aVoiceImgBox{
width: 30%;
margin: 0 5% 0 0;
}
.correctAnswerIwai .reviewApealArea__aVoiceImg{
border-radius: .5rem;
}
.correctAnswerIwai .reviewApealArea__aVoiceItemName{
margin: .5rem 0 0 0;
font-size: 10px;
}
.correctAnswerIwai .reviewApealArea__aVoiceContent{
width: 65%;
font-size: 14px;
}
.correctAnswerIwai .reviewApealArea__ffMeiryo{
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
}
.correctAnswerIwai .rankingNav__item{
margin: 0 0 1rem 0;
}
.correctAnswerIwai .rankingNav__imgBox{
width: 100px;
}
.correctAnswerIwai .rankingNav__btn{
background-color: #fff;
border-top: 1px solid #DCEAF3;
border-right: 1px solid #DCEAF3;
border-bottom: 15px solid #DCEAF3;
box-sizing: border-box;
width: calc(100% - 100px);
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #707070;
position: relative;
height: 100px;
}
.correctAnswerIwai .rankingNav__btn::after{
content: "";
width: 0;
height: 0;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
bottom: -18px;
right: auto;
left: auto;
}
.correctAnswerIwai .rankingNav__txtRank{
color: #A3C3D9;
font-size: 17px;
margin: -.5rem 0;
}
.correctAnswerIwai .rankingNav__txtRankNum{
font-size: 28px;
}
.correctAnswerIwai .staffCommmetArea{
background-color: #EEF5F9;
border-radius: 1rem;
padding: 2rem;
margin: 0 0 1rem 0;
}
.correctAnswerIwai .staffCommmetArea__title{
text-align: center;
margin: 0 0 2rem 0;
font-weight: bold;
font-size: 18px;
}
.correctAnswerIwai .staffCommmetArea__text{
width: 48%;
margin: 0 4% 0 0;
font-size: 13px;
}
.correctAnswerIwai .staffCommmetArea__imgBox{
width: 48%;
}
.correctAnswerIwai .troubleExam{
background-color: #F9ECF6;
padding: 1rem;
border-radius: 1rem;
}
.correctAnswerIwai .troubleExam__title{
text-align: center;
margin: 0 0 1rem 0;
font-size: 15px;
font-weight: bold;
color: #BE97BB;
}
.correctAnswerIwai .troubleExam__listItem{
background-color: #fff;
padding: 1rem;
border-radius: 1rem;
margin: 0 0 1rem 0;
}
.correctAnswerIwai .troubleExam__listItem:last-of-type{
margin: 0;
}
.correctAnswerIwai .troubleExam__iconBox{
width: calc(20% - 1rem);
margin: 0 1rem 0 0;
text-align: center;
}
.correctAnswerIwai .troubleExam__impressions{
font-size: 13px;
font-weight: bold;
line-height: 1.6;
width: 80%;
}
.correctAnswerIwai .attentionComment{
background-color: #F1FBF6;
border-radius: 1rem;
padding: 1rem;
}
.correctAnswerIwai .attentionComment__iconBox{
width: calc(20% - 1rem);
margin: 0 1rem 0 0;
text-align: center;
}
.correctAnswerIwai .attentionComment__text{
width: 80%;
font-size: 13px;
font-weight: bold;
}
.correctAnswerIwai .introduction__bigAppeal{
padding: 2rem 0;
text-align: center;
background-image: url(/resource/img/correct_answer_iwai/bgimg_magni1.svg);
background-repeat: no-repeat;
background-position: 110% center;
}
.correctAnswerIwai .introduction__rankingNavTitle{
background-color: #A3C3D9;
border-radius: 5rem;
color: #fff;
padding: .75rem 0;
display: inline-block;
width: 90%;
margin: 0 auto;
font-size: 18px;
text-align: center;
}
.correctAnswerIwai .appealOneItem{
margin: 0 0 6rem 0;
}
.correctAnswerIwai .appealOneItem__eyeCatch{
margin: 0 0 1rem 0;
}
.correctAnswerIwai .appealOneItem__eyeCatchTitle{
padding: 1rem 0;
color: #fff;
background-color: #A3C3D9;
font-size: 21px;
font-weight: bold;
line-height: 1.6;
text-align: center;
}
.correctAnswerIwai .appealOneItem__aPoint{
margin: 0 0 2rem 0;
}
.correctAnswerIwai .appealOneItem__aPointTitle{
text-align: center;
margin: 2rem 0 1rem 0;
font-size: 21px;
line-height: 1.8;
}
.correctAnswerIwai .appealOneItem__aPointTitleImg{
margin: 0 0 -2rem 0;
}
.correctAnswerIwai .appealOneItem__aPointTitleImg--review{
margin: 0;
}
/*---性別から探す---*/
.searchGender{
color: #707070;
max-width: 785px;
}
.searchGender .txtEmphasis{
font-size: inherit;
}
.searchGender .positionTweak{
position: relative;
}
.searchGender .positionTweak--boylastSpecialSecond{
right: -20px;
}
.searchGender .txtEmphasis--clrF1E8E6{background: linear-gradient(transparent 50%, #F1E8E6 51%);}
.searchGender .txtEmphasis--clrF1F2E6{background: linear-gradient(transparent 50%, #F1F2E6 51%);}
.searchGender .txtEmphasis--clrFBEBF3{background: linear-gradient(transparent 50%, #FBEBF3 51%);}
.searchGender .txtEmphasis--clrF3EAF6{background: linear-gradient(transparent 50%, #F3EAF6 51%);}
.searchGender .txtEmphasis--clrF8F1E1{background: linear-gradient(transparent 50%, #F8F1E1 51%);}
.searchGender .txtEmphasis--clrE7F1F6{background: linear-gradient(transparent 50%, #E7F1F6 51%);}
.searchGender .txtEmphasis--clrF5F9EE{background: linear-gradient(transparent 50%, #F5F9EE 51%);}
.searchGender .txtEmphasis--clrEDF9F4{background: linear-gradient(transparent 50%, #EDF9F4 51%);}
.searchGender .txtEmphasis--clrE0EFE8{background: linear-gradient(transparent 50%, #E0EFE8 51%);}
#mainBody .searchGender .introduction{
margin: 0 0 3rem 0;
}
.searchGender .introduction__firstViewImg{
margin: 0 0 1.5rem 0;
}
.searchGender .introduction__text{
font-size: 15px;
font-weight: bold;
line-height: 1.7;
text-align: center;
}
#mainBody .searchGender .oneTopic{
margin: 0 0 3rem 0;
}
.searchGender .oneTopic--lastSpecial{
background-color: #F9F8F2;
padding: 1rem 1rem 3rem 1rem;
box-sizing: border-box;
}
.searchGender .oneTopic__layout{
width: 50%;
}
.searchGender .oneTopic__title{
text-align: center;
margin: 0 0 2rem 0;
}
.searchGender .oneTopic__titleNum{
display: inline-block;
margin: 0 0 1rem 0;
}
.searchGender .oneTopic__titleCateName{
display: inline-block;
margin: 0 0 .25rem 0;
}
.searchGender .oneTopic__titleText{
font-size: 13px;
font-weight: bold;
color: #8F8F8F;
display: block;
padding: 0 0 28px 0;
position: relative;
}
.searchGender .oneTopic__titleText--pcBBNone{
padding: 0;
}
.searchGender .oneTopic__titleText::after{
position: absolute;
bottom: 0;
left: calc(50% - 1rem);
right: auto;
content: "";
width: 2rem;
height: 2px;
background-color: #707070;
}
.searchGender .oneTopic__titleText.oneTopic__titleText--pcBBNone::after{display: none;}
.searchGender .oneTopic__titleText--minusM105{margin: -1.5rem 0 0 0;}
.searchGender .oneTopic__titleText--minusM1{margin: -1rem 0 0 0;}
.searchGender .oneTopic__titleText--minusM05{margin: -.5rem 0 0 0;}
.searchGender .oneTopic__titleText--plusM05{margin: .5rem 0 0 0;}
.searchGender .oneTopic__catchCopy{
text-align: center;
margin: 0 0 1rem 0;
font-size: 16px;
font-weight: bold;
line-height: 2.3;
}
.searchGender .oneTopic__catchCopy--mini{
font-size: 14px;
}
.searchGender .oneTopic__text{
width: 75%;
margin: 0 auto 2rem auto;
font-size: 13px;
line-height: 2;
}
.searchGender .oneTopic__text--lastSpecial{
width: 100%;
}
.searchGender .oneTopic__text--thisIsTopItem{
text-align: center;
font-size: 21px;
font-weight: bold;
margin: 1rem auto 3rem auto;
}
.searchGender .oneTopic__itemsWrap{
margin: 0 auto;
}
.searchGender .oneTopic__itemsWrap--2col{width: 60%;}
.searchGender .oneTopic__itemsWrap--3col{width: 90%;}
.searchGender .oneTopic__itemsWrap--3colw100{width: 100%;}
.searchGender .oneTopic__itemsWrap--topSpace{
margin: 4rem auto 0 auto;
}
.searchGender .oneTopic__moreShowBtn{
position: relative;
width: 70%;
display: inline-block;
border: 1px solid #707070;
padding: 1rem;
text-decoration: none;
text-align: center;
font-size: 14px;
color: #707070;
background-color: #fff;
}
.searchGender .oneTopic__moreShowBtn::after{
position: absolute;
content: "";
width: .75rem;
height: .75rem;
right: 1rem;
top: calc(50% - 0.375rem);
border-top: 1px solid #707070;
border-right: 1px solid #707070;
transform: rotate(45deg);
}
.searchGender .byPriceRanking{
}
.searchGender .byPriceRanking__input[type=radio]{
display: none;
}
.searchGender .byPriceRanking__label{
width: calc(80% / 4);
text-align: center;
padding: 1rem;
box-sizing: border-box;
border-radius: .5rem .5rem 0 0;
margin: 0 2px 0 2px;
font-weight: bold;
font-size: 18px;
}
.searchGender .byPriceRanking__label:nth-of-type(1){background-color: #FEFAE8;}
.searchGender .byPriceRanking__label:nth-of-type(2){background-color: #F8EDE4;}
.searchGender .byPriceRanking__label:nth-of-type(3){background-color: #E9F1E6;}
.searchGender .byPriceRanking__label:nth-of-type(4){background-color: #EDF1F8;}
.searchGender .byPriceRanking__oneContent{
display: none;
width: 100%;
padding: 2rem;
box-sizing: border-box;
}
.searchGender .byPriceRanking__oneContent:nth-of-type(1){background-color: #FEFAE8;}
.searchGender .byPriceRanking__oneContent:nth-of-type(2){background-color: #F8EDE4;}
.searchGender .byPriceRanking__oneContent:nth-of-type(3){background-color: #E9F1E6;}
.searchGender .byPriceRanking__oneContent:nth-of-type(4){background-color: #EDF1F8;}
.searchGender #tab01.byPriceRanking__input:checked ~ #tab01.byPriceRanking__oneContent,
.searchGender #tab02.byPriceRanking__input:checked ~ #tab02.byPriceRanking__oneContent,
.searchGender #tab03.byPriceRanking__input:checked ~ #tab03.byPriceRanking__oneContent,
.searchGender #tab04.byPriceRanking__input:checked ~ #tab04.byPriceRanking__oneContent{
display: block;
}
.searchGender .byPriceRanking__listItem{
width: calc((100% - 16px)/5);
margin: 0 4px 0 0;
position: relative;
}
.searchGender .byPriceRanking__listItem:last-of-type{
margin: 0;
}
.searchGender .byPriceRanking__listItem::before{
content: '';
position: absolute;
top:0.25rem;
left: 0.25rem;
height: 1.6rem;
width: 1.6rem;
box-sizing: border-box;
text-align: center;
background-color: #fff;
border:1px solid #ddd;
border-radius: 5rem;
color: #707070;
font-size: 1rem;
line-height: 1.4;
}
.searchGender .byPriceRanking__listItem:nth-of-type(1)::before{
color: #fff;
background-color: #EDD295;
border: 1px solid #EDD295;
}
.searchGender .byPriceRanking__listItem:nth-of-type(2)::before{
color: #fff;
background-color: #BFC2C7;
border: 1px solid #BFC2C7;
}
.searchGender .byPriceRanking__listItem:nth-of-type(3)::before{
color: #fff;
background-color: #D69C84;
border: 1px solid #D69C84;
}
.searchGender .byPriceRanking__listItem:nth-of-type(1)::before{content: '1';}
.searchGender .byPriceRanking__listItem:nth-of-type(2)::before{content: '2';}
.searchGender .byPriceRanking__listItem:nth-of-type(3)::before{content: '3';}
.searchGender .byPriceRanking__listItem:nth-of-type(4)::before{content: '4';}
.searchGender .byPriceRanking__listItem:nth-of-type(5)::before{content: '5';}
.searchGender .byPriceRanking__listItem:nth-of-type(6)::before{content: '6';}
.searchGender .byPriceRanking__listItem:nth-of-type(7)::before{content: '7';}
.searchGender .byPriceRanking__listItem:nth-of-type(8)::before{content: '8';}
.searchGender .byPriceRanking__listItem:nth-of-type(9)::before{content: '9';}
.searchGender .byPriceRanking__listItem:nth-of-type(10)::before{content: '10';}
.searchGender .byPriceRanking__itemLink{
text-decoration: none;
}
.searchGender .byPriceRanking__itemTxt{
background-color: #fff;
padding: 1rem .5rem;
box-sizing: border-box;
}
.searchGender .byPriceRanking__itemCatch{
font-size: 11px;
font-weight: bold;
color: #8F8F8F;
margin: 0 0 .75rem 0;
}
.searchGender .byPriceRanking__itemName{
font-size: 11px;
margin: 0 0 .75rem 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.searchGender .suggestPlusItem{
background-color: #F9F8F2;
margin: 2rem 0;
width: 100%;
}
.searchGender .suggestPlusItem__head{
background-color: #F3F1E4;
padding: 0 0 .25rem 1rem;
}
.searchGender .suggestPlusItem__title{
font-size: 16px;
font-weight: bold;
margin: 0 0 1rem 0;
text-align: center;
}
.searchGender .suggestPlusItem__wrap{
width: 75%;
margin: 0 auto;
}
.searchGender .suggestPlusItem__content{
padding: 1rem 1rem 3rem 1rem;
box-sizing: border-box;
}
.searchGender .suggestPlusItem__layout{
width: 50%;
}
.searchGender .suggestPlusItem__layout--mini{
width: 36%;
}
.searchGender .suggestPlusItem__layout--big{
width: 55%;
}
.searchGender .suggestPlusItem__imgSub{
width: 25%;
}
.searchGender .suggestPlusItem__text{
width: 70%;
font-size: 13px;
line-height: 2;
}