@charset "Shift_JIS";

html{overflow: auto;}
body{max-width: 100%;}

.mt_10{ margin:10px 0 0 0 !important;}
.mt_20{ margin: 20px 0 0 0 !important; }
.mt_30{ margin:30px 0  0 0;}
.mb_4{ margin: 0 0 4px 0 !important;}

.m_font{ font-family: 'Noto Sans', sans-serif; font-family: 'Noto Serif', serif; transform: rotate(0.05deg); font-weight: bold; }
/*
 *NotoSans-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/
/*
 *NotoSerif-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/


/* 	表紙 */
article#cover { margin:0; padding:0; background:none; }
article#cover h1 { padding:0 !important; background:none; text-align:center; }
article#cover h1 img { width: 100%; height: auto;}
.contents img { max-width: 100%; height: auto;}
p.lead_ {font-size: 11px;line-height: 1.2;padding: 5px 2%;background: #e5e5e5;}
article#body {margin: 0px auto 0 auto;max-width: 680px;}
div#title_txt {background: #e2ecf8;margin-bottom: 10px;padding-bottom: 10px;}
div#title_txt ul {display: flex;align-items: center;}
div#title_txt ul li:last-child {width: 80%;font-size: 13px;padding: 5px 5px 5px;}

div#title_txt ul li a span {background: #144698;width: 80%;display: block;margin: 10px auto;padding: 8px;color: #fff;text-align: center;border-radius: 3px;font-size: 110%;}
div#title_txt ul li a span:hover { background: #4073c5;}
div#title_txt ul li a:hover { text-decoration: none;}
div#title_txt ul li img {border: 3px #eef6fd solid;margin: 10px;max-height: 130px;width: auto;}
.noshi_pic {margin-right: 10px;}
.noshi_txt1{line-height: 1.2;color: #333333;font-size: 12px;}
.noshi_txt1 strong {color: #b51b5e;font-size: 105%;}
.noshi_txt2 {color: #0020a0;margin-top: 10px;font-size: 14px;padding-left: 1.3em;position: relative;}
.noshi_txt2:before {position: absolute;content: "";background: #ff94c3;width: 16px;height: 16px;border-radius: 50%;left: 0;top: 2px;}
.noshi_btn {background: #0020a0;color: #fff;text-align: center;margin: 0 auto;padding: 5px 0 7px;font-size: 15px;border-radius: 3px;width: 90%;transform: rotate( 0.03deg );font-family: 'Noto Serif JP', serif;font-weight: 500;}

/* h2 */
h2.h2_txt {text-align: center;transform: rotate(0.03deg);font-family: 'Noto Serif JP', serif;font-weight: 600;font-size: 27px;color: #333333;line-height: 36px;padding: 10px 0 10px;position: relative;display: inline-block;}
.h2_txt:before {content: "";height: 60px;background: #ff94c3;width: 60px;position: absolute;border-radius: 50%;left: -18px;top: 50%;transform: translate(0, -50%);z-index: -1;}
.h2_outer {text-align: center;margin: 10px 0;}
.h2_icon {text-align: center;}
.h2_icon img {height: 44px;width: auto;}
.h2_txt_sub {text-align: center;padding-top: 3px;font-size: 13px;transform: rotate( 0.03deg );font-family: 'M PLUS 1p', sans-serif;font-weight: 500;color: #0020a0;}

/* line1 */
.item_line1 {padding: 10px 2%;}
.itembox_pic3 {display: flex;width: 95%; padding: 0 2.5%;}
.itembox_pic3_main {width: 67%;margin-right: 2%;position: relative;}
span.pic_txt {position: absolute;left: 5px;bottom: 10px;border-radius: 50%;background: rgb(255 255 255 / 80%);padding: 10px;font-size: 14px;transform: rotate( 0.03deg );font-family: 'M PLUS 1p', sans-serif;font-weight: 600;color: #00cacc;}
.itembox_pic3_sub {width: 32%;}
.itembox_pic3_sub1 {margin-bottom: 10px;}
.itembox_left {padding: 0 3%;}
.item_line1 h3 {font-size: 17px;transform: rotate( 0.03deg );font-family: 'Noto Serif JP',serif;font-weight: 600;position: relative;margin: 5px 0;padding: 0px 5px 2px;background:
linear-gradient(transparent 60%, rgb(255 148 195 / 50%) 0%);overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

.comment {font-size: 13px;line-height: 1.3;padding: 5px 0;}
.itembox_left .itembox_info {bottom: 0px;padding: 0 15px 10px;border: 1px #d2d2d2 solid;}
.itembox_info .name {color: #0088cc;font-size: 15px;font-weight: bold;padding: 5px 0 0;}
.itembox_info .btn {text-align: center;background: #5d5d5d;color: #fff;padding: 5px 0 7px;font-size: 16px;margin: 10px 0 0;}
.itembox_info .btn:hover {background: #757575;}
.itembox_info .name:hover {color: #39afea;}
.itembox_info .price {font-size: 82%;}

/* line2 */
.item_line2 {display: flex;padding: 10px 3%;}
.border{border-bottom: 2px dotted #d0d0d0;}
.item_line2 .itembox {padding: 1.5%;width: 47%;}
.item_line2 .itembox_pic3 {display: flex;width: 440px;}
.item_line2 .itembox_pic3_main {width: 290px;margin-right: 10px;position: relative;}
.item_line2 .itembox_pic3_sub {width: 140px;}
.item_line2 h3 {border-bottom: 1px solid #ff94c3;font-size: 14px;transform: rotate( 0.03deg );font-family: 'Noto Serif JP',serif;font-weight: 500;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item_line2 h3:before {display: none;}
.item_line2 .itembox_info {padding: 5px;}
.item_line2 .itembox_info .name { margin: 0 0 3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3;}
.item_line2 .itembox_info .btn {padding: 3px 0 5px;font-size: 16px;margin: 5px 0;}

/* line3 */
.item_line3 {display: flex;padding: 10px 3.5%;margin-bottom: 10px;}
.item_line3 .itembox {padding-right: 3%;width: 32%;}
.item_line3 .itembox:last-child {padding-right: 0;}
.item_line3 h3 {display: none;}
.item_line3 h3:before {content: "";height: 15px;background: #f1e001;width: 15px;position: absolute;border-radius: 50%;left: 0;top: 50%;transform: translate(0, -50%);z-index: -1;}
.item_line3 .itembox_info .name {font-size: 13px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item_line3 .itembox_info .btn {display: none;}
.item_line3.border {padding-bottom: 20px;}
p.pr3_ttl:before {content: "\f58c";font-family: "Font Awesome 5 Free";color: #00cacc;font-size: 30px;position: absolute;border-radius: 50%;left: -33px;top: calc(50% - 3px);transform: translate(0, -50%);z-index: -1;font-weight: bold;}
p.pr3_ttl {font-size: 16px;transform: rotate( 0.03deg );font-family: 'M PLUS 1p', sans-serif;font-weight: 500;position: relative;margin: 10px 8px 15px 45px;border-bottom: 2px solid #00cacc; padding-left: 7px;}
p.pr3_ttl img {padding: 0 2px 3px 0;}
.etc_bnr p {padding: 10px 20px;}
#pr .item_line3 .itembox_info .name {font-size: 12px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}




/*bnr_area
-----------------------------*/

.bnr_area h2.h2_ttl {color: #305b48;border-top: 1px solid #305b48;border-bottom: 1px solid #305b48;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}
.bnr_area div { padding: 5px 10px;}
article.bnr_area { margin-bottom: 30px;}


/* 	ジャンルボタン */
#genre_btn p {
background: -webkit-gradient( linear, left top, left bottom, from(#5FB2FF), color-stop(0.50, #2383DB), color-stop(0.50, #366ADA), to(#2675CA)) !important;
text-align:center;padding:10px 0;border-radius: 5px;margin:10px 5px 0 5px;box-shadow: 1px 1px 3px rgba(000,000,000,0.2);border: 1px solid #505CE2;}
#genre_btn a{text-shadow: 0 -1px #5233F3 !important;color:#FFF;font-weight:bold;text-decoration:none;font-size: 96%;}
/* グローバルナビ */

nav#global_nav { margin-top:35px; }

.pot_sum{ text-align: center; padding: 10px; background: rgba(255,255,255,0.6); margin: 0 0 10px 0; }
.pot_sum span{color: #4859d8; text-align: center;background: rgba(255,255,255,0.5); padding:5px 60px; border-bottom: #42a7ff 2px solid;border-top: #42a7ff 2px solid;}
.top-slider ul.btns_{clear: both;}


/*コラム*/
.one-link-content{padding: 0 !important;}
article#item section.accordion ul li.purpose ul {display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul li {display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li a:link,article#item section.accordion ul li.purpose ul li a:visited,article#item section.accordion ul li.purpose ul li a:hover,article#item section.accordion ul li.purpose ul li a:active { color:#000; text-decoration:none; }

#ar, #po, #pr, #set {
    padding-top: 60px;
    margin-top: -60px;
}

/*幅の狭いSP用 */
@media screen and (max-width: 370px) { 
ul.navi_s li {background-color: #30933a;color: #fff;font-size: 10.5px;width: 25%;padding: 5px 3px;text-align: center;border-right: 2px #fff solid;position: relative;}
}