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

/*参考商品ページ…PR用(ichiran-pr.html)*/
.swiper-container { height:25vw; max-height:420px;}
.swiper-container .swiper-wrapper { position:relative;}
.swiper-container .swiper-wrapper .swiper-slide { border-bottom:#FFFFFF 20px solid; background-color:#EBEBEB;}
.swiper-container .swiper-wrapper .swiper-slide a {}
.swiper-container .swiper-wrapper .swiper-slide a:hover { opacity:0.7;}
.swiper-container .swiper-wrapper .swiper-slide a img { object-fit:cover/*contain*/; object-position:50% 0%/*50% 50%*/; width:100%; height:100%;}
.swiper-container .swiper-wrapper .swiper-slide a p { position:absolute; width:95%; margin:0; padding:5px; font-size:16px; color:#FFFFFF; background-color:rgba(0,0,0,0.75); opacity:0.0;
top:50%; left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit- transform: ranslateY(-50%) translateX(-50%);
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
.swiper-container .swiper-wrapper .swiper-slide a:hover p { opacity:1.0;}
.swiper-container .swiper-pagination { bottom:0;}
.swiper-container .swiper-button-prev {}
.swiper-container .swiper-button-next {}
@media all and (max-width:719px)
{
.swiper-container { height:75vw; max-height:none;}
}

/*参考商品ページ用(home.html)*/
#os-index { font-size:12px;/* background-color:#F6F6F6;*/}
#os-index #newitem { margin:0 auto 40px;}
#os-index #newitem h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-index #newitem ul { margin:0 auto; padding:0; box-sizing:border-box; list-style:none; font-size:0; text-align:left;}
#os-index #newitem ul li { display:inline-block; vertical-align:top; width:18%; margin:20px 2.5% 0 0; padding:0; text-align:center;}
#os-index #newitem ul li:nth-of-type(5n) { margin:20px 0 0;}
#os-index #newitem ul li a { display:block;}
#os-index #newitem ul li a img { width:100%; height:auto;}
#os-index #newitem ul li a p { display:inline-block; margin:5px auto 0; text-align:left; font-size:14px; color:#333333; line-height:1.2;}
#os-index #newitem ul li a:hover { background-color:#FFFFFF;}
#os-index #newitem ul li a:hover img { opacity:0.7;}
#os-index #newitem ul li a:hover p { text-decoration:none; background-color:#F7F7F7; opacity:0.7;}
#os-index #whatsnew { margin:0 auto 40px;}
#os-index #whatsnew h2 { position:relative; margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-index #whatsnew a { position:absolute; right:2px; bottom:10px; margin:0 auto; padding:3px 5px; font-size:12px; color:#FFFFFF; background-color:#333333;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#os-index #whatsnew a:before { display:inline; content:"\025b6";}
#os-index #whatsnew a:hover { text-decoration:none; opacity:0.7;}
#os-index #whatsnew iframe { width:100%; height:145px; margin:5px 0 0; padding:0 0 5px; box-sizing:border-box; border-bottom:#333333 1px solid;}
@media all and (max-width:999px)
{
#os-index #newitem ul li { width:22%; margin:20px 4.0% 0 0;}
#os-index #newitem ul li:nth-of-type(5n) { margin:20px 4.0% 0 0;}
#os-index #newitem ul li:nth-of-type(4n) { margin:20px 0 0;}
}
@media all and (max-width:839px)
{
#os-index #newitem ul li { width:30%; margin:20px 5.0% 0 0;}
#os-index #newitem ul li:nth-of-type(4n) { margin:20px 5.0% 0 0;}
#os-index #newitem ul li:nth-of-type(3n) { margin:20px 0 0;}
}
@media all and (max-width:719px)
{
#os-index #newitem h2 { font-size:2.0rem;}
#os-index #newitem ul li { width:22%; margin:20px 4.0% 0 0;}
#os-index #newitem ul li:nth-of-type(3n) { margin:20px 4.0% 0 0;}
#os-index #newitem ul li:nth-of-type(4n) { margin:20px 0 0;}
#os-index #newitem ul li a p { font-size:1.2rem;}
#os-index #whatsnew h2 { font-size:2.0rem;}
#os-index #whatsnew iframe { height:/*40vh*/220px;}
}
@media all and (max-width:539px)
{
#os-index #newitem ul li { width:30%; margin:20px 5.0% 0 0;}
#os-index #newitem ul li:nth-of-type(4n) { margin:20px 5.0% 0 0;}
#os-index #newitem ul li:nth-of-type(3n) { margin:20px 0 0;}
}
/*おすすめ商品動画用*/
#os-index #rdvideo-area { margin:0 auto 40px;}
#os-index #rdvideo-area h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-index #rdvideo-area h2 img { vertical-align:top; width:105px; height:auto;}
#os-index #rdvideo-area ul#youtubebox { margin:0; padding:0; list-style:none; font-size:0; text-align:left;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;}
#os-index #rdvideo-area ul#youtubebox li { position:relative; display:inline-block; vertical-align:top; width:/*32%*/49%; margin:20px 2% 0 0; text-align:center; background-color:#FFFFFF;}
/*#os-index #rdvideo-area ul#youtubebox li:nth-of-type(3n) { margin:20px 0 0;}*/
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(2n) { margin:20px 0 0;}
#os-index #rdvideo-area ul#youtubebox li div { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;}
#os-index #rdvideo-area ul#youtubebox.short-movie li div { position:relative; width:100%; height:0; padding-top:177.77%; overflow:hidden;}
#os-index #rdvideo-area ul#youtubebox li div iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#os-index #rdvideo-area ul#youtubebox li p { margin:5px 0 0; padding:0; font-size:0;}
#os-index #rdvideo-area ul#youtubebox li p span.iteminfo { display:inline-block; vertical-align:top; width:80%; margin:0; padding:0; text-align:left; font-size:14px; line-height:1.2;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink { position:relative; display:inline-block; vertical-align:top; width:20%; max-width:50px; height:0; padding-top:20%;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink a { position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/ichiran/btn-item.png) center center no-repeat; background-size:contain;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink a:hover { text-decoration:none; opacity:0.7;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink a.houmongi { top:0; right:0; bottom:auto; left:0; height:48%; background:url(../img/ichiran/btn-item_houmongi.png) center center no-repeat; background-size:contain;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink a.sahari { top:auto; right:0; bottom:0; left:0; height:48%; background:url(../img/ichiran/btn-item_sahari.png) center center no-repeat; background-size:contain;}
/*@media all and (max-width:859px)
{
#os-index #rdvideo-area ul#youtubebox li { width:49%; margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(3n) { margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(2n) { margin:20px 0 0;}
}
@media all and (max-width:719px)
{
#os-index #rdvideo-area h2 { font-size:2.0rem;}
#os-index #rdvideo-area ul#youtubebox li { width:32%; margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(2n) { margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(3n) { margin:20px 0 0;}
#os-index #rdvideo-area ul#youtubebox li p span.iteminfo { font-size:1.2rem;}
#os-index #rdvideo-area ul#youtubebox li p span.itemlink a { font-size:1.4rem;}
}
@media all and (max-width:539px)
{
#os-index #rdvideo-area ul#youtubebox li { width:49%; margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(3n) { margin:20px 2% 0 0;}
#os-index #rdvideo-area ul#youtubebox li:nth-of-type(2n) { margin:20px 0 0;}
}*/

/*カテゴリから探すページ用(category.html)*/
#os-category {}
#os-category h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-category ul#ichirannavi { margin:20px auto 15px; padding:0 10px; list-style:none; font-size:0; text-align:center;}
#os-category ul#ichirannavi li { display:inline-block; vertical-align:top; width:auto; box-sizing:border-box; margin:0 2px 5px; padding:0;}
#os-category ul#ichirannavi li a { display:block; width:auto; box-sizing:border-box; padding:5px; font-size:16px; color:#333333; background-color:#F3F3F3;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#os-category ul#ichirannavi li a:hover { text-decoration:none; color:#FFFFFF; background-color:#333333;}
#os-category #autolist { text-align:left;}
#os-category #autolist h3 { position:relative; margin:0; padding:5px 0.5em 3px; color:#FFFFFF; font-size:20px; font-weight:normal; background-color:#333333;}
#os-category #autolist h3 a { position:absolute; top:5px; right:5px; bottom:5px; margin:0; padding:5px 5px 0; font-size:12px; color:#333333; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#os-category #autolist h3 a:hover { text-decoration:none; opacity:0.7;}
#os-category #autolist h3 a:before { display:inline; content:"\025b2";}
#os-category #autolist .al-box { margin:0 10px 10px;}
#os-category #autolist .al-box h4 { margin:10px 0 5px; padding:5px 0.5em 2px 1.5em; text-indent:-1.0em; border-bottom:#333333 1px solid; color:#333333; font-size:18px; font-weight:normal; background-color:#F7F7F7;}
#os-category #autolist .al-box h4:before { display:inline; content:"\025bc";}
#os-category #autolist .al-box ul { margin:0 10px 15px; padding:0; list-style:none; font-size:0; text-align:left;}
#os-category #autolist .al-box ul li { display:inline-block; vertical-align:top; width:48%; box-sizing:border-box; margin:0.25em 0 0; padding:0; font-size:14px; line-height:1.2;}
#os-category #autolist .al-box ul li:nth-of-type(2n) { margin-left:4%;}
#os-category #autolist .al-box ul.imgbox { margin:10px 0 0;}
#os-category #autolist .al-box ul.imgbox li img { width:100%; height:auto;}
#os-category #autolist .al-box ul.imgbox li a:hover { opacity:0.7;}
#os-category #autolist .al-box ul li.cordinate a { display:block; padding:0.25em 0.25em 0.25em 1.0em; text-indent:-1.0em; color:#333333;}
#os-category #autolist .al-box ul li.cordinate a:before { display:inline; content:"\025b6";}
#os-category #autolist .al-box ul li.cordinate a:hover { text-decoration:none; color:#333333; background-color:#CCCCCC; opacity:0.7;}
@media all and (max-width:719px)
{
#os-category h2 { font-size:2.0rem;}
#os-category ul#ichirannavi li a { font-size:1.4rem;}
#os-category #middle-cc { font-size:1.8rem;}
#os-category #middle-cc br { display:inline;}
#os-category #autolist h3 { font-size:2.0rem;}
#os-category #autolist .al-box h4 { font-size:1.6rem;}
#os-category #autolist .al-box ul li { display:block; width:auto; font-size:1.4rem;}
#os-category #autolist .al-box ul li:nth-of-type(2n) { margin-left:0;}
#os-category #autolist .al-box ul.imgbox { margin:10px 0 0;}
#os-category #autolist .al-box ul.imgbox li { display:inline-block; vertical-align:top; width:49%;}
#os-category #autolist .al-box ul.imgbox li:nth-of-type(2n) { margin-left:2%;}
}

/*シーンから探すページ用(sheen.html)*/
#os-sheen {}
#os-sheen h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-sheen .sheen-list { margin:20px auto 0;}
#os-sheen .sheen-list ul { margin:0; padding:0; list-style:none; text-align:left; font-size:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;
align-items:stretch;}
#os-sheen .sheen-list ul li { width:32%; margin:0 1.5% 20px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
align-items:stretch;}
#os-sheen .sheen-list ul li:nth-of-type(3n) { margin:0 0 20px;}
#os-sheen .sheen-list ul li a { width:100%; box-sizing:border-box; margin:0; padding:19px 9px; border:#666666 1px solid; text-align:center; font-size:16px; color:#333333; background-color:#F3F3F3;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
align-items:center;
justify-content:center;}
#os-sheen .sheen-list ul li a:hover { text-decoration:none; color:#FFFFFF; background-color:#666666;}
@media all and (max-width:719px)
{
#os-sheen h2 { font-size:2.0rem;}
#os-sheen .sheen-list ul li { margin:0 1.5% 10px 0;}
#os-sheen .sheen-list ul li:nth-of-type(3n) { margin:0 0 10px;}
os-sheen .sheen-list ul li a { font-size:1.6rem;}
}
@media all and (max-width:579px)
{
#os-sheen .sheen-list ul li { width:49%; margin:0 2.0% 10px 0;}
#os-sheen .sheen-list ul li:nth-of-type(3n) { margin:0 2.0% 10px 0;}
#os-sheen .sheen-list ul li:nth-of-type(2n) { margin:0 0 10px;}
}

/*メイン色から探すページ用(maincolor.html)*/
#os-maincolor { width:100%;}
#os-maincolor h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-maincolor ul#colorchip { margin:20px auto 15px; padding:0; list-style:none; font-size:0; text-align:center;}
#os-maincolor ul#colorchip li { display:inline-block; vertical-align:top; width:48%; box-sizing:border-box; margin:0 4% 20px 0; padding:9px; border:#999999 1px solid; text-align:left;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#os-maincolor ul#colorchip li:nth-of-type(2n) { margin:0 0 20px;}
#os-maincolor ul#colorchip li h3 { margin:0 0 5px; padding:5px; border-bottom:#666666 1px dotted;}
#os-maincolor ul#colorchip li h3:hover { text-decoration:none; background-color:#F3F3F3; opacity:0.7;}
#os-maincolor ul#colorchip li h3 a { position:relative; display:block; color:#333333; font-weight:normal;}
#os-maincolor ul#colorchip li h3 a img { display:inline-block; vertical-align:middle; width:100%; max-width:40px; height:auto; margin-right:5px;}
#os-maincolor ul#colorchip li h3 a:after { position:absolute; right:0; display:inline-block; margin:0; padding:2px 10px; font-size:14px; content:"\025b6すべて見る";
-moz-border-radius:25px;    /* 古いFirefox */
-webkit-border-radius:25px; /* 古いSafari,Chrome */
border-radius:25px;         /* CSS3 */}
#os-maincolor ul#colorchip li h3:hover a:after { color:#FFFFFF; background-color:#666666;}
#os-maincolor ul#colorchip li h3 a p { display:inline-block; vertical-align:middle; font-size:16px;}
#os-maincolor ul#colorchip li > div { position:relative; width:100%; height:0; padding-top:26.0%; overflow:hidden;}
#os-maincolor ul#colorchip li > div iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
#os-maincolor #middle-cc { display:inline-block; margin:0 auto 40px; padding:8px; border:#70276C 2px solid; font-size:20px; color:#70276C;
-moz-border-radius: 10px;    /* 古いFirefox */
-webkit-border-radius: 10px; /* 古いSafari,Chrome */
border-radius: 10px;         /* CSS3 */}
#os-maincolor #middle-cc br { display:none;}
@media all and (max-width:899px)
{
#os-maincolor ul#colorchip li { display:block; width:100%; margin:0 0 20px;}
/*#os-maincolor ul#colorchip { max-width:360px;}
#os-maincolor ul#colorchip li { width:12.5%; padding:0 0.2%;}
#os-maincolor ul#colorchip li img { width:100%; height:auto;}*/
}
@media all and (max-width:719px)
{
#os-maincolor h2 { font-size:2.0rem;}
#os-maincolor ul#colorchip li { display:inline-block; width:48%; margin:0 4% 20px 0;}
#os-maincolor #middle-cc { font-size:1.8rem;}
#os-maincolor #middle-cc br { display:inline;}
}
@media all and (max-width:539px)
{
#os-maincolor ul#colorchip li { display:block; width:100%; margin:0 0 20px;}
}

/*メイン色から探すページiframe用(maincolor-post.php)*/
ul.itemlist-os li { margin:0; padding:0; box-sizing:border-box;}
ul.itemlist-os li ul { margin:0; padding:0; box-sizing:border-box; list-style:none; font-size:0;}
ul.itemlist-os { margin:0; padding:0; box-sizing:border-box; list-style:none; font-size:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
/*gap:0 10px;*/}
ul.itemlist-os > li { width:18.4%; margin:0 2% 0 0; background-color:#F3F3F3;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
align-items:stretch;}
ul.itemlist-os > li:nth-of-type(5) { margin:0;}
ul.itemlist-os > li > ul { width:100%;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
align-items:center;
justify-content:center;}
ul.itemlist-os > li > ul > li:nth-of-type(1) { width:100%; height:auto;}
ul.itemlist-os > li > ul > li:nth-of-type(1) img { width:100%; height:auto;}
ul.itemlist-os > li > ul > li:nth-of-type(2),
ul.itemlist-os > li > ul > li:nth-of-type(3),
ul.itemlist-os > li > ul > li:nth-of-type(4) { display:none;}

/*ファッションタイプから探すページ用(f-type.html)*/
#os-f_type {}
#os-f_type h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-f_type ul { margin:0; padding:0; box-sizing:border-box; list-style:none; font-size:0;}
#os-f_type ul li { position:relative; display:inline-block; vertical-align:top; width:32%; box-sizing:border-box; margin:20px 2% 0 0; border:#999999 1px solid; text-align:left;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#os-f_type ul li:nth-of-type(3n) { margin:20px 0 0;}
#os-f_type ul li a { display:block; padding:9px;}
#os-f_type ul li a:hover { text-decoration:none; opacity:0.8;}
#os-f_type ul li a img:nth-of-type(1) { float:left; width:60px; height:140px; margin:0 5px 0 0;}
#os-f_type ul li a img:nth-of-type(2) { float:left; width:40px; height:40px; margin:10px 5px 0 0;}
#os-f_type ul li a p { margin:0.5em 0 1.0em; font-size:16px; color:#333333;}
#os-f_type ul li a div { position:absolute; right:10px; bottom:10px; display:inline-block; margin:0; padding:5px 10px; font-size:16px; color:#333333; font-weight:bold; background-color:rgba(255,255,255,0.8);
-moz-border-radius:25px;    /* 古いFirefox */
-webkit-border-radius:25px; /* 古いSafari,Chrome */
border-radius:25px;         /* CSS3 */}
#os-f_type ul li a:hover div { text-decoration:none; color:#FFFFFF; font-weight:normal; background-color:#666666;}
#os-f_type ul li a div:before { display:inline; content:"\025b6";}
#os-f_type ul li a:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
}
@media all and (max-width:999px)
{
#os-f_type ul li { width:49%; margin:20px 2% 0 0;}
#os-f_type ul li:nth-of-type(3n) { margin:20px 2% 0 0;}
#os-f_type ul li:nth-of-type(2n) { margin:20px 0 0;}
}
@media all and (max-width:719px)
{
#os-f_type ul li p { font-size:1.6rem;}
#os-f_type ul li div a { font-size:1.6rem;}
}
@media all and (max-width:479px)
{
#os-f_type ul li { display:block; width:100%; margin: 20px 0 0;}
}

/*新着情報全表示用*/
#os-whatsnew { margin:0 auto 40px;}
#os-whatsnew h2 { margin:0; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
#os-whatsnew iframe { width:100%; margin:10px 0 0; padding:0 0 5px; box-sizing:border-box; border-bottom:#333333 1px solid;}

/*都度更新用*/
ul#pr220302 { position:relative; width:100%; height:auto; margin:0 0 40px; padding:0; list-style:none; font-size:0;}
ul#pr220302 li { display:inline-block; width:49%; height:auto; margin:0; padding:0;}
ul#pr220302 li:first-of-type { margin:0 2% 0 0;}
ul#pr220302 li img { width:100%; height:auto;}
ul#pr220302 li a:hover { opacity:0.7;}
@media all and (max-width:579px)
{
ul#pr220302 li { display:block; width:100%; height:auto; margin:0; padding:0;}
ul#pr220302 li:first-of-type { margin:0 0 20px;}
}
#pr220309 { margin:0 0 20px; padding:0;}
#pr220309 a { display:block; margin:0; padding:18px; border:#543E6C 2px solid;/* background:url(../img/ichiran/20220309-bg01.jpg) center right no-repeat, url(../img/ichiran/20220309-bg02.jpg) center left no-repeat; background-size:contain, contain;*/
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#pr220309 a:hover { text-decoration:none; background-color:#F7F4F9; opacity:0.7;}
#pr220309 a h2 { display:inline-block; font-size:22px; color:#543E6C;
text-shadow: 
#FFFFFF 2px 0px 5px, #FFFFFF -2px 0px 5px,
#FFFFFF 0px -2px 5px, #FFFFFF -2px 0px 5px,
#FFFFFF 2px 2px 5px, #FFFFFF -2px 2px 5px,
#FFFFFF 2px -2px 5px, #FFFFFF -2px -2px 5px,
#FFFFFF 1px 2px 5px, #FFFFFF -1px 2px 5px,
#FFFFFF 1px -2px 5px, #FFFFFF -1px -2px 5px,
#FFFFFF 2px 1px 5px, #FFFFFF -2px 1px 5px,
#FFFFFF 2px -1px 5px, #FFFFFF -2px -1px 5px,
#FFFFFF 1px 1px 5px, #FFFFFF -1px 1px 5px,
#FFFFFF 1px -1px 5px, #FFFFFF -1px -1px 5px;}
#pr220309 a h2 > p { display:inline-block;}
#pr220309 a h2 > p span { font-size:28px;}
#pr220309 a div { margin:0; padding:0; text-align:center;}
#pr220309 a div > p { display:inline-block; margin:0.5em auto 0; padding:5px 10px; color:#FFFFFF; font-size:22px; background-color:#543E6C;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
@media all and (max-width:879px)
{
#pr220309 a h2 > p { display:inline;}
}
@media all and (max-width:719px)
{
#pr220309 a h2 { font-size:2.0rem;}
#pr220309 a h2 > p { display:inline-block;}
#pr220309 a h2 > p span { font-size:2.4rem;}
#pr220309 a div > p { font-size:2.0rem;}
}
@media all and (max-width:579px)
{
#pr220309 a { padding:13px 8px;}
#pr220309 a h2 { font-size:1.6rem;}
/*#pr220309 a h2 > p { display:inline;}*/
#pr220309 a h2 > p span { display:inline-block; font-size:2.0rem;}
#pr220309 a div > p { font-size:1.6rem;}
}

/*お得なおすすめ！！用*/
#prtext220411 {}
#prtext220411 h2 { margin:0 0 15px; padding:0 0 5px; border-bottom:#333333 2px solid; text-align:center; color:#333333; font-size:20px; background-color:#FFFFFF;}
/*#prtext220411 ul { margin:0 0 40px; padding:0; list-style:none;}---文章少なめセンタリング版*/
#prtext220411 ul { margin:0 0 40px; padding:0; list-style:disc; text-align:left;}/*---文章多め左寄せリスト形式版*/
#prtext220411 ul li { margin:5px 0 0 2.0em; padding:0; border-bottom:#999999 1px dotted;}
#prtext220411 ul li:last-of-type { border-bottom:none;}
#prtext220411 ul li a { display:block; vertical-align:middle; margin:0 auto; padding:10px 5px; text-align:left; font-size:16px; color:#000000;}
#prtext220411 ul li a:hover { color:#000000; text-decoration:none; background-color:#EDEDED;}
#prtext220411 ul li a span { font-size:18px; font-weight:bold;}
#prtext220411 ul li a p { display:inline-block; vertical-align:middle; margin:0 0 2px 0.5em; padding:3px 5px; font-size:12px; color:#FFFFFF; background-color:#000000;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#prtext220411 ul li a p:before { display:inline; content:"\025b6";}
#prtext220411 ul li a:hover p { text-decoration:none; opacity:0.7;}

@media all and (max-width:719px)
{
#prtext220411 ul li a { font-size:1.6rem;}
#prtext220411 ul li a span { font-size:1.8rem;}
}

/*20230925追加分*/
.color-sample { margin:0 0 20px; padding:0; text-align:center;}
.color-sample a { display:inline-block; margin:0; padding:3px 8px; border:#004DEC 2px solid; font-size:22px; color:#FF0000; background-color:#C8FCA9;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
.color-sample a:before { display:inline; content:"\025b6";}
.color-sample a:hover { text-decoration:none; opacity:0.7;}
.color-sample a span { display:inline-block; font-size:16px;}