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

/* ------------------------------------
  add
------------------------------------ */
.article_detail h1,
.article_detail h2,
.article_detail h3,
.article_detail h4,
.article_detail h5,
.article_detail h6{margin-top:40px;margin-bottom:18px;font-weight: 400}

.article_detail h1{font-size:2.4rem;color:#5EA8DD}
.article_detail h2{font-size:2rem;color:#5EA8DD}
.article_detail h3{font-size:1.8rem;padding: 10px 15px;background-color: #ecf7fb;}
.article_detail h4{font-size:1.8rem;position: relative;display: block;border-bottom: 1px solid #ddd;}
.article_detail h5{font-size:1.8rem;color:#5EA8DD}
.article_detail h6{font-size:1.8rem;color:#5EA8DD}

.article_detail h4:before{content:"";position:absolute;left:0;bottom:-1px;width:50px;height:1px;background-color:#1d1d1d}
.article_detail figure + *{margin-top:0;}
.article_detail p + div{margin-top:20px}
.article_detail hr{margin:40px 0}
.article_detail hr + *{margin-top:0}
.article_detail .mt-be-column{flex:1;text-align:center;padding:15px}
.article_detail table{margin: 20px 0;border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;line-height:1.72;text-align:center}
.article_detail th{background-color:#ddd;border:solid 1px #bbb!important;padding:12px}
.article_detail th{box-sizing:border-box;background-color:#eee;border:solid 1px #bbb!important;padding:9px;width:240px}
.article_detail td{background-color:#fff;border:solid 1px #bbb!important;padding:9px}

.article_detail section div > h2,
.article_detail section div > h3,
.article_detail section div > h4{margin-top: 0;padding: 0;background: inherit;border: none}
.article_detail section div > h4:before{content:none}


@media screen and (min-width:641px){
/* ------------------------------------
  old
------------------------------------ */
.blogContentsDetail .blog_header{background:url(/blog/img/head_line.gif) repeat-x bottom;padding:28px 28px 36px 28px;margin-bottom:30px}
.blogContentsDetail .blog_bnr{text-align:center;padding:0 0 30px 0}
.blogContentsDetail .social_btns{line-height:20px;padding-bottom:30px}
.blogContentsDetail .social_btns .date{float:right}
.blogContentsDetail .social_btns .btns{float:left}
.blogContentsDetail .social_btns .btns>div{float:left;padding-right:10px}
.blogContentsDetail h3.question{font-size:17px;font-weight:700;line-height:27px;background-color:#e8efff;margin:20px 0 30px 0;padding:6px 20px 7px 20px}
.blogContentsDetail h3.answer{font-size:17px;font-weight:700;line-height:27px;background-color:#ffe8e8;margin:20px 0 30px 0;padding:6px 20px 7px 20px}
.blogContentsDetail h4.method{font-size:17px;font-weight:700;line-height:24px;margin-bottom:0;border-bottom:none}
.blogContentsDetail img.center{margin:0 auto 30px auto;display:block}
.blogContentsDetail img.under-subscript{margin:0 auto 10px auto;display:block}
.under-subscript{font-size:14px;display:block;text-align:center}
.blogContentsDetail img{max-width:100%;height:auto}
.blogContentsDetail p{padding-bottom:30px;font-size:1.6rem;line-height:1.75;letter-spacing:.03em}
.blogContentsDetail p2{font-size:21px;font-weight:bolder}
.blogContentsDetail .bold{font-weight:700}
.blogContentsDetail .emphasize{font-weight:700}
.blogContentsDetail .underline{text-decoration:underline}
.blogContentsDetail .red{color:#cf0000}
.blogContentsDetail .bgcolor{background-color:#ffeb7b}
.blogContentsDetail .bgcolor-02{background-color:#f7f2eb}
.blogContentsDetail .bgcolor-03{background-color:#ffe5eb}
.blogContentsDetail .highlight{background-color:#ffeb7b}
.blogContentsDetail .small{font-size:12px}
.blogContentsDetail table{width:100%;border-collapse:collapse;line-height:170%;margin-bottom:30px}
.blogContentsDetail table td,.blogContentsDetail table th{border:#ccc solid 1px;padding:10px 15px}
.blogContentsDetail table td .cap{display:block;font-size:12px}
.blogContentsDetail table td .careful{margin-top:20px;font-size:14px;text-decoration:underline;font-weight:700}
.blogContentsDetail table td .main-txt{font-size:16px;font-weight:700}
.blogContentsDetail table td .right-yukata img{float:right;max-height:150px;display:block;padding-right:20px}
.blogContentsDetail table td .yukata-line{background:url(/blog/img/information/event/0629-how-to-wear-yukata/yukata-line-image.jpg) repeat-x bottom;width:100%;padding-bottom:40px}
.blogContentsDetail table td .yukata-line p{display:block;padding-top:10px;padding-bottom:10px;border-bottom:1px #bbb dotted}
.blogContentsDetail table td .yukata-line p:first-child{padding-top:0}
.blogContentsDetail table td .yukata-line p:last-child{border-bottom:none}
.blogContentsDetail table th{width:120px;background-color:#f7f2eb;font-weight:700}
.table-fixed{table-layout:fixed}
.blogContentsDetail blockquote{border:#c1c1c1 solid 2px;border-radius:5px;background-color:#f8f8f8;padding:20px 20px 1px 20px;margin-bottom:30px}
.blogContentsDetail blockquote p{padding-bottom:20px}
.blogContentsDetail blockquote img{margin-bottom:20px}
.blogContentsDetail .blog_cta{padding:10px 0 30px 0;text-align:center}
.blogContentsDetail .blog_cta a{display:inline-block;font-size:21px;line-height:30px;color:#fff;background-color:#f70;padding:10px 0;width:500px;border-radius:5px}
.blogContentsDetail .blog_cta a:hover{text-decoration:none;opacity:.75}
.blogContentsDetail .cf:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.blogContentsDetail .form-button{background:#fb5fa0;background:-moz-linear-gradient(top,#ff8bbb,#ff7bb2 5%,#fb5fa0);background:-webkit-gradient(linear,left top,left bottom,from(#ff8bbb),color-stop(.05,#ff7bb2),to(#fb5fa0));background-color:#fb5fa0;-moz-box-shadow:0 2px 4px #c5c5c5;-webkit-box-shadow:0 2px 4px #c5c5c5;box-shadow:0 2px 4px #c5c5c5;color:#fff;display:block;width:70%;margin:.5em auto 1em;text-align:center;font-size:1.5em;border-radius:5px;text-decoration:none;cursor:pointer;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .form-button-finish{background:#ccc;background:-moz-linear-gradient(top,#f5f5f5,#ddd 5%,#ccc);background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),color-stop(.05,#ddd),to(#ccc));background-color:#ccc;border:1px solid #aaa;width:70%;margin:.5em auto 1em;padding:.5em;text-align:center;font-size:1.5em;border-radius:5px;text-decoration:none;color:#000;text-shadow:1px 1px 1px #bccccc;display:block;vertical-align:middle;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .form-button a{color:#fff;text-decoration:none;display:block;padding:.5em}
.blogContentsDetail .form-button02{background:#fb5fa0;color:#fff;display:block;width:70%;margin:0 auto;text-align:center;font-size:1.5em;border-radius:5px;text-decoration:none;cursor:pointer;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .form-button02 a{color:#fff;text-decoration:none;display:block;padding:.5em}
.blogContentsDetail .form-button a:hover{background:#ff7cb3;border-radius:5px;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .form-button-short{background:#fb5fa0;color:#fff;display:block;width:70%;text-align:center;font-size:1.5em;border-radius:5px;text-decoration:none;cursor:pointer;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .form-button-short a{color:#fff;text-decoration:none;display:block;padding:.5em}
.blogContentsDetail .form-button-short a:hover{background:#ff7cb3;border-radius:5px;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .attention{font-size:12px;display:block;text-align:center}
.blogContentsDetail .attention02{font-size:12px;display:block;text-align:left}
.blogContentsDetail .attention03{font-size:12px;display:block;text-align:left;margin:0 0 0 120px}
.blogContentsDetail p.pb10{padding-bottom:10px}
.blogContentsDetail .video-attention{font-size:14px;color:#cf0000;display:block;text-align:left;margin:-44px 0 0 60px}
.blogContentsDetail .movie-contents{width:660px;height:379px;text-align:center;margin:0 auto}
.blogContentsDetail .movie-attention{width:660px;margin:0 auto;font-size:14px;color:#cf0000;display:block;text-align:left}
.font-big{font-size:18px;line-height:1.5;text-align:center;text-decoration:underline}
.blogContentsDetail .red-frame{width:auto;display:block;border:red 1px solid;padding:10px 20px;font-size:16px;line-height:1.7}
.blogContentsDetail .black-frame{width:80%;margin-left:7%;border:#000 2px solid;padding:10px 20px;font-size:16px}
.blogContentsDetail .black-frame p{margin-left:20px;line-height:2}
.blogContentsDetail .black-frame02{width:80%;margin-left:7%;border:#000 2px solid;padding:10px 20px;font-size:16px}
.blogContentsDetail .black-frame02 p{margin-left:20px;padding-bottom:10px}
.blogContentsDetail .black-frame03{width:80%;margin-left:7%;border:#000 2px solid;padding:20px 20px;font-size:16px;line-height:1.7}
.blogContentsDetail .black-frame03 p{margin-left:20px;padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame04{width:80%;margin-left:auto;margin-right:auto;border:#000 2px solid;padding:10px 20px;font-size:16px}
.blogContentsDetail .black-frame04 p{margin-left:20px;padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame04 h3{font-size:17px;font-weight:700;line-height:27px;background-color:#ecf7fb;margin:16px 0;padding:6px 20px 7px 20px}
.blogContentsDetail .black-frame04 h4{font-size:16px;font-weight:700;line-height:25px;border-bottom:#ccc dashed 1px;padding:20px 0 4px 0;margin-bottom:10px}
.blogContentsDetail .black-frame05{width:80%;margin-left:auto;margin-right:auto;border:#000 2px solid;padding:20px 24px;font-size:14px;line-height:1.5}
.blogContentsDetail .black-frame05-red{width:80%;margin-left:auto;margin-right:auto;border:#cf0000 2px solid;padding:20px 24px;font-size:14px;line-height:1.5}
.blogContentsDetail .black-frame05 h3{font-size:17px;font-weight:700;line-height:27px;background-color:#ecf7fb;margin:16px 0;padding:6px 20px 7px 20px}
.blogContentsDetail .black-frame05 h4{font-size:15px;font-weight:700;line-height:25px;border-bottom:#ccc dashed 1px;padding:0 0 15px 0;margin-bottom:10px}
.blogContentsDetail .black-frame05 p{margin-left:20px;padding-top:10px;padding-bottom:20px}
.blogContentsDetail .black-frame05 p.point{margin-left:20px;padding-top:0;padding-bottom:36px}
.blogContentsDetail .black-frame06{width:80%;margin-left:auto;margin-right:auto;border:#000 4px solid;padding:10px 20px;font-size:16px}
.blogContentsDetail .black-frame06 p{margin-left:20px;padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame06 h3{font-size:17px;font-weight:700;line-height:27px;background-color:#ecf7fb;margin:16px 0;padding:6px 20px 7px 20px}
.blogContentsDetail .black-frame06 h4{font-size:16px;font-weight:700;line-height:25px;border-bottom:#ccc dashed 1px;padding:20px 0 4px 0;margin-bottom:10px}
.blogContentsDetail .black-frame06 span.red-name{color:#a00000;font-weight:700}
.blogContentsDetail .black-frame06 span.blue-name{color:#07c;font-weight:700}
.blogContentsDetail .black-frame06 span.green-name{color:#60bf2b;font-weight:700}
.blogContentsDetail .black-frame06 span.orange-name{color:#f60;font-weight:700}
.blogContentsDetail .black-frame07{width:80%;margin-left:auto;margin-right:auto;border:#000 1px solid;padding:10px 20px;font-size:14px;line-height:1.7}
.blogContentsDetail .black-frame07 p{margin-left:5px;padding-top:10px;padding-bottom:1px}
.blogContentsDetail .author-frame{width:100%;margin-left:auto;margin-right:auto;border:#000 1px solid;padding:17px 22px;font-size:18px;line-height:1.7;box-sizing:border-box;margin-bottom:40px}
.blogContentsDetail .author-frame p{margin:0;padding:0 0 10px 0;font-size:18px}
.blogContentsDetail .author-frame p:last-child{padding-bottom:0}
.blogContentsDetail .black-frame .movie-contents,.blogContentsDetail .black-frame02 .movie-contents,.blogContentsDetail .black-frame03 .movie-contents,.blogContentsDetail .black-frame04 .movie-contents,.blogContentsDetail .black-frame05 .movie-contents,.blogContentsDetail .black-frame06 .movie-contents{width:100%;text-align:center;margin:0 auto}
.blogContentsDetail .black-frame-bottom{width:80%;margin:0 auto;padding:6px 20px}
.blogContentsDetail .pdf-download-section{width:66%;overflow:hidden;display:block;margin:0 auto;padding:20px 0}
.blogContentsDetail .pdf-download-section .left-img{float:left;width:100px;margin-right:20px}
.blogContentsDetail .right-txt{padding-top:5%}
.blogContentsDetail .two-column{width:100%;overflow:hidden}
.blogContentsDetail .two-column .left-contents{float:left;width:44%;padding:1% 0}
.blogContentsDetail .two-column .right-contents{float:right;width:48%;padding:1% 0}
.blogContentsDetail .yukata-bg{background:url(/blog/img/information/event/0629-how-to-wear-yukata/yukata-image02.jpg) no-repeat right bottom}
.blogContentsDetail .box{padding:0 30px 20px}
.blogContentsDetail .box li{width:100%}
.blogContentsDetail .box li a{display:flex;align-items:center;padding:20px;background:#fff;box-shadow:0 .3rem 1rem hsl(0 0% 0% / 5%);margin:0 0 20px 0;color:#000;text-decoration: none;}
.blogContentsDetail .box li img{width:20%;height:20%}
.blogContentsDetail .box li p{padding-left:50px;padding-bottom: 0;}
.blogContents .general-index{text-align:center;padding-bottom:50px}
.blogContents h3.ttl_03{margin-top:40px}
.blogContents h3.ttl_03 a{color:#333;text-decoration:none;display:block}
.blogContents .category-list{margin-bottom:50px}
.blogContents .category-list ul{overflow:hidden;margin-bottom:20px}
.blogContents .category-list ul li{float:left;width:380px;background-color:#fffcf5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;border-radius:3px;border:2px solid #ebdcc9;background-image:url(/blog/img/common/icn_arrow_01.png);background-position:100% 50%;background-repeat:no-repeat;behavior:url("/blog/css/PIE.htc")}
.blogContents .category-list ul li:hover{background-color:#fff5cc}
.blogContents .category-list ul li a{padding:20px 50px 20px 20px;display:block;color:#333;font-size:19px;line-height:1.4;text-decoration:none}
.blogContents .category-list ul li:first-child{margin-right:20px}
.blogContentsDetail .two-column-recipe{width:100%;overflow:hidden}
.blogContentsDetail .two-column-recipe p{margin-top:10px;padding-bottom:10px}
.blogContentsDetail .two-column-recipe .left-menu-pic{float:left;width:200px;padding:1%}
.blogContentsDetail .two-column-recipe .left-menu-pic img{width:180px;height:180px;padding:0 20px 20px 0}
.blogContentsDetail .two-column-recipe .right-contents{float:right;width:auto;padding:1%}
.blogContentsDetail .allergen-list p{padding-bottom:10px}
.blogContentsDetail .allergen-list ul{margin-left:30px;list-style-type:square;padding-bottom:10px}
.blogContentsDetail .image-exp{margin:-60px 0 0 80px}
figcaption{text-align:center}
.blogContentsDetail .orange-form-button{background:#ff7222;color:#fff;display:block;width:70%;margin:.5em auto;text-align:center;font-size:1.5em;border-radius:5px;text-decoration:none;cursor:pointer;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .orange-form-button:hover{opacity:.8;behavior:url("/blog/css/PIE.htc")}
.blogContentsDetail .orange-form-button a{color:#fff;text-decoration:none;display:block;padding:.5em}
.blogContentsDetail p.c-red-text{font-weight:700;color:red;text-align:center;margin:0 auto;padding-bottom:0}
.image-caption{font-size:14px;display:block;text-align:left;margin:-44px 0 0 60px}
.explain-caption{display:block;text-align:left;margin:0 0 0 60px}
.blogContentsDetail p span.red-name{color:#a00000;font-weight:700}
.blogContentsDetail p span.blue-name{color:#07c;font-weight:700}
.blogContentsDetail span.green-name{color:#60bf2b;font-weight:700}
.blogContentsDetail span.orange-name{color:#f60;font-weight:700}
.bnrimg-btn:hover{opacity:.7}
.frame-list li{padding:5px 0 10px}
.user-voice{padding:30px 30px 0;border:solid 1px #ccc}
.blogContentsDetail .bottom-goods-expain-area{width:50%;overflow:hidden;background-color:#ecf7fb;padding:0 20px}
.blogContentsDetail .bottom-goods-expain-area h3{padding:18px 0 8px;margin:0}
.blogContentsDetail .bottom-goods-expain-area .left-contents{float:left;width:46%;padding:1% 0}
.blogContentsDetail .bottom-goods-expain-area .right-contents{float:right;width:48%;padding:1% 0;display:block}
.blogContentsDetail .bottom-goods-expain-area a{text-decoration:underline;color:#333}
.blogContentsDetail .bottom-goods-expain-area .left-contents h3,.blogContentsDetail .bottom-goods-expain-area .right-contents h3{margin:0 auto 10px;padding:2px 2px;text-align:left;font-size:14px;color:#fff}
.blogContentsDetail .bottom-goods-expain-area .left-contents h3 span,.blogContentsDetail .bottom-goods-expain-area .right-contents h3 span{padding:5px 10px;background-color:#f3aa27;color:#fff}
.blogContentsDetail .bottom-goods-expain-area .left-contents img{margin:0;padding:0 0 20px 6px;display:inline-block;vertical-align:middle;width:auto}
.blogContentsDetail .bottom-goods-expain-area .right-contents img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.blogContentsDetail .two-column02{width:100%;overflow:hidden;background-color:#ecf7fb}
.blogContentsDetail .two-column02 h3{padding:18px 0 8px 20px;margin:0}
.blogContentsDetail .two-column02 .left-contents{float:left;width:47%;padding:1% 0;margin-left:2%}
.blogContentsDetail .two-column02 .right-contents{float:right;width:47%;padding:1% 0;margin-right:2%}
.blogContentsDetail .two-column02 .left-contents .left-contents,.blogContentsDetail .two-column02 .right-contents .left-contents{float:left;width:46%;padding:1% 0}
.blogContentsDetail .two-column02 .left-contents .right-contents,.blogContentsDetail .two-column02 .right-contents .right-contents{float:right;width:48%;padding:1% 0;margin-right:0;display:block}
.blogContentsDetail .two-column02 .left-contents .right-contents a,.blogContentsDetail .two-column02 .right-contents .right-contents a{text-decoration:underline;color:#333}
.blogContentsDetail .two-column02 .left-contents .right-contents h3,.blogContentsDetail .two-column02 .right-contents .right-contents h3{margin:0 auto 10px;padding:2px 2px;text-align:left;font-size:14px;color:#fff}
.blogContentsDetail .two-column02 .left-contents .right-contents p,.blogContentsDetail .two-column02 .right-contents .right-contents p{padding-bottom:10px}
.blogContentsDetail .two-column02 .left-contents .right-contents p span,.blogContentsDetail .two-column02 .right-contents .right-contents p span{font-weight:700;border-bottom:#ccc dashed 1px;padding-bottom:6px;margin-bottom:10px}
.blogContentsDetail .two-column02 .left-contents .right-contents h3 span,.blogContentsDetail .two-column02 .right-contents .right-contents h3 span{padding:5px 10px;background-color:#f3aa27;color:#fff}
.blogContentsDetail .two-column02 .left-contents .right-contents h3 .green,.blogContentsDetail .two-column02 .right-contents .right-contents h3 .green{padding:5px 10px;background-color:#690;color:#fff}
.blogContentsDetail .two-column02 .left-contents .right-contents img,.blogContentsDetail .two-column02 .right-contents .right-contents img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.blogContentsDetail .related-goods-area{width:100%;overflow:hidden;background-color:#ecf7fb}
.blogContentsDetail .related-goods-area h3{padding:18px 0 8px 20px;margin:0}
.blogContentsDetail .related-goods-area .explain{width:95%;margin-left:auto;margin-right:auto}
.blogContentsDetail .related-goods-area .left-item{float:left;width:49%;padding:1% 0}
.blogContentsDetail .related-goods-area .right-item{float:left;width:49%;padding:1% 0;margin-left:1.6%}
.blogContentsDetail .related-goods-area .left-item .item-photo,.blogContentsDetail .related-goods-area .right-item .item-photo{float:left;width:46%;padding:0}
.blogContentsDetail .related-goods-area .left-item .item-overview,.blogContentsDetail .related-goods-area .right-item .item-overview{float:left;width:48%;padding:0;margin-left:4%;display:block}
.blogContentsDetail .related-goods-area .left-item .item-overview a,.blogContentsDetail .related-goods-area .right-item .item-overview a{text-decoration:underline;color:#333}
.blogContentsDetail .related-goods-area .left-item .item-overview h3,.blogContentsDetail .related-goods-area .right-item .item-overview h3{margin:0 auto 10px;padding:0;text-align:left;font-size:14px;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview p,.blogContentsDetail .related-goods-area .right-item .item-overview p{padding-bottom:10px}
.blogContentsDetail .related-goods-area .left-item .item-overview p span,.blogContentsDetail .related-goods-area .right-item .item-overview p span{font-weight:700;border-bottom:#ccc dashed 1px;padding-bottom:6px;margin-bottom:10px}
.blogContentsDetail .related-goods-area .left-item .item-overview h3 span,.blogContentsDetail .related-goods-area .right-item .item-overview h3 span{padding:4px 6px;background-color:#f3aa27;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview h3 .supli,.blogContentsDetail .related-goods-area .right-item .item-overview h3 .supli,.blogContentsDetail .two-column02 .left-contents .right-contents h3 .supli,.blogContentsDetail .two-column02 .right-contents .right-contents h3 .supli{padding:4px 6px;background-color:#1a8a66;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview h3 .redna,.blogContentsDetail .related-goods-area .right-item .item-overview h3 .redna,.blogContentsDetail .two-column02 .left-contents .right-contents h3 .redna,.blogContentsDetail .two-column02 .right-contents .right-contents h3 .redna{padding:4px 6px;background-color:#d9b;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview h3 .rednaac,.blogContentsDetail .related-goods-area .right-item .item-overview h3 .rednaac,.blogContentsDetail .two-column02 .left-contents .right-contents h3 .rednaac,.blogContentsDetail .two-column02 .right-contents .right-contents h3 .rednaac{padding:4px 6px;background-color:#427f51;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview h3 .sumimine,.blogContentsDetail .related-goods-area .right-item .item-overview h3 .sumimine,.blogContentsDetail .two-column02 .left-contents .right-contents h3 .sumimine,.blogContentsDetail .two-column02 .right-contents .right-contents h3 .sumimine{padding:4px 6px;background-color:#777;color:#fff}
.blogContentsDetail .related-goods-area .left-item .item-overview img,.blogContentsDetail .related-goods-area .right-item .item-overview img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.blogContentsDetail .related-goods-area .itemcopy{width:94%;margin:auto}
.blogContentsDetail .related-goods-area .left-itemcopy,.blogContentsDetail .related-goods-area .right-itemcopy{float:left;width:48%}
.blogContentsDetail .related-goods-area .left-itemcopy p,.blogContentsDetail .related-goods-area .right-itemcopy p{position:relative;padding-bottom:10px;padding-left:1.5em}
.blogContentsDetail .related-goods-area .left-itemcopy p:before,.blogContentsDetail .related-goods-area .right-itemcopy p:before{content:"";width:10px;height:10px;display:inline-block;background-color:#f44336;border-radius:50%;position:absolute;left:3px;top:6px}
.blogContentsDetail .blogTableContents{padding:20px;background-color:#fffcee}
.blogContentsDetail .blogTableContents h3{margin:0;padding:0;margin-bottom:10px;background-color:unset}
.blogContentsDetail .blogTableContents_ul li{margin-bottom:5px}
.blogContentsDetail .blogTableContents_ul li:hover{opacity:.7}
.blogContentsDetail .blogTableContents_ul li a{text-decoration:underline;color:#3d3223}
.blogContentsDetail .blogGoodsContents{display:flex;justify-content:center;align-items:flex-start;width:80%;margin:0 auto 20px;box-sizing:border-box;padding:30px;background-color:#fffcee}
.blogContentsDetail .blogGoodsContents_left{width:40%;padding:0 2%}
.blogContentsDetail .blogGoodsContents_left img{width:100%}
.blogContentsDetail .blogGoodsContents_right{width:60%;padding:0 2%}
.blogContentsDetail .blogGoodsContents h4{margin-bottom:10px}
.blogContentsDetail .blogGoodsContents p{padding-bottom:15px}
.blogGoodsContents_btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50px;border:1px #ecf7fb solid;width:100%;height:40px}
.blogGoodsContents_btn:hover{opacity:.7}
.blogGoodsContents_btn.pink{background-color:#ee9170}
.blogContentsDetail .blogGoodsContents_btn a{display:flex;width:100%;height:100%;text-align:center;align-items:center;color:#333;justify-content:center}
.blogContentsDetail .blogGoodsContents_btn.pink a{color:#fff}
.blogContentsDetail .blogGoodsContents_btn a:hover{text-decoration:none}
.blogContentsDetail .blogGoodsContents_btn a img{width:22px;padding-left:5px}
.blogContentsDetail .fontbold{font-family:initial;font-weight:700}
.blogContentsDetail dl{font-size:18px}
.border-bottom-dot-grey{border-bottom:dotted;border-color:#dcdcdc;border-width:1px}
.small_text{font-size:9px!important}
.inner{display:flex;justify-content:center;align-items:center}
.bb{border-bottom:solid 1px #000}
.bold{font-weight:700}
.small{font-size:14px}
.smallsp{font-size:19px}
.blue{color:#11a0ff}
.flex{display:flex;justify-content:space-around}
.user_box{width:100%;margin-bottom:20px;display:flex;align-items:center;justify-content:center}
.user_box:last-child{margin-bottom:0}
.user_box .img{width:12%;margin-right:3%}
.user_box .img img{width:100%}
.user_box .img .name{margin-top:10px;padding-bottom:0;font-size:12px;text-align:center;line-height:15px}
.user_box .voice{width:80%;margin-left:10px;position:relative;display:inline-block;padding:15px 20px;background:#fff;border:solid 2px #b8b8b8;box-sizing:border-box;border-radius:18px}
.user_box .voice::before{content:"";position:absolute;top:50%;left:-23px;margin-top:-12px;border:12px solid transparent;border-right:12px solid #fff;z-index:2}
.user_box .voice::after{content:"";position:absolute;top:50%;left:-28px;margin-top:-14px;border:14px solid transparent;border-right:14px solid #b8b8b8;z-index:1}
.user_box .voice p{padding:0;font-size:15px}
.blogTableContents.hide{margin-bottom:30px;padding:0;background-color:#fffcee;padding-bottom:30px}
.grad-wrap{position:relative}
.grad-wrap+.grad-wrap{margin-top:40px}
.grad-btn{z-index:2;position:absolute;right:0;bottom:0;left:0;width:148px;margin:auto;padding:.5em 0;border-radius:2px;background:#fb9778;color:#fff;font-size:1.2rem;text-align:center;cursor:pointer;transition:.2s ease;box-shadow:0 0 6px rgb(0 0 0 / 20%);border-radius:50px}
.grad-btn::after{content:"続きを読む"}
.grad-btn:hover{background:#fff;color:#fb9778}
.grad-item{position:relative;overflow:hidden;height:16em;padding:30px}
.grad-item p+p{margin-top:1em}
.grad-item::before{display:block;position:absolute;bottom:0;left:0;content:"";width:100%;height:6em;z-index:1;background:linear-gradient(rgba(255,255,255,0) 0,#fffcee 95%,#fffcee 100%);background:-webkit-linear-gradient(rgba(255,255,255,0) 0,#fffcee 95%,#fffcee 100%)}
.grad-trigger{display:none}
.grad-trigger:checked~.grad-btn{bottom:-1em}
.grad-trigger:checked~.grad-btn::after{content:"閉じる"}
.grad-trigger:checked~.grad-btn .fa{transform:rotate(180deg)}
.grad-trigger:checked~.grad-item{height:auto}
.grad-trigger:checked~.grad-item::before{display:none}
.black-frame_origo{width:70%;margin-left:auto;margin-right:auto;border:#e68d6f 2px solid;padding:10px 20px;font-size:14px;line-height:1.7;border-radius:20px}

.mtb10{margin-top:10px;margin-bottom:10px}.mtb20{margin-top:20px;margin-bottom:20px}.mtb30{margin-top:30px;margin-bottom:30px}.mtb40{margin-top:40px;margin-bottom:40px}.mtb50{margin-top:50px;margin-bottom:50px}.mtb60{margin-top:60px;margin-bottom:60px}.mtb70{margin-top:70px;margin-bottom:70px}.mtb80{margin-top:80px;margin-bottom:80px}.mtb90{margin-top:90px;margin-bottom:90px}.mtb100{margin-top:100px;margin-bottom:100px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mr30{margin-right:30px}.ptb10{padding-top:10px;padding-bottom:10px}.ptb20{padding-top:20px;padding-bottom:20px}.ptb30{padding-top:30px;padding-bottom:30px}.ptb40{padding-top:40px;padding-bottom:40px}.ptb50{padding-top:50px;padding-bottom:50px}.ptb60{padding-top:60px;padding-bottom:60px}.ptb70{padding-top:70px;padding-bottom:70px}.ptb80{padding-top:80px;padding-bottom:80px}.ptb90{padding-top:90px;padding-bottom:90px}.ptb100{padding-top:100px;padding-bottom:100px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}.pl10{padding-left:10px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pr10{padding-right:10px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr70{padding-right:70px}.font110{font-size:110%}.font70{font-size:70%}
}



@media screen and (max-width:640px){

/* ------------------------------------
  add
------------------------------------ */
.article_detail h1,
.article_detail h2,
.article_detail h3,
.article_detail h4,
.article_detail h5,
.article_detail h6{margin-top:20px;margin-bottom:10px;}

.article_detail h1{font-size:1.6rem;}
.article_detail h2{font-size:1.6rem;}
.article_detail h3{font-size:1.4rem;padding: 6px 12px;}
.article_detail h4{font-size:1.4rem;}
.article_detail h5{font-size:1.4rem;}
.article_detail h6{font-size:1.4rem;}
.article_detail h4:before{content:"";position:absolute;left:0;bottom:-1px;width:20px;height:1px;background-color:#1d1d1d}
.article_detail figure + *{margin-top:0;}
.article_detail p + div{margin-top:20px}
.article_detail hr{margin:40px 0}
.article_detail hr + *{margin-top:0}
.article_detail .mt-be-column{flex:1;text-align:center;padding:15px}
.article_detail table{margin: 20px 0;border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;line-height:1.72;text-align:center}
.article_detail th{background-color:#ddd;border:solid 1px #bbb!important;padding:12px}
.article_detail th{box-sizing:border-box;background-color:#eee;border:solid 1px #bbb!important;padding:9px;width:240px}
.article_detail td{background-color:#fff;border:solid 1px #bbb!important;padding:9px}

.article_detail .blogTableContents > h2,
.article_detail .blogTableContents > h3,
.article_detail .blogTableContents > h4{margin-top: 0;padding: 0;background: inherit;}
	
	

/* ------------------------------------
  old
------------------------------------ */
.blogContentsDetail .blog_header{background:url(/blog/img/head_line.gif) repeat-x bottom;padding:15px 0 25px 0;margin-bottom:30px}
.blogContentsDetail .blog_header img{width:60%;height:auto}
.blogContentsDetail .blog_bnr{text-align:center;padding:0 0 30px 0}
.blogContentsDetail .blog_bnr img{width:100%;height:auto}
.blogContentsDetail .social_btns{line-height:20px;padding-bottom:30px}
.blogContentsDetail .social_btns .date{float:right;padding-bottom:30px}
.blogContentsDetail .social_btns .btns{float:left}
.blogContentsDetail .social_btns .btns>div{float:left;padding-right:10px;margin-bottom:10px;width:280px}
.blogContentsDetail .social_btns .btns>div.tw iframe{width:100%!important;height:40px!important}
.blogContentsDetail .social_btns .btns>div.fb>div>span{width:261px!important;height:40px!important}
.blogContentsDetail .social_btns .btns>div.fb>div>span iframe{width:253px!important;height:40px!important}
.blogContentsDetail .social_btns .btns>div.ht iframe{width:230px!important;height:40px!important}
.blogContentsDetail .social_btns .btns>div.gp>div{width:130px!important;height:40px!important}
.blogContentsDetail .social_btns .btns>div.gp>div iframe{width:130px!important;height:40px!important}
.blogContentsDetail h5.center{text-align:center}
.blogContentsDetail h3.question{font-size:16px;font-weight:700;line-height:24px;background-color:#e8efff;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.blogContentsDetail h3.answer{font-size:16px;font-weight:700;line-height:24px;background-color:#ffe8e8;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.blogContentsDetail h4.method{font-size:26px;font-weight:700;line-height:30px;margin-bottom:0;border-bottom:none}
.blogContentsDetail img.center{margin:0 auto 30px;display:block}
.blogContentsDetail img{max-width:100%;height:auto}
.blogContentsDetail img.under-subscript{margin:0 auto 30px;display:block}
.blogContentsDetail p{padding-bottom:30px;/*font-size:25px;*/line-height:1.75;letter-spacing:.03em}
.blogContentsDetail a{color:#5EA8DD}
.blogContentsDetail .bold{font-weight:700}
.blogContentsDetail .red{color:#cf0000}
.blogContentsDetail .bgcolor{background-color:#ffeb7b}
.blogContentsDetail .bgcolor-03{background-color:#ffe5eb}
.blogContentsDetail .highlight{background-color:#ffeb7b}
.blogContentsDetail .emphasize{font-weight:700}
.blogContentsDetail .underline{text-decoration:underline}
.blogContentsDetail .small{font-size:21px}
.blogContentsDetail table{width:100%;border-collapse:collapse;line-height:170%;margin-bottom:30px}
.blogContentsDetail table td,.blogContentsDetail table th{border:#ccc solid 1px;padding:10px 15px}
.blogContentsDetail table td .cap{display:block;font-size:.8em}
.blogContentsDetail table td .right-yukata img{float:right;display:block;padding-right:20px}
.blogContentsDetail table td .yukata-line{background:url(/blog/img/information/event/0629-how-to-wear-yukata/yukata-line-image.jpg) repeat-x bottom;width:100%;padding-bottom:40px}
.blogContentsDetail table td .yukata-line p{display:block;padding-top:10px;padding-bottom:10px;border-bottom:1px #bbb dotted}
.blogContentsDetail table td .yukata-line p:first-child{padding-top:0}
.blogContentsDetail table td .yukata-line p:last-child{border-bottom:none}
.blogContentsDetail table th{width:120px;background-color:#f7f2eb;font-weight:700}
.table-fixed{table-layout:fixed}
.blogContentsDetail blockquote{border:#c1c1c1 solid 2px;border-radius:5px;background-color:#f8f8f8;padding:20px 20px 1px 20px;margin-bottom:30px}
.blogContentsDetail blockquote p{padding-bottom:20px}
.blogContentsDetail blockquote img{margin-bottom:20px}
.blogContentsDetail .blog_cta{padding:10px 0 30px 0;text-align:center}
.blogContentsDetail .blog_cta a{display:inline-block;font-size:26px;line-height:30px;color:#fff;background-color:#f70;padding:20px 0;width:500px;border-radius:5px;font-weight:700;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContentsDetail .blog_cta a:hover{text-decoration:none;opacity:.75}
.blogContentsDetail .cf:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
#pankuzu{font-size:18px;line-height:28px;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;margin-bottom:80px;color:#ccc;padding:15px 20px}
#pankuzu span{color:#555}
#pankuzu a span{color:#07c}
#pankuzu>span{padding:0 5px}
#pankuzu>span:first-child{padding-left:0}
.form-button{background:#fb5fa0;background:-moz-linear-gradient(top,#ff8bbb,#ff7bb2 5%,#fb5fa0);background:-webkit-gradient(linear,left top,left bottom,from(#ff8bbb),color-stop(.05,#ff7bb2),to(#fb5fa0));-moz-box-shadow:0 2px 4px #c5c5c5;-webkit-box-shadow:0 2px 4px #c5c5c5;box-shadow:0 2px 4px #c5c5c5;border:1px solid #f70;margin:0 auto;color:#fff;font-weight:700;cursor:pointer;border-radius:6px;font-size:40px;display:block;position:relative;text-align:center;width:80%;behavior:url("/blog/common_assets/s/blog/css/PIE.htc");margin-bottom:5%}
.form-button-finish{background:#ccc;background:-moz-linear-gradient(top,#f5f5f5,#ddd 5%,#ccc);background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),color-stop(.05,#ddd),to(#ccc));border:1px solid #aaa;margin:0 auto 30px;padding:12px 45px 10px 45px;color:#000;font-weight:700;border-radius:6px;font-size:40px;text-shadow:1px 1px 1px #bccccc;display:block;text-align:center;width:80%;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.form-button a{display:block;padding:2%;color:#fff}
.blogContentsDetail .form-button-short{background:-moz-linear-gradient(top,#ff8bbb,#ff7bb2 5%,#fb5fa0);background:-webkit-gradient(linear,left top,left bottom,from(#ff8bbb),color-stop(.05,#ff7bb2),to(#fb5fa0));-moz-box-shadow:0 2px 4px #c5c5c5;-webkit-box-shadow:0 2px 4px #c5c5c5;box-shadow:0 2px 4px #c5c5c5;border:1px solid #f70;margin:0 auto;color:#fff;font-weight:700;cursor:pointer;border-radius:6px;font-size:40px;display:block;position:relative;text-align:center;width:80%;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContentsDetail .form-button-short a{color:#fff;text-decoration:none;display:block;padding:.5em}
.blogContentsDetail .form-button-short a:hover{background:#ff7cb3;border-radius:5px}
.blogContentsDetail .attention{font-size:24px;display:block;padding-top:20px;text-align:center}
.blogContentsDetail .attention02{font-size:24px;display:block;padding-top:20px;text-align:left}
.blogContentsDetail .attention03{font-size:24px;display:block;padding-top:20px;text-align:left}
.blogContentsDetail p.pb10{padding-bottom:10px}
.blogContentsDetail .video-attention{font-size:24px;color:#cf0000;display:block;text-align:left;margin:-44px 0 0 0}
.blogContentsDetail .movie-contents{width:100%;height:379px;text-align:center;margin:0 auto}
.blogContentsDetail .movie-attention{width:100%;text-align:center;margin:0 auto;font-size:14px;color:#cf0000;display:block;text-align:left}
.blogContentsDetail .mt50{margin-top:50px}
.blogContentsDetail .red-frame{width:auto;display:block;border:red 1px solid;padding:10px 20px;font-size:23px;line-height:1.7}
.blogContentsDetail .black-frame{width:96%;margin:0 auto;border:#000 2px solid;padding:10px;}
.blogContentsDetail .black-frame p{margin-left:20px;line-height:2}
.blogContentsDetail .black-frame02{width:80%;margin-left:7%;border:#000 2px solid;padding:10px 20px}
.blogContentsDetail .black-frame02 p{margin-left:20px;padding-bottom:10px}
.blogContentsDetail .black-frame03{width:100%;margin-left:0;border:#000 2px solid;padding:10px 20px}
.blogContentsDetail .black-frame03 p{/*margin-left:20px;*/padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame04{width:90%;margin-left:auto;margin-right:auto;border:#000 2px solid;padding:10px 20px}
.blogContentsDetail .black-frame04 p{margin-left:20px;padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame04 h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.blogContentsDetail .black-frame04 h4{font-size:30px;font-weight:700;line-height:34px;border-bottom:#ccc dashed 1px;padding:0 0 15px 0;margin-bottom:22px}
.blogContentsDetail .black-frame05{margin-left:auto;margin-right:auto;border:#000 2px solid;padding:10px 20px}
.blogContentsDetail .black-frame05 h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.blogContentsDetail .black-frame05 p{margin-left:20px;padding-top:10px;padding-bottom:20px}
.blogContentsDetail .black-frame05 p.point{margin-left:20px;padding-top:0;padding-bottom:36px}
.blogContentsDetail .black-frame06{width:90%;margin-left:auto;margin-right:auto;border:#000 2px solid;padding:10px 20px}
.blogContentsDetail .black-frame06 p{margin-left:20px;padding-top:10px;padding-bottom:10px}
.blogContentsDetail .black-frame06 h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.blogContentsDetail .black-frame06 h4{font-size:30px;font-weight:700;line-height:34px;border-bottom:#ccc dashed 1px;padding:0 0 15px 0;margin-bottom:22px}
.blogContentsDetail .black-frame06 span.red-name{color:#a00000;font-weight:700}
.blogContentsDetail .black-frame06 span.blue-name{color:#07c;font-weight:700}
.blogContentsDetail .black-frame06 span.green-name{color:#60bf2b;font-weight:700}
.blogContentsDetail .black-frame06 span.orange-name{color:#f60;font-weight:700}
.blogContentsDetail .black-frame07{width:100%;margin-left:auto;margin-right:auto;border:#000 1px solid;padding:10px 20px}
.blogContentsDetail .black-frame07 p{margin-left:20px;padding-top:10px;padding-bottom:20px}
.blogContentsDetail .author-frame{width:100%;margin-left:auto;margin-right:auto;border:#000 1px solid;padding:30px 30px;font-size:18px;line-height:1.7;box-sizing:border-box;margin-bottom:40px}
.blogContentsDetail .author-frame p:last-child{padding-bottom:0}
.blogContentsDetail .black-frame .movie-contents,.blogContentsDetail .black-frame02 .movie-contents,.blogContentsDetail .black-frame03 .movie-contents,.blogContentsDetail .black-frame04 .movie-contents,.blogContentsDetail .black-frame05 .movie-contents,.blogContentsDetail .black-frame06 .movie-contents{width:100%;text-align:center;margin:0 auto}
.blogContentsDetail .pdf-download-section{width:96%;overflow:hidden;display:block;margin:0 auto;padding:20px 0}
.blogContentsDetail .pdf-download-section .left-img{float:left;width:100px;margin-right:20px}
.blogContentsDetail .right-txt{padding-top:5%}
.blogContentsDetail .two-column{width:100%;overflow:hidden;font-size:30px}
.blogContentsDetail .two-column .left-contents{float:none;padding:1%}
.blogContentsDetail .two-column .right-contents{float:none;padding:1%}
.blogContentsDetail .two-column .right-contents .yukata-bg{background:url(/blog/img/information/event/0629-how-to-wear-yukata/yukata-image02.jpg) no-repeat right bottom}
.blogContentsDetail .box{padding:0}
.blogContentsDetail .box li{width:100%}
.blogContentsDetail .box li a{display:flex;padding:20px;background:#fff;box-shadow:0 .3rem 1rem hsl(0 0% 0% / 5%);margin:0 0 20px 0;color:#000}
.blogContentsDetail .box li img{width:40%;height:40%}
.blogContentsDetail .box li p{width:60%;padding-left:20px;}
.blogContents .general-index-title img{width:90%;margin:0 auto;padding:0 5%}
.blogContents .general-index img{width:93%;padding:0 3.5%;margin:0 auto 36px;display:block}
.blogContents .category{display:block;overflow:hidden}
.category ul.two{margin-bottom:20px}
.category ul.two li{float:left;width:45.3%;margin-left:3.1%;margin-bottom:20px}
.category ul.two li a{height:86px;display:block;line-height:86px;color:#000;font-size:26px;font-weight:700;background:#fff7e5 url(/blog/common_assets/s/common/images/link_mr3.png) no-repeat right center;padding-left:30px;border:2px #ba9 solid;border-radius:10px;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContents .general{margin:30px 2.5%;border:2px #ba9 solid;border-radius:10px;display:block;overflow:hidden;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContents .general li a{border-top:2px #ba9 solid;display:block;line-height:1.4;color:#000;font-size:24px;font-weight:700;background:url(/blog/common_assets/s/common/images/link_mr3.png) no-repeat right center;padding:30px 60px 30px 30px}
.blogContents .general li:first-child a{border:none}
.general li:first-child{background-color:#fff7e5}
.general li{background-color:#fff}
.general .btnLst li:hover{background-color:#fff7e5}
.blogContentsDetail .two-column-recipe{width:100%;overflow:hidden;font-size:24px}
.blogContentsDetail .two-column-recipe p{margin-top:10px;padding-bottom:10px}
.blogContentsDetail .two-column-recipe .left-menu-pic{float:left;width:240px;padding:1%}
.blogContentsDetail .two-column-recipe .left-menu-pic img{width:220px;height:220px;padding:0 20px 20px 0}
.blogContentsDetail .two-column-recipe .right-contents{float:right;width:auto;padding:1%}
.blogContentsDetail p.users-voice{border-bottom:2px dotted #b8b8b8;padding-bottom:20px;margin-bottom:20px}
.blogContentsDetail .allergen-list p{padding-bottom:10px}
.blogContentsDetail .allergen-list ul{margin-left:30px;list-style-type:square;padding-bottom:10px}
.blogContentsDetail .image-exp{margin:-60px 0 0 0;text-align:center}
figcaption{text-align:center}
.blogContentsDetail .orange-form-button{background:#ff7222;background:-moz-linear-gradient(top,#ec7d3e,#fe7a2f 5%,#ff7222);background:-webkit-gradient(linear,left top,left bottom,from(#ec7d3e),color-stop(.05,#fe7a2f),to(#ff7222));-moz-box-shadow:0 2px 4px #c5c5c5;-webkit-box-shadow:0 2px 4px #c5c5c5;box-shadow:0 2px 4px #c5c5c5;border:1px solid #f70;margin:0 auto;color:#fff;font-weight:700;cursor:pointer;border-radius:6px;font-size:40px;display:block;position:relative;text-align:center;width:80%;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContentsDetail .orange-form-button:hover{opacity:.8;behavior:url("/blog/common_assets/s/blog/css/PIE.htc")}
.blogContentsDetail .orange-form-button a{display:block;padding:2%;color:#fff}
.blogContentsDetail p.c-red-text{font-weight:700;color:red;text-align:center;margin:0 auto}
.image-caption{font-size:24px;display:block;text-align:left;margin:-44px 0 0 0}
.image-caption02{font-size:24px;display:block;text-align:left;margin:-44px 0 0 0}
.text-center{text-align:center}
.explain-caption{display:block;text-align:center}
.blogContentsDetail .two-column{width:100%;overflow:hidden}
.blogContentsDetail .two-column .left-contents{float:left;width:44%;padding:1%}
.blogContentsDetail .two-column .right-contents{float:right;width:48%;padding:1%}
.blogContentsDetail p span.red-name{color:#a00000;font-weight:700}
.blogContentsDetail p span.blue-name{color:#07c;font-weight:700}
.blogContentsDetail span.green-name{color:#60bf2b;font-weight:700}
.blogContentsDetail span.orange-name{color:#f60;font-weight:700}
.blogContentsDetail .sp-box{width:100%;word-break:break-all}
.frame-list li{padding:5px 0 10px}
.user-voice{padding:30px 30px 0;border:solid 1px #ccc}
.scroll-anchor{padding-top:100px;margin-top:-100px}
.bottom-goods-expain-area{width:100%;overflow:hidden;background-color:#ecf7fb;margin:0 auto}
.bottom-goods-expain-area h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.bottom-goods-expain-area .left-contents{float:left;width:45%;padding:1% 1% 1% 3%}
.bottom-goods-expain-area .right-contents{float:right;width:45%;padding:1% 2.2% 1% 1%}
.bottom-goods-expain-area .left-contents img{width:100%}
.bottom-goods-expain-area a .right-contents{text-decoration:none;color:#333}
.bottom-goods-expain-area .right-contents h3{margin:20px 0;padding:0;max-width:294px;font-size:22px}
.bottom-goods-expain-area .right-contents h3 span{padding:5px 20px;text-align:left;color:#fff;background-color:#f3aa27;text-decoration:none}
.bottom-goods-expain-area .right-contents h3 .green{padding:5px 20px;text-align:left;color:#fff;background-color:#690;text-decoration:none}
.bottom-goods-expain-area .right-contents p{margin:0 0;padding:5px 0;text-align:left;max-width:294px}
.bottom-goods-expain-area .right-contents p span{font-weight:700;border-bottom:#ccc dashed 1px;padding-bottom:6px;margin-bottom:10px}
.bottom-goods-expain-area .right-contents span{text-decoration:underline;color:#333}
.bottom-goods-expain-area .right-contents img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.two-column02{width:100%;overflow:hidden;background-color:#ecf7fb;margin:0 auto}
.two-column02 h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.two-column02 .left-contents{float:left;width:50%;padding:1% 1% 1% 20px}
.two-column02 .right-contents{float:right;width:50%;padding:1% 20px 1% 1%}
.two-column02 .left-contents .left-contents,.two-column02 .right-contents .left-contents{float:none;width:96%;padding:1%}
.two-column02 .left-contents .left-contents img,.two-column02 .right-contents .left-contents img{width:100%;margin-bottom: 10px;}
.two-column02 .left-contents .right-contents,.two-column02 .right-contents .right-contents{float:none;width:96%;padding:1%;margin-bottom:30px;display:block}
.two-column02 .left-contents a .right-contents,.two-column02 .right-contents a .right-contents{text-decoration:none;color:#333}
.two-column02 .left-contents .right-contents h3,.two-column02 .right-contents .right-contents h3{margin:0 0 5px;padding:0;max-width:294px;/*font-size:22px*/font-size: 1.4rem;}
.two-column02 .left-contents .right-contents h3 span,.two-column02 .right-contents .right-contents h3 span{padding:5px;text-align:left;color:#fff;background-color:#f3aa27;text-decoration:none;display: inline-block;font-size: 1.2rem}
.two-column02 .left-contents .right-contents h3 .green,.two-column02 .right-contents .right-contents h3 .green{padding:5px 20px;text-align:left;color:#fff;background-color:#690;text-decoration:none}
.two-column02 .left-contents .right-contents p,.two-column02 .right-contents .right-contents p{margin:0 0;padding:5px 0;text-align:left;max-width:294px}
.two-column02 .left-contents .right-contents p span,.two-column02 .right-contents .right-contents p span{font-weight:700;border-bottom:#ccc dashed 1px;padding-bottom:6px;margin-bottom:10px}
.two-column02 .left-contents .right-contents span,.two-column02 .right-contents .right-contents span{text-decoration:underline;color:#333}
.two-column02 .left-contents .right-contents img,.two-column02 .right-contents .right-contents img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.related-goods-area{width:100%;overflow:hidden;background-color:#ecf7fb;margin:0 auto}
.related-goods-area h3{font-size:26px;font-weight:700;line-height:30px;background-color:#ecf7fb;margin:20px 0 30px 0;padding:12px 20px 12px 20px}
.related-goods-area .explain{width:94%;margin-left:auto;margin-right:auto;overflow:hidden}
.related-goods-area .left-item{float:left;width:48%;padding:1% 0}
.related-goods-area .right-item{float:left;width:48%;padding:1% 0;margin-left:3%}
.related-goods-area .left-item .item-photo,.related-goods-area .right-item .item-photo{float:none;width:96%;padding:1%}
.related-goods-area .left-item .item-photo img,.related-goods-area .right-item .item-photo img{width:100%}
.related-goods-area .left-item .item-overview,.related-goods-area .right-item .item-overview{float:none;width:96%;padding:1%;margin-bottom:30px;display:block}
.related-goods-area .left-item a .item-overview,.related-goods-area .right-item a .item-overview{text-decoration:none;color:#333}
.related-goods-area .left-item .item-overview h3,.related-goods-area .right-item .item-overview h3{margin:0;padding:0;max-width:294px;font-size:16px}
.related-goods-area .left-item .item-overview h3 span,.related-goods-area .right-item .item-overview h3 span{padding:6px;text-align:left;color:#fff;background-color:#f3aa27;text-decoration:none}
.related-goods-area .left-item .item-overview h3 .green,.related-goods-area .right-item .item-overview h3 .green,.two-column02 .left-contents .right-contents h3 .green,.two-column02 .right-contents .right-contents h3 .green{padding:5px 20px;text-align:left;color:#fff;background-color:#690;text-decoration:none}
.related-goods-area .left-item .item-overview h3 .supli,.related-goods-area .right-item .item-overview h3 .supli,.two-column02 .left-contents .right-contents h3 .supli,.two-column02 .right-contents .right-contents h3 .supli{padding:6px;text-align:left;color:#fff;background-color:#1a8a66;text-decoration:none}
.related-goods-area .left-item .item-overview h3 .redna,.related-goods-area .right-item .item-overview h3 .redna,.two-column02 .left-contents .right-contents h3 .redna,.two-column02 .right-contents .right-contents h3 .redna{padding:6px;text-align:left;color:#fff;background-color:#d9b;text-decoration:none}
.related-goods-area .left-item .item-overview h3 .rednaac,.related-goods-area .right-item .item-overview h3 .rednaac,.two-column02 .left-contents .right-contents h3 .rednaac,.two-column02 .right-contents .right-contents h3 .rednaac{padding:6px;text-align:left;color:#fff;background-color:#427f51;text-decoration:none}
.related-goods-area .left-item .item-overview h3 .sumimine,.related-goods-area .right-item .item-overview h3 .sumimine,.two-column02 .left-contents .right-contents h3 .sumimine,.two-column02 .right-contents .right-contents h3 .sumimine{padding:6px;text-align:left;color:#fff;background-color:#777;text-decoration:none}
.related-goods-area .left-item .item-overview p,.related-goods-area .right-item .item-overview p{margin:0 0;padding:5px 0;text-align:left;max-width:294px}
.related-goods-area .left-item .item-overview p span,.related-goods-area .right-item .item-overview p span{font-weight:700;border-bottom:#ccc dashed 1px;padding-bottom:6px;margin-bottom:10px}
.related-goods-area .left-item .item-overview span,.related-goods-area .right-item .item-overview span{text-decoration:underline;color:#333}
.related-goods-area .left-item .item-overview img,.related-goods-area .right-item .item-overview img{margin:0;padding:0 0 0 6px;display:inline-block;vertical-align:middle;height:14px;width:auto}
.blogContentsDetail .related-goods-area .itemcopy{width:94%;margin:auto}
.blogContentsDetail .related-goods-area .left-itemcopy,.blogContentsDetail .related-goods-area .right-itemcopy{float:left;width:48%}
.blogContentsDetail .related-goods-area .left-itemcopy p,.blogContentsDetail .related-goods-area .right-itemcopy p{position:relative;padding-bottom:10px;padding-left:1em;text-align:left}
.blogContentsDetail .related-goods-area .left-itemcopy p:before,.blogContentsDetail .related-goods-area .right-itemcopy p:before{content:"";width:20px;height:20px;display:inline-block;background-color:#f44336;border-radius:50%;position:absolute;left:3px;top:6px}
.blogContentsDetail .blogTableContents{padding:30px;background-color:#fffcee}
.blogContentsDetail .blogTableContents h3{margin:0;padding:0;margin-bottom:20px;background-color:unset}
.blogContentsDetail .blogTableContents_ul li{margin-bottom:10px}
.blogContentsDetail .blogTableContents_ul li:hover{opacity:.7}
.blogContentsDetail .blogTableContents_ul li a{text-decoration:underline;color:#3d3223}
.blogContentsDetail .blogGoodsContents{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;margin:0 auto 20px;box-sizing:border-box;padding:20px;background-color:#fffcee}
.blogContentsDetail .blogGoodsContents_left{width:100%;padding:0 2%;margin-bottom:0px;text-align:center}
.blogContentsDetail .blogGoodsContents_left img{/*max-width:100%;max-width:100%*/max-width:80%;}
.blogContentsDetail .blogGoodsContents_right{width:100%;padding:0 2%}
.blogContentsDetail .blogGoodsContents h4{/*padding-bottom:25px*/padding-bottom:0}
.blogContentsDetail .blogGoodsContents p{padding-bottom:15px}
.blogGoodsContents_btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50px;border:1px #ecf7fb solid;max-width:500px;height:50px;margin:0 auto}
.blogGoodsContents_btn.pink{background-color:#ee9170}
.blogGoodsContents_btn:hover{opacity:.7}
.blogContentsDetail .blogGoodsContents_btn a{display:flex;width:100%;height:100%;text-align:center;align-items:center;color:#333;justify-content:center}
.blogContentsDetail .blogGoodsContents_btn.pink a{color:#fff;text-decoration: none;}
.blogContentsDetail .blogGoodsContents_btn a:hover{text-decoration:none}
.blogContentsDetail .blogGoodsContents_btn a img{width:44px;padding-left:20px}
.blogContentsDetail .fontbold{font-family:initial;font-weight:700}
.border-bottom-dot-grey{border-bottom:dotted;border-color:#dcdcdc;border-width:1px}
a:hover img{opacity:.6;transition-duration:.3s}
.flex{display:flex;flex-wrap:wrap;justify-content:space-around}
.user_box{width:100%;margin-bottom:20px;display:flex;justify-content:center}
.user_box:last-child{margin-bottom:0}
.user_box .img{width:18%;max-width:150px;margin-right:2%}
.user_box .img img{width:100%}
.user_box .img .name{margin-top:13px;padding-bottom:0;font-size:.6em;text-align:center;}
.user_box .voice{width:80%;margin-left:10px;display:flex;align-items:center;position:relative;padding:15px 20px;background:#fff;border:solid 2px #b8b8b8;box-sizing:border-box;border-radius:18px}
.user_box .voice::before{content:"";position:absolute;top:60px;left:-23px;margin-top:-12px;border:12px solid transparent;border-right:12px solid #fff;z-index:2}
.user_box .voice::after{content:"";position:absolute;top:60px;left:-28px;margin-top:-14px;border:14px solid transparent;border-right:14px solid #b8b8b8;z-index:1}
.user_box .voice p{padding:0;font-size: 1.2rem;}
.blogTableContents.hide{margin-bottom:50px;padding:0;background-color:#fffcee;padding-bottom:30px}
.grad-wrap{position:relative}
.grad-wrap+.grad-wrap{margin-top:40px}
.grad-btn{z-index:2;position:absolute;right:0;bottom:0;left:0;width:260px;margin:auto;padding:.5em 0;border-radius:2px;background:#fb9778;color:#fff;font-size:1.7rem;text-align:center;cursor:pointer;transition:.2s ease;box-shadow:0 0 6px rgb(0 0 0 / 20%);border-radius:50px}
.grad-btn::after{content:"続きを読む"}
.grad-item{position:relative;overflow:hidden;height:21em;padding:30px}
.grad-item p+p{margin-top:1em}
.grad-item::before{display:block;position:absolute;bottom:0;left:0;content:"";width:100%;height:6em;z-index:1;background:linear-gradient(rgba(255,255,255,0) 0,#fffcee 95%,#fffcee 100%);background:-webkit-linear-gradient(rgba(255,255,255,0) 0,#fffcee 95%,#fffcee 100%)}
.grad-trigger{display:none}
.grad-trigger:checked~.grad-btn{bottom:-2em}
.grad-trigger:checked~.grad-btn::after{content:"閉じる"}
.grad-trigger:checked~.grad-btn .fa{transform:rotate(180deg)}
.grad-trigger:checked~.grad-item{height:auto}
.grad-trigger:checked~.grad-item::before{display:none}
.black-frame_origo{width:100%;margin-left:auto;margin-right:auto;border:#e68d6f 2px solid;padding:10px 20px;font-size:12px;line-height:1.7;border-radius:20px}
.black-frame_origo > p {padding-bottom: 0;}
.column .column-contents-txt .two-column02 > h3 {padding: 20px 20px 10px;margin-bottom: 0;}
	
.mtb10{margin-top:10px;margin-bottom:10px}.mtb20{margin-top:20px;margin-bottom:20px}.mtb30{margin-top:30px;margin-bottom:30px}.mtb40{margin-top:40px;margin-bottom:40px}.mtb50{margin-top:50px;margin-bottom:50px}.mtb60{margin-top:60px;margin-bottom:60px}.mtb70{margin-top:70px;margin-bottom:70px}.mtb80{margin-top:80px;margin-bottom:80px}.mtb90{margin-top:90px;margin-bottom:90px}.mtb100{margin-top:100px;margin-bottom:100px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mr30{margin-right:30px}.ptb10{padding-top:10px;padding-bottom:10px}.ptb20{padding-top:20px;padding-bottom:20px}.ptb30{padding-top:30px;padding-bottom:30px}.ptb40{padding-top:40px;padding-bottom:40px}.ptb50{padding-top:50px;padding-bottom:50px}.ptb60{padding-top:60px;padding-bottom:60px}.ptb70{padding-top:70px;padding-bottom:70px}.ptb80{padding-top:80px;padding-bottom:80px}.ptb90{padding-top:90px;padding-bottom:90px}.ptb100{padding-top:100px;padding-bottom:100px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}.pl10{padding-left:10px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pr10{padding-right:10px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr70{padding-right:70px}.font70{font-size:70%}
}