/* アクセスマップ用 */
#access_list div.map{
float:none;
width:100%;
margin:0;
}
#access_list div.data{
display:none;
}
.photo_map{
width:100%;
position:relative;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}
.photo_map .bgmap{
width:1015px;
}
.photo_map a{
display:block;
position:absolute;
width:28px;
height:28px;
}
.photo_map a.one{
top:208px;
left:511px;
}
.photo_map a.two{
top:233px;
left:489px;
}
.photo_map a.three{
top:156px;
left:299px;
}
.photo_map a.four{
top:315px;
left:235px;
}
.photo_map a.five{
top:300px;
left:189px;
}
.photo_map a.six{
top:285px;
left:165px;
}
.photo_map a.seven{
top:319px;
left:14px;
width:174px;
}
.photo_map figcaption{
margin-top:10px;
font-size:14px;
}
.photo_map .imgbox{
position:absolute;
top:10px;
right:10px;
padding:10px;
border:1px solid #ddd;
border-radius:4px;
background:#fff;
}
.photo_map .imgbox img{
width:354px;
}
.photo_map_sp{
display:none;
}
@media screen and (max-width: 640px) {
.photo_map{
display:none;
}
#access_list li .photo_map_sp{
display:block;
margin-bottom:20px;
}
#access_list li .photo_map_sp li{
border:none;
padding:0;
margin:0;
}
#access_list li .photo_map_sp .add{
margin-top:.5rem;
}
}
/* バナー用 */
.grpbnr{
margin-top:5rem;
}
.grpbnr ul{
display:flex;
justify-content:center;
align-items:center;
}
.grpbnr ul li{
margin-right:15px;
}
.grpbnr ul li a:hover{
opacity:.7;
}
.grpbnr ul li img{
width:160px;
}
.grpbnr ul li.group img{
width:219px;
}
.grpbnr ul li span{
display:block;
font-size:12px;
color:#ff8201;
line-height:1.3;
margin-top:.4rem;
}
@media screen and (max-width: 640px) {
.grpbnr{
margin:0 0 20px;
}
.grpbnr ul{
flex-wrap:wrap;
padding:0 2%;
}
.grpbnr ul li{
margin:0;
}
.grpbnr ul li.group{
width:100%;
margin-bottom:.5rem;
}
.grpbnr ul li.shop{
width : calc(100% / 2) ;
}
.grpbnr ul li.shop img{
width:100%;
}
.grpbnr ul li span{
font-size:10px;
}
}
/* スマホすぐヒメ用 */
@media screen and (max-width: 640px) {
.right_sp_blog{
padding:0 2%;
}
}
/* メルマガ用 */
.magazine_ttl{
text-align:center;
margin-bottom:30px;
}
.magazine_ttl .title_img img{
}
.magazine_ttl .title_info img{
max-width:520px;
}
#mailmag_box{
display:flex;
justify-content:space-between;
text-align:center;
}
#mailmag_box > div{
width:48%;
border:2px solid #ff8201;
border-radius:12px;
overflow:hidden;
padding-bottom:15px;
box-sizing:border-box;
}
#mailmag_box > div#Release{
border:2px solid #f61818;
}
.magazine_sub_title{
background:#ff8201;
padding:13px 0 11px;
font-weight:bold;
font-size:24px;
margin-bottom:20px;
}
#Release .magazine_sub_title{
background:#f61818;
}
.magazine_sub_title span{
color:#fff;
}
#mailmag_box > div .alert{
padding:0 15px;
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}
#mailmag_box > div .alert span{
color:#ff8201;
}
#mailmag_box > div#Release .alert span{
color:#f61818;
}
#mailmag_box > div .formbox{
padding:0 15px;
margin-bottom:10px;
}
#mailmag_box > div .formbox a{
display:block;
height:60px;
line-height:61px;
font-size:20px;
font-weight:bold;
border-radius:100px;
position:relative;
background:#ff8201;
color:#fff;
}
#mailmag_box > div#Release .formbox a{
background:#f61818;
}
#mailmag_box > div .formbox a:after{
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto;
transform: rotate(45deg);
}
#mailmag_box > div .qr{
margin-bottom:10px;
}
#mailmag_box > div .qr img{
width:180px;
}
#mailmag_box > div .qrtxt{
font-size:14px;
font-weight:bold;
}
.br-sp{
display:none;
}
@media screen and (max-width: 640px) {
#mailmag_box{
display:block;
padding:0 10px;
}
#mailmag_box > div{
width:100%;
}
#mailmag_box > div:first-child{
margin-bottom:20px;
}
.br-pc,
.mailmag-qr-set{
display:none;
}
.br-sp{
display:block;
}
.magazine_sub_title{
font-size:20px;
padding:10px 0 8px;
}
#mailmag_box > div .formbox a{
font-size:16px;
line-height:59px;
}
#mailmag_box > div .formbox a:after{
right: 20px;
width: 8px;
height: 8px;
}
.blog_sp{
padding:5px 10px;
}
}
/* アンケート */
#enquete article dt{
width:100%;
float:none;
margin-bottom:5px;
font-weight:bold;
}
#enquete article dt::before{
content:"●";
color:#ec8833;
margin-right:5px;
}
#enquete article dd label{
margin-right:10px;
white-space: nowrap;
}
#enquete article dl:first-of-type dd::after{
content:"回目";
}
#enquete article dl:nth-of-type(5) dd::after,
#enquete article dl:nth-of-type(6) dd::after{
content:"ちゃん";
}
#enquete article dl:nth-of-type(9) dd::after,
#enquete article dl:nth-of-type(10) dd::after{
content:"点";
}
#enquete article dl:first-of-type dd input[type="text"],
#enquete article dl:nth-of-type(5) dd input[type="text"],
#enquete article dl:nth-of-type(6) dd input[type="text"],
#enquete article dl:nth-of-type(9) dd input[type="text"],
#enquete article dl:nth-of-type(10) dd input[type="text"]{
width:30%;
}