@charset "utf-8";
/* ---------------------------------------------------------------------------------------- common */
body{ background: #f4f4f4; }
#item h2{ font-family: yu-gothic-pr6n, sans-serif; font-size: 40px; line-height: 180%; letter-spacing: 0.1em; text-align: center; font-weight: 800; }
#item h2 span{ padding: 0 0 25px; display: block; font-size: 16px; letter-spacing: 0.15em; color: #ea609e; }

#item #bread { border-top: none; }

#item .btn_top{ margin: 0 auto 150px; }

#item .btn_link { width: 350px; margin: 60px auto 0;}
#item .btn_link a { display: block; color: #fff; background: #ea609e url(../images//common/icn_white.png) calc(50% - 30%) center no-repeat; border-radius: 30px; text-align: center; padding: 22px 0 22px 30px;}

/* ---------------------------------------------------------------------------------------- lineup */
#lineup{ padding: 100px 0 200px; }

#concept .intro_inner{ width: 870px; margin: 0 auto; }
#concept .intro p{ padding: 20px 0 0; font-size: 18px; line-height: 220%; letter-spacing: 0.05em; }


/* ---------------------------------------------------------------------------------------- guide05 */
#lineup h4{ padding: 40px 0 0; text-align: center; font-size: 20px; line-height: 130%; letter-spacing: 0.08em; }
#lineup h4 span{ display: block; padding: 10px 0 0; font-size: 11px; line-height: 140%; letter-spacing: 0.1em; }

/* gidebook */
#lineup .gidebook{ padding: 0 4% 20px; display: flex; flex-wrap: wrap; }
#lineup .gidebook li{ position: relative;  width: 173px; min-height: 340px; margin: 0 24px 0 0; padding: 0 0 24px 10px; }
#lineup .gidebook li:nth-of-type(n+6){ margin: 30px 24px 0 0; }
#lineup .gidebook li:nth-of-type(5n){ margin: 0; }
#lineup .gidebook li:last-of-type{ margin: 30px 0 0; }

#lineup .gidebook li .item{ margin: 0 auto; filter: drop-shadow(5px 5px 10px rgba(9,14,48,0.1)); }
#lineup .gidebook li a{ position: absolute; top: 155px; left: 20px; }


/* price */
#lineup .price li{ float: left; width: 259px; height: 240px; margin: 0 21px 0 0; padding: 30px; box-sizing: border-box; background: #fff; border-radius: 10px; }
#lineup .price li:last-of-type{ margin: 0; }
#lineup .price li .copies{ padding: 7px 0 6px; font-size: 20px; letter-spacing: 0.08em; text-align: center; border: 1px solid #000; border-radius: 50px; font-weight: 800; }
#lineup .price li .delivery{ text-align: center; font-size: 13px; letter-spacing: 0.04em; }


#lineup .price dl{ padding: 30px 0 35px; text-align: center; }
#lineup .price dl dt{ padding: 0 0 10px 0; font-size: 30px; color: #ea609e; font-weight: 800; font-family: open-sans,sans-serif; font-weight: 600; font-style: normal; }
#lineup .price dl dt span{ font-size: 16px; font-weight: 800; }
#lineup .price dl dd{ font-size: 14px; letter-spacing: 0.04em; }



/* ---------------------------------------------------------------------------------------- guide_roop */

#guide_roop{ padding: 70px 0 0; }

#guide_roop .btn_lineup{ width: 350px; margin: 60px auto 50px; }
#guide_roop .btn_lineup a{ padding: 22px 0 21px 30px; color: #fff; text-align: center; background: #626262 url(../images//common/icn_white.png) calc(50% - 30%) center no-repeat; border-radius: 50px; }
#guide_roop .btn_lineup a:hover{ opacity: 0.8; }
#guide_roop .w_box .copies{ width: 350px; margin: 0 auto; padding: 7px 0 6px; font-size: 20px; letter-spacing: 0.08em; text-align: center; border: 1px solid #000; border-radius: 50px; font-weight: 800; }

#guide_roop .w_box dl{ width: 350px; margin: 0 auto; padding: 30px 0; }
#guide_roop .w_box dl dt{ display: inline; font-size: 40px; color: #ea609e; font-weight: 800; }
#guide_roop .w_box dl dt span{ font-size: 24px; font-weight: 800; }
#guide_roop .w_box dl dd{ display: inline; font-size: 18px; letter-spacing: 0.05em; }

#guide_roop .w_box .delivery{ font-size: 14px; }



/* 文字のループ ---------------------------------------------------------- */
#products .item04 #roop { margin: 70px 0; width: 100%; height: 320px; background: url(../images/item/roop_01.png); background-repeat: repeat-x; background-position: 0 0; animation: bgroop 55s linear infinite; -webkit-animation: bgroop 55s linear infinite; position: relative; z-index: 5;}

#guide_roop #roop{ margin: 70px 0 0; width: 100%; height: 320px; background: url(../images/item/roop_02.png); background-repeat: repeat-x; background-position: 0 0; animation: bgroop 55s linear infinite; -webkit-animation: bgroop 55s linear infinite; position: relative; z-index: 5;}


@keyframes bgroop{ 
 from{ background-position: 0 0;}
 to{ background-position: -1901px 0;}
}
@-webkit-keyframes bgroop{ 
 from{ background-position: 0 0;}
 to{ background-position: -1901px 0;}
}




/* ---------------------------------------------------------------------------------------- common */
#fv { background: url(../images/item/bg_fv.png) no-repeat left center / cover; height: 100vh; min-height: 900px;}

#fv .bg { background: #fff; padding-left: 85px; height: 100vh; min-height: 900px; width: 650px; background: url(../images/common/white_bg.gif) repeat-y;  display: flex; align-items: center; flex-wrap: wrap;}

#fv .bg p { display: flex;}

#fv .bg p .aktive_r { font-size: 17px; letter-spacing: 0.2em; color: #000; margin-bottom: 60px; font-weight: 200;}

#fv .bg p .aktive_r::after { content: ""; border-top: solid 1px #000; padding-left: 22px; vertical-align: middle; margin-left: 17px; padding-bottom: 7px; display: inline-block;}

#fv .bg img {padding-left: 20px; margin-top: -7px;}

#fv .bg h1 { font-size: 50px; line-height: 1.6; letter-spacing: 0.1em; margin: -15px 0 0; text-align: inherit; padding: 0;}

#fv .bg h1 .aktive_r { font-size: 17px; color: #000; letter-spacing: 0.1em; margin-top: 50px; font-weight: 200;}



#body main #concept #bread { padding-top: 0px;}

#concept { padding-bottom: 150px;}


#products { padding-bottom: 150px;}

#products .item01 .item01_bg { width: calc( 100% - 100px); height: 650px; background: url(../images/item/pic_01.jpg) no-repeat; background-position: left; background-size: cover;}

#products .item01 .w_box { background: url(../images/item/icn_01.png) no-repeat #fff; background-size: 150px; background-position: 80px; width: calc( 100% - ( (100% - 1100px) / 2 ) ); margin: -135px 0 80px; padding: 78px 0 92px 320px; z-index: 0; position: relative; box-sizing: border-box; float: right;}

#products .item01 .w_box h3 { font-size: 30px; line-height: 1.333; letter-spacing: 0.08em;}

#products .item01 .w_box h3 span { padding: 10px 0 0; display: block; font-size: 14px; line-height: 2.143; letter-spacing: 0.1em; font-weight: 200;}

#products .item01 .w_box p { line-height: 2.25; letter-spacing: 0.08em;}

#products .item01 .pro_img { text-align: center; width: 700px; margin: 0 auto 50px; }

#products .item01 .pro_img li{ position: relative; float: left; width: 214px; }
#products .item01 .pro_img li:first-of-type{ margin: 0 200px 0 0; }

#products .item01 .pro_img li .item{ margin: 0 auto; filter: drop-shadow(5px 5px 10px rgba(9,14,48,0.1)); }
#products .item01 .pro_img li a{ position: absolute; top: 250px; left: -30px; }

#products li h4{ padding: 20px 0 0; text-align: center; font-size: 20px; line-height: 130%; letter-spacing: 0.08em; }
#products li h4 span{ display: block; padding: 10px 0 0; font-size: 11px; line-height: 140%; letter-spacing: 0.1em; }

#products .rateplan { margin: 0 auto; width: 1000px;}

#products .item02 .sample{ text-align: center; width: 815px; margin: 0 auto 50px; }
#products .item02 .sample li{ position: relative; float: left; width: 314px; }
#products .item02 .sample li:first-of-type{ padding: 0 185px 0 0;}
#products .item02 .sample li img{ margin: 0 auto; filter: drop-shadow(5px 5px 10px rgba(9,14,48,0.1)); }



/* common */
#products .cost{  background: #fff; border-radius: 15px; padding: 42px 0 48px; }
#products .cost p{ text-align: center; }
#products .cost p:nth-of-type(1){ width: 330px; height: 40px; border: solid 1px #000; border-radius: 20px; font-size: 20px; line-height: 2; margin: 0 auto 37px; font-weight: 800; letter-spacing: 0.08em; }
#products .cost p:nth-of-type(2){ font-size: 24px; margin-bottom: 26px; padding-left: 46px; padding-right: 47px; }
#products .cost p:nth-of-type(2) srtong{ font-weight: 800; }
#products .cost p:nth-of-type(3){ font-size: 14px; letter-spacing: 0.05em; }
#products .cost p span{ font-size: 40px; color: #ea609e; font-family: open-sans,sans-serif; font-weight: 600; font-style: normal; }
#products .cost p span.black{ padding: 0 10px 0 0; color: #000; }
#products .cost p strong{ padding: 0 2px; font-size: 24px; font-weight: 800; }

/* 01 */
#products .item01 .cost:first-child { margin-bottom: 50px;}


/* odd */
#products .product_item_odd{ padding: 0 0 200px; }
#products .product_item_odd .item_bg{ width: calc( 100% - 100px); height: 650px; background-position: left; background-size: cover; }

#products .product_item_odd .w_box{ width: calc( 100% - ( (100% - 1100px) / 2 ) ); margin: -135px 0 80px; padding: 78px 0 92px 320px; z-index: 0; position: relative; box-sizing: border-box; float: right; }
#products .product_item_odd .w_box h3{ padding: 0 0 15px; font-size: 30px; line-height: 1.333; letter-spacing: 0.08em; }
#products .product_item_odd .w_box h3 span{ padding: 0; display: block; font-size: 14px; line-height: 2.143; letter-spacing: 0.1em; font-weight: 200; font-family: aktiv-grotesk, sans-serif; font-weight: 200; font-style: normal; }
#products .product_item_odd .w_box p.subttl{ line-height: 2.25; letter-spacing: 0.08em; }

/* 03 */
#products .item03.product_item_odd .item_bg{background: url(../images/item/pic_03.jpg) no-repeat; background-size: cover; }
#products .item03.product_item_odd .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item03.product_item_odd .w_box{ background: url(../images/item/icn_02.png) no-repeat #fff; background-size: 150px; background-position: 80px; }
/* 05 */
#products .item05.product_item_odd .item_bg{background: url(../images/item/pic_05.jpg) no-repeat; background-size: cover; }
#products .item05.product_item_odd .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item05.product_item_odd .w_box{ background: url(../images/item/icn_03.png) no-repeat #fff; background-size: 150px; background-position: 80px; }



/* even */
#products .product_item_even{ padding: 0 0 200px; }
#products .product_item_even:last-of-type{ padding: 0; }
#products .product_item_even .item_bg{ width: calc( 100% - 100px); height: 650px; background-position: right; background-size: cover; float: right; }

#products .product_item_even .w_box{ background-color: #fff; width: calc( 100% - ( (100% - 1100px) / 2 ) ); margin: -85px 0 80px; padding: 50px 0 65px; z-index: 0; position: relative; }
#products .product_item_even .w_box .w_text{ background-size: 150px; background-position: center left; padding-left: 220px; width: 1100px; box-sizing: border-box; float: right; }

#products .product_item_even .w_box h3{ font-size: 30px; letter-spacing: 0.08em; margin-bottom: 18px; }
#products .product_item_even .w_box h3 span{ padding: 10px 0 0; display: block; font-size: 14px; line-height: 2.143; letter-spacing: 0.1em; font-weight: 200; }

#products .product_item_even .w_box p{ line-height: 2.25; letter-spacing: 0.08em; }

/* 02 */
#products .item02 .item_bg{ background: url(../images/item/pic_02.jpg) no-repeat; background-size: cover; }
#products .item02 .rateplan{ display: flex; justify-content: space-between; }
#products .item02 .cost{ width: 480px; }
#products .item02.product_item_even .w_box .w_text{ background: url(../images/item/icn_01.png) no-repeat; background-size: 150px; background-position: center left; }
#products .item02 .cost p em { display: block; margin-top: 2em; line-height: 1.3;}
/* 04 */
#products .item04.product_item_even .item_bg{ background: url(../images/item/pic_04.jpg) no-repeat; background-size: cover; }
#products .item04.product_item_even .design{font-size: 24px; line-height: 200%; letter-spacing: 0.08em; text-align: center; }
#products .item04.product_item_even .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item04.product_item_even .w_box .w_text{ background: url(../images/item/icn_01.png) no-repeat; background-size: 150px; background-position: center left; }
/* 06 */
#products .item06.product_item_even .w_box{ margin: -85px 0 80px; }
#products .item06.product_item_even .item_bg{ background: url(../images/item/pic_06.jpg) no-repeat; background-size: cover; }
#products .item06.product_item_even .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item06.product_item_even .w_box .w_text{ background: url(../images/item/icn_03.png) no-repeat; background-size: 150px; background-position: center left; }




/* --------------------------------------------------------------------------------------------------------------------------- 
 mobile 
--------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
/* ---------------------------------------------------------------------------------------- common */

#item h2{ font-size: 23px; line-height: 150%; padding: 0 0 5px; }
#item h2 span{ font-size: 13px; padding-bottom: 5px; }

#item .btn_top{ margin: 0 auto 65px; }

#products .item04 #roop{ height: 200px; background: url(../images/item/roop_01-sp.png); }
#guide_roop #roop{ height: 200px; background: url(../images/item/roop_02-sp.png); }

#item .btn_link { width: 100%; margin: 60px auto 0;}
#item .btn_link a { padding: 18px 0 16px 30px; font-size: 13px;}

#guide_roop .btn_link{ width: 80%; }


/* ---------------------------------------------------------------------------------------- lineup */
#concept .intro_inner{ width: 85%; }

#concept .intro p{ padding: 10px 0 0; font-size: 14px; }


/* ---------------------------------------------------------------------------------------- guide05 */

#products #lineup h4{ padding: 20px 0 0; font-size: 14px; }
#products #lineup h4 span{ padding: 2px 0 0; font-size: 10px; }


/* gidebook */
#lineup .gidebook{ padding: 50px 0 0; }
#lineup .gidebook li{ width: 50%; min-height: 220px; margin: 0; padding: 0 0 40px; }
#lineup .gidebook li:nth-of-type(n+6),
#lineup .gidebook li:nth-of-type(5n){ margin: 0; padding: 0 0 40px; }

#lineup .gidebook li .item{ width: 50%; }
#lineup .gidebook li a{ width: 50px; top: calc(100% - 177px); left: 10px; }
#lineup .gidebook li a img{ width: 100%; height: auto; }


/* price */
#lineup .price li{ float: none; width: 100%; height: auto; margin: 0 25px 0 0; padding: 0 0 50px; }
#lineup .price li:last-of-type{ padding: 0; }

#products .product_item_odd .w_box .price li p{ font-size: 15px; padding: 2px 0 1px; }
#products .product_item_odd .w_box .price li p.delivery{ margin: 0; font-size: 11px; }

#products #lineup .price li p.copies{ border-radius: 50px; width: 45%; height: auto; margin: 0 auto; line-height: 1.5; font-size: 13px; padding: 3px 0 1px; }

#lineup .price dl{ padding: 20px 0 15px; }
#lineup .price dl dt,
#lineup .price dl dd{ display: inline; }


/* ---------------------------------------------------------------------------------------- guide06 */
#guide_roop { padding: 30px 0 0; }


#guide_roop .btn_lineup{ width: 100%; margin: 50px auto 20px; }
#guide_roop .btn_lineup a{ padding: 18px 0 16px 30px; font-size: 13px; }



/* ---------------------------------------------------------------------------------------- common */
#fv { padding: 65px 0 0; background: none; height: auto; min-height: inherit;}
#fv .bg{ min-height: inherit; }

#fv .fv img { width: 100%; height: auto; margin-bottom: 25px; padding-left: 0;}

#fv .fv { background: #fff; padding-left: 0px; width: 100%; background: url(../images/common/white_bg_sp.png) repeat-y;  display: flex; align-items: center; flex-wrap: wrap;}

#fv .fv p { display: flex; align-items: baseline; }

#fv .fv p .aktive_r { font-size: 14px; letter-spacing: 0.2em; color: #000; font-weight: 200;}

#fv .fv p .aktive_r::after { content: ""; border-bottom: solid 1px #000; padding-left: 16px; vertical-align: middle; margin-left: 4px; margin-top: -12px; padding-bottom: 7px; display: inline-block;}

#fv .fv p .aroma_logo { width: 40%; height: auto; margin-left: 5px;}

#fv .fv h1 { font-size: 28px; text-align: left;  line-height: 1.333; letter-spacing: 0.1em; padding: 0; margin: -5px 0 25px;}

#fv .fv h1 .aktive_r { font-size: 13px; color: #000; letter-spacing: 0.1em; line-height: 1.714; margin-top: 20px; font-weight: 200;}


#concept { padding-bottom: 65px;}

#concept #bread { padding-bottom: 30px}



#products { padding-bottom: 65px;}

#products .item01 { }

#products .item01 .item01_bg { width: calc( 100% - 25px); height: 260px; background: url(../images/item/pic_01-sp.jpg) no-repeat; background-position: left; background-size: cover;}

#products .item01 .w_box { background: url(../images/item/icn_01.png) no-repeat #fff; background-size: 120px; background-position: center 50px; width: calc( 100% - 25px ); margin: -39px 0 80px; padding: 204.5px 25px 50px; z-index: 0; position: relative; box-sizing: border-box; float: right;}

#products .item01 .w_box h3 { font-size: 20px; line-height: normal; letter-spacing: 0.08em; text-align: center; margin-bottom: 15px;}

#products .item01 .w_box h3 span { display: block; font-size: 14px; line-height: normal; letter-spacing: 0.1em; margin-bottom: 25px; font-weight: 200;}

#products .item01 li h4 span{ padding: 5px 0 0; letter-spacing: 0; width: 50vw; margin: 0 0 0 -30px; }

#products .item01 .w_box p { font-size: 12px; line-height: 1.769; letter-spacing: 0.08em; margin: 0; text-align: center; }

#products .item01 .pro_img { width: 100%; text-align: center; margin-bottom: 35px;}

#products .item01 .rateplan { display: block; justify-content: inherit; margin: 0 auto; width: 100%;}

#products .item01 .pro_img li{ width: 42%; min-height: 250px; }
#products .item01 .pro_img li:first-of-type{ margin: 0 10% 0 12px; box-sizing: content-box; }
#products .item01 .pro_img li .item{ width: 95%; height: auto; }
#products .item01 .pro_img li a{ top: calc(100% - 125px); left: -12px; width: 50px; height: auto; }
#products .item01 .pro_img li a img{ width: 100%; height: auto; }

#products li h4{ padding: 15px 0 0; font-size: 18px; }
#products li h4 span{ padding: 5px 0 0; letter-spacing: 0; }
/* #products li h4:last-of-type span{ width: 50vw; margin: 0 0 0 -32px; } */



#products .item02 .w_box { background-color: #fff; width: calc( 100% - 25px ); margin: -39px 0 80px; padding: 0 25px 50px; z-index: 0; position: relative; float: left; box-sizing: border-box;}

#products .item02 .w_box .w_text { background: url(../images/item/icn_01.png) no-repeat; background-size: 120px; background-position: center 50px; }

#products .item02 .w_box h3 { font-size: 20px; letter-spacing: 0.08em; text-align: center; margin-bottom: 15px; line-height: 150%; }

#products .item02 .w_box h3 span { display: block; font-size: 12px; line-height: 150%; margin-top: 15px; letter-spacing: 0.1em; font-weight: 200;}

#products .item02 .w_box p { font-size: 11px; line-height: 1.769; letter-spacing: 0.08em; margin: -5px 0 35px;}

#products .item02 .pro_img { text-align: center; margin-bottom: 35px;}

#products .item02 .rateplan { display: block; justify-content: inherit; margin: 0 auto; width: 100%;}

#products .item02 .sample li img{ width: 70%; }


/* odd */
#products .product_item_odd,
#products .product_item_even{ padding: 0; }

#products .product_item_odd .item_bg,
#products .product_item_even .item_bg{ width: calc( 100% - 25px); height: 260px; background-position: left; background-size: cover; }



#products .product_item_odd .rateplan,
#products .product_item_even .rateplan{ width: 100%; margin: 0; padding: 15px 0 0; z-index: 0; position: relative; box-sizing: border-box; float: right; }

#products .product_item_odd .rateplan h3{ font-size: 20px; letter-spacing: 0.08em; text-align: center; margin-bottom: 15px; }
#products .product_item_odd .rateplan h3 span{ display: block; font-size: 12px; line-height: 100%; margin-top: 5px; letter-spacing: 0.1em; font-weight: 200; font-family: aktiv-grotesk, sans-serif; font-weight: 200; font-style: normal; }
#products .product_item_odd .rateplan p:last-of-type{ font-size: 13px; }

#products .product_item_odd .w_box{ background-size: 120px; background-position: center 50px; width: calc( 100% - 25px ); margin: -39px 0 80px; padding: 204.5px 25px 50px; z-index: 0; position: relative; box-sizing: border-box; float: right; }

#products .product_item_odd .w_box h3,
#products .product_item_even .w_box h3 { font-size: 20px; line-height: normal; letter-spacing: 0.08em; text-align: center; margin-bottom: 15px;}

#products .product_item_odd .w_box h3 span,
#products .product_item_even .w_box h3 span { display: block; font-size: 12px; line-height: normal; letter-spacing: 0.1em; padding: 7px 0 0; font-weight: 200;}

#products .product_item_odd .w_box p.subttl,
#products .product_item_even .w_box p.subttl { font-size: 13px; line-height: 180%; letter-spacing: 0.08em; text-align: center; }

#products .product_item_odd .w_box p:nth-of-type(2),
#products .product_item_even .w_box p:nth-of-type(2){ margin:20px 0 5px; }

#products .product_item_odd .pro_img { width: 100%; text-align: center; margin: 35px 0;}
#products .product_item_odd .rateplan { display: block; justify-content: inherit; margin: 0 auto; width: 100%;}

#products .item03.product_item_odd .w_box,
#products .item05.product_item_odd .w_box{ background-size: 120px; background-position: center 50px; }


/* 03 */
#products .item03.product_item_odd .item_bg{background: url(../images/item/pic_03-sp.jpg) no-repeat; background-size: cover;  }
#products .item03 .item{ width: 65%; }
#products .item03.product_item_odd .pro_img{ width: 100%; padding: 50px 0 0; }
/* 05 */
#products .item05.product_item_odd .item_bg{background: url(../images/item/pic_05-sp.jpg) no-repeat; background-size: cover; }
#products .item05.product_item_odd .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item04.product_item_even .pro_img{ width: 100%; padding: 20px 0 0; }


/* even */
#products .product_item_even:last-of-type{ padding: 0; }

#products .product_item_even .rateplan .w_text{ background-size: 150px; background-position: center left; padding-left: 220px; width: 1100px; box-sizing: border-box; float: right; }

#products .product_item_even .rateplan h3{ font-size: 30px; letter-spacing: 0.08em; margin-bottom: 18px; }
#products .product_item_even .rateplan h3 span{ padding: 10px 0 0; display: block; font-size: 14px; line-height: 2.143; letter-spacing: 0.1em; font-weight: 200; }

#products .product_item_even .rateplan p{ line-height: 2.25; letter-spacing: 0.08em; }

#products .product_item_even .w_box .w_text{ padding-left: 0; width: 100%; float: none; }

#products .product_item_even .w_box{ background-size: 120px; background-position: center 50px; width: calc( 100% - 25px ); margin: -39px 0 80px; padding: 0 25px 50px; z-index: 0; position: relative; box-sizing: border-box; }
#products .product_item_even .pro_img { width: 100%; text-align: center; margin-bottom: 0;}
#products .product_item_even .rateplan { display: block; justify-content: inherit; margin: 0 auto; width: 100%;}

#products .item02.product_item_even .w_box .w_text,
#products .item04.product_item_even .w_box .w_text,
#products .item06.product_item_even .w_box .w_text{ background-size: 120px; background-position: center 50px; }

/* 02 */
#products .item02 .item_bg{ background: url(../images/item/pic_02-sp.jpg) no-repeat; background-size: cover;  }
#products .item02 .sample{ width: 100%; margin: 0 auto; }
#products .item02 .sample li{ float: none; width: 100%; }
#products .item02.product_item_even li .rateplan{ padding: 40px 0 0; }
#products .item02.product_item_even li:first-of-type .rateplan{ padding: 40px 0 20px; }
#products .item02 .sample li:first-of-type{ padding: 20px 0 0; }
#products .item02 .sample li:last-of-type .item{ width: 45%; }
#products .item02 .cost{ width: 100%; }
/* 04 */
#products .item04.product_item_even .item_bg{ background: url(../images/item/pic_04-sp.jpg) no-repeat; background-size: cover; }
#products .item04.product_item_odd .w_box p{ font-size: 15px; }
#products .item04.product_item_even .design{ padding: 0 0 25px; font-size: 17px; }
#products .item04 #roop { margin: 35px 0;}
/* 06 */
#products .item06 .w_box .w_text{ margin: 0; }
#products .item06.product_item_even .item_bg{ background: url(../images/item/pic_06-sp.jpg) no-repeat; background-size: cover; }
#products .item06.product_item_even .pro_img{ width: 397px; margin: 0 auto; padding: 0 0 70px; }
#products .item06.product_item_even .w_box{ margin: -39px 0 0; }
 
 /* common */
#products .cost{ margin: 0 0 50px; padding: 0; text-align: center; }
#products .cost:last-of-type{ margin: 0; }
#products .cost p:nth-of-type(1){ border-radius: 50px; padding: 3px 0 1px; width: 50%; height: auto; margin: 0 auto; font-size: 14px; line-height: 1.5; }
#products .cost p.long{ width: 60%; }
#products .cost p:nth-of-type(2){ font-size: 14px; margin-bottom: 18px; padding:0; margin: 20px 0 10px; }
#products .cost p:nth-of-type(3){ font-size: 11px; }
#products .cost p strong{ font-size: 17px; }
#products .cost p span{ font-size: 25px; }

#products .w_box .w_text{ background-size: 120px; background-position: center 50px; margin: 0 0 20px; padding: 205px 0 0; width: 100%; box-sizing: border-box; float: left; }
 
 
 
}