/*	fadein */
.fadein {-webkit-animation:fadeIn 2s ease 0s 1 normal;animation:fadeIn 2s ease 0s 1 normal;}
@keyframes fadeIn {0% {opacity:0}100% {opacity:1}}
@-webkit-keyframes fadeIn {0% {opacity:0}100% {opacity:1}}
/*
font-family: 'Birthstone', serif;
font-family: 'Kaisei Decol', serif;
font-family: 'Noto Serif JP', serif;
*/

body {margin: 0;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
img{max-width:100%;height:auto;vertical-align: bottom;}
.clearfix::after{content: "";display: block;clear: both;}
.main a {text-decoration: none;}
html {font-size:62.5%;}
body {font-size: 1.4rem;color: #2c2c2c;}
.clearfix::after {content:'';display:block;clear:both;}
.camHeader {border-bottom: 1px solid #ccc;margin-bottom: 5px;}
.camHeader p {max-width: 960px;margin: 0 auto;}
.navitopicpath_ {max-width: 960px;margin: 3px auto;}
.navitopicpath_ > span a {background: url(//img.e87.com/img/usr/s/topicpath_bg.gif) right center no-repeat;padding-right: 16px;}
/*header */
.h1_box { background: #f4828c; color: #fff;}
.h1_box h1 {width: 960px;margin: 0 auto;font-size: 18px;padding: 8px 0 5px;line-height: 18px;}
.header_ttl_outer{width: 960px;height: 400px;margin: 0 auto;background: url(//img.e87.com/campaign/2022images/main_04.jpg) top center no-repeat;}
.header_ttl_box {width: 48%;height: 100%;background: url(//img.e87.com/campaign/2022images/main_ttl_bg.png) center center no-repeat;margin-left: 50%;background-size:cover;padding-right: 2%;}
.header_ttl_eng {text-align: center;font-family: 'Birthstone', cursive;font-size: 52px;display: inline-block;width: 100%;margin: 105px 0 10px;line-height: 1;color:#f4828c;}
.header_monthly_ttl {text-align: center;color: #836757;font-size: 48px;font-weight: 500;font-family: 'Kaisei Decol', serif;}
.header_monthly_flower {text-align: center;font-size: 44px;font-family: 'Kaisei Decol', serif;line-height: 68px;color: #836757;}
.header_monthly_eng {text-align: center;font-size: 32px;line-height: 70px;}
/* main */
article.main { max-width: 960px; margin: 0 auto;}
section.trivia {margin: 30px 0;}
.trivia_txt {padding: 20px 30px;font-size: 18px;line-height: 1.5;background: #fdfaf3;border-radius: 10px;font-family: 'Kaisei Decol', serif;
}
span.trivia_txt_bold {font-weight: bold;}
/*wallpaper */
.h2_outer {margin-bottom: 10px;}
.h2_outer .h2_eng {font-family: 'Birthstone', serif;font-size: 48px;color: #e6dabd;text-align: center;position: relative;padding-bottom: 45px;}
.h2_outer .h2_eng:after {content: "";position: absolute;width: 260px;height: 43px;background: url(//img.e87.com/campaign/2022images/ttl_bg.png)no-repeat;left: 50%;bottom: 3px;transform: translate(-50%, 0);}
.h2_txt{font-family: 'Kaisei Decol', serif;font-size: 36px;font-weight: 500;color: #836757;text-align: center;}
.wall_bg {background: #fdfaf3;padding: 20px 30px 30px;}
.wall_bg .h3_txt {font-family: 'Kaisei Decol', serif;font-size: 28px;font-weight: 500;transform: rotate( 0.03deg );color: #836757;text-align: center;border-bottom: 1px solid #836757;}
.wall_outer {display: flex;align-items: center;margin-top: 10px;}
.wall_pic_box {width: 280px;padding: 20px 10px 0;}
p.wall_pic {background: #fff;border: 1px solid #f4828c;}
p.wall_pic:hover {opacity: 0.8;}
.wall_pic_btn {text-align: center;margin-top: 15px;background: #fff;color: #f4828c;padding: 6px 0 8px;font-family: 'Kaisei Decol', serif;font-size: 21px;font-weight: 700;border-radius: 22px;border: 2px solid #f4828c;}
.wall_pic_btn:hover, .item_info .btn:hover {background: #fdfaf3;}
.wall_attention {margin-left: 50px;width: 550px;}
.wall_attention h4 {font-size: 20px;font-family: 'Kaisei Decol', serif;margin: 20px 0 5px;color: #ff319f;position: relative;z-index: 2;}
.wall_attention h4:before {content: "";position: absolute;width: 40px;height: 65px;background: url(//img.e87.com/campaign/2022images/wall_ttl_bg.png)no-repeat;left: -25px;top: -12px;z-index: -1;}
.attention_txt {line-height: 1.6;font-size: 15px;padding-left: 20px;}
.attention_txt2 {padding-top: 30px;line-height: 1.5;}

/*farmer*/
section#farmer {margin-top: 40px;}
section#farmer br {display: none;}
.farmer_outer {position: relative;padding: 15px 0;}
.farmer_img img {width: 100%;height: auto;max-width: 720px;}
.farmer_txt {background: #dcf3e4;padding: 6px 15px 9px;line-height: 1;color: #594438;font-family: 'Kaisei Decol', serif;font-size: 18px;transform: rotate( 0.03deg );font-weight: 600;}
.farmer_outer.left .farmer_txt {position: absolute;bottom: 35px;right: 0;}
.farmer_outer.right {position: relative;overflow: hidden;clear: both;}
.farmer_outer.right p.farmer_img {float: right;top: 0;right: 0;}
.farmer_outer.right .farmer_txt {float: left;position: absolute;bottom: 35px;}
.farmer .pickup {padding-top: 30px;}


/*pickup*/
section#pickup {margin-top: 30px;}
.commment {font-family: 'Kaisei Decol', serif;font-size: 19px;transform: rotate( 0.03deg );color: #836757;margin-bottom: 20px;text-align: center;}
.pickup_outer {display: flex;margin-top:30px;}
.pickup_box {display: flex;margin-bottom: 20px;}
.pickup .item_pic {padding-right: 10px;}
.item_right {margin-right: 15px;}
.item_right {margin-right: 15px;width: 235px;position: relative;}
.item_commment {font-size: 22px;font-family: 'Kaisei Decol', serif;color: #ff319f;}
.pickup dl.item_info {padding: 10px;position: absolute;bottom: 0;background: #fdfaf3;width: 215px;}
dt.name {font-weight: bold;font-size: 14px;line-height: 1.3;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #2f7a25;}
dd.price {margin-bottom: 5px;font-size: 90%;}
.pickup .item_info .btn {background: #f58fc3;color: #fff;text-align: center;padding: 4px 0;font-size: 16px;}
.name:hover {color: #549c4b;}

/* Birth Flower */
section#birthflower { margin-top: 20px;}
.flower_outer_bg {background: #fdfaf3;border-radius: 10px;padding: 20px 30px 30px;}
.flower_outer {display: flex;}
.flower_txt {color: #e4489b;font-size: 16px;text-align: center;line-height: 1.5;padding-bottom: 10px;}
.flower_left {width: 48%;margin-right: 4%;}
.flower_right {width: 48%;}
.flower_box {display: flex;border-bottom: 2px dotted #836757;padding: 10px 5px 2px 15px;}
ul.flower_box li.li01 {width: 5em;color: #2f7a25;font-weight: bold;}
ul.flower_box li.li02 {font-weight: bold;margin-right: 1em; white-space: nowrap;}
ul.flower_box li.li03 { color: #707070;}
ul.flower_box li {font-size: 14.5px;}
.source {display: flex;justify-content: right;align-items: center;margin-top: 25px;}
.source p {padding: 0 10px 0 5px;}

/* feature */
section.feature {margin: 40px 0;}
.etc_bnr {display: flex;}
.etc_bnr p {margin: 10px 20px;text-align:center;}
.feature .h2_icon2 {position: absolute;width: 124px;height: 80px;right: 80px;bottom: -4px;}
/* popular */
.item_4 {clear: both;overflow: hidden;}
.item_4 .item_box {width: 210px;padding: 15px 15px 10px;float: left;}
.item_4 .item_pic {margin-bottom: 5px;}
.item_4 .item_box dt.name {color: #635e5b;}
.h2_archive {background: #f4828c;color: #fff;font-family: 'Birthstone', serif;text-align: center;font-size: 40px;line-height: 45px;margin: 40px 0 10px;}
.h2_archive span {font-size: 32px;margin-left: 20px;font-family: 'Kaisei Decol', serif;}
.archive_link {padding: 5px 10px;font-size: 16px;font-weight: bold;}
.archive_link:hover { text-decoration: underline;}
section#archive {margin-bottom: 50px;}
.camFooter { padding: 20px 0 10px; width: 100%; border-top: #e5ddda 1px solid; text-align: center; margin-top: 30px;}
.camFooter ul { margin-bottom: 10px; text-align: center; font-size: 0; }
.camFooter ul li { display: inline-block; color: #705252; font-size: 1.4rem; margin: 5px 0;}
.camFooter ul li a { color: #705252; }
.camFooter ul li:after {content: '';border-left: 1px #000 solid;padding-left: 10px;margin-left: 10px;font-size: 1.2rem;}
.camFooter ul li:last-child:after { display:none; }
.camFooter p{ text-align: center; }
.camFooter p small { color: #401f1f; font-size: 1.0rem; }
/* フェードイン用のCSS */
.slide-bottom { opacity: 0; transform: translateY(30px); transition: all 2s ease-out; }
.slide-bottom_wait { opacity: 0; transform: translateY(30px); transition: all 2s 1s ease-out; }


@media screen and (min-width: 801px) { 

.wall_attention_sp{display:none;}
.header_sp{display:none;}
}


@media screen and (max-width: 800px) { 
.h1_box h1 {
font-size: 15px;
width: 98%;
padding: 5px 0 0;
line-height: 1;
}
article.main {
width: 96%;
margin: 0 2%;
}
.header_sp{display:block;text-align: center;}
.header_ttl_outer {
display: none;
}
.camHeader p {width: 60%;padding: 5px;}
.navitopicpath_ {font-size: 80%;margin: 2px 3px;}
.h1_box h1 {padding: 5px 1% 0px;font-size: 14px;width: 98%;}
.h2_outer {padding-left: 10px;}
article.main {width: 100%;margin: 0 auto;}
.wall_outer { justify-content: center;}
.wall_pic { width: 170px; margin: 0 auto;}
.wall_attention_pc{display:none;}
.wall_attention.wall_attention_sp {
background: #fdfaf3;
padding: 0 2%;
width: 96%;
margin: 0 auto;
}
.wall_attention h4 {text-decoration: underline;font-size: 18px;font-family: 'Kaisei Decol', serif;margin: 10px 0 5px;}
.attention_txt {line-height: 1.4;font-size: 15px;margin: 5px!important;}
.attention_txt2 {padding-top: 15px;line-height: 1.5;margin: 5px!important;font-size: 13px;}
.accbtn_actab {position: relative;overflow: hidden;width: 100%;margin: 0px auto 0;color: #ffffff;padding: 15px 0;}
.accbtn_actab input {position: absolute;z-index: -1;opacity: 0;}
.accbtn_actab label {font-weight: bold;line-height: 3;position: relative;display: block;padding: 0 0 0 1em;cursor: pointer;margin: 0 0 1px 0;background: #2c2c2c;font-size: 115%;font-family: 'Kaisei Decol', serif;}
.accbtn_actab .accbtn_actab-content {overflow: hidden;max-height: 0;-webkit-transition: max-height 0.35s;transition: max-height 0.35s;}
.accbtn_actab .accbtn_actab-content p {margin: 1em;}
/* :checked */
.accbtn_actab input:checked ~ .accbtn_actab-content {
max-height: 100%;
color: #433030;
padding: 10px 0 10px 5%;
}
/* Icon */
.accbtn_actab label::after {line-height: 3;position: absolute;top: -24px;right: -20px;display: block;width: 3em;height: 3em;-webkit-transition: all 0.35s;transition: all 0.35s;text-align: center;}
.accbtn_actab input[type=checkbox] + label::after {	content: '+';	font-size: 30px;}
.accbtn_actab input[type=checkbox]:checked + label::after {	transform: rotate(315deg);}
.commment_outer {padding: 0 2%;}
.commment {font-size: 17px;}
.pickup_outer {display: block;margin: 0 3%;}
.pickup_box {display: flex;padding: 2%;max-width: 450px;margin: 0 auto;}
.pickup_box a {width: 42%;}
.pickup .item_pic {padding-right: 5%;}
.pickup dl.item_info {padding: 5px;position: absolute;bottom: 0; width: 94%;}
.item_right {margin-right: 0;width: 58%;position: relative;}
.pickup dt.name {font-size: 15px;line-height: 1.3;margin-bottom: 3px;}
dd.price {margin-bottom: 0px;font-size: 11px;}
.pickup .item_info .btn {display: none;}
section#birthflower {margin-top: 30px;}
.flower_txt {text-align: left;font-size: 14px;}
.trivia_txt,.flower_outer_bg {margin: 0 2%;}
.flower_outer {display: block;}
.flower_left, .flower_right {width: 96%;margin: 0 auto;}
.etc_bnr {display: block;}
.item_4 {clear: both;overflow: hidden;padding: 0 2%;margin: 10px auto;max-width: 500px;}
.item_4 .item_box {width: 46%;padding: 10px 2% 5px;float: left;}
.item_4 dt.name {font-size: 13px;line-height: 1.3;margin-bottom: 3px;}
.item_4 .item_pic {margin-bottom: 5px;text-align: center;}


}
@media screen and (max-width: 480px) { 
section.trivia {margin: 10px 0;}
section#pickup,section#birthflower {margin-top: 20px;}
section#birthflower {margin-top: 20px;}
section.feature {margin-top: 25px;}
.feature .h2_outer {margin-bottom: 10px;}
.h2_outer .h2_eng {padding-bottom: 42px;}
.h2_outer .h2_eng:after {content: "";position: absolute;width: 210px;height: 34px;background: url(//img.e87.com/campaign/2022images/ttl_bg.png)no-repeat;background-size: contain;left: 50%;bottom: 7px;transform: translate(-50%, 0);}
.h2_txt {font-size: 30px;}
.wall_bg {padding: 10px 30px 10px;}
.accbtn_actab input:checked ~ .accbtn_actab-content {padding: 10px 0 10px 5%;}
.accbtn_actab .accbtn_actab-content p { padding-left: 0;}
.trivia_txt {font-size: 16px;line-height: 1.4;padding: 15px 4%;}
.wall_attention h4:before {left: -15px;background-size: contain;width: 38px;height: 62px;top: -8px;}
p.attention_txt {position: relative;z-index: 2;}
p.commment, .popular .commment {font-size: 17px;margin-bottom: 10px;}
.item_commment {font-size: 16px;font-family: 'Kaisei Decol', serif;color: #ff319f;line-height: 1.2;}
.item_4 .item_box:nth-child(odd) { clear: both;}
.flower_left, .flower_right {width: 100%;margin: 0 auto;}
.flower_outer_bg {background: #fdfaf3;border-radius: 10px;padding: 20px 3% 30px;}
.flower_box {padding: 10px 5px 2px; flex-wrap: wrap;}
ul.flower_box li.li01 { width: 100%; padding-bottom: 2px;}
ul.flower_box li {font-size: 13px;}
.etc_bnr p {margin: 13px 10%;}
h2.h2_archive {font-size: 32px;}
.h2_archive span {font-size: 26px;}
.archive_link {font-size: 15px;}
.farmer_txt {padding: 3px 6px 4px;font-size: 14px;line-height: 1.2;}
.farmer .pickup {padding-top: 20px;}
section#farmer br {display: block;}
.farmer_outer.left .farmer_txt,.farmer_outer.right .farmer_txt {
    bottom: 0px;
}
}