/*-----------------
Start Common
-------------------*/

* {
    box-sizing: border-box;
}

html.no-ie {
    margin-top: 0 !important;
}

html.front {
    height: 100%;
}

html.front body {
    height: 100%;
}

#wpadminbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 0.5;
}

#wpadminbar:hover {
    opacity: 1;
}

body {
    margin: 0;
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    position: relative;
    color: #000;
    font-size: 14px;
    overflow-x: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
dl,
dt,
dd,
figure {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}


p {
    line-height: 1.3em;
    word-break: break-all;
}

img {
    vertical-align: bottom;
    width: 100%;
}

.note img {
    width: 20%;
}

.return img {
    width: 10%;
}

table.mailform .melmaga {
    width: 85%;
}

li {
    list-style: none;
}

.mincho {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.goth {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.cl:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.trans {
    backface-visibility: hidden;
    transition: 0.3s ease-out;
}

.trans:hover {
    opacity: 0.5;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.wrap {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

.gift_wrap {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 40px;
}

.wrap-short {
    width: 90%;
    max-width: 760px;
    margin: 0 auto;
}

body:after {
    content: "pc";
    display: none;
}

figure {
    text-align: center;
    margin-bottom: 30px;
}

figure img {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;
    vertical-align: bottom;
}

#breadcrumb {
    padding: 70px 0 10px;
    box-sizing: border-box;
}

#breadcrumb .crumb {
    display: inline-block;
    font-size: 13px;
}

#breadcrumb .crumb h1 {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}
.blog_in #main.blog1 #section_img{
  width:280px;
  height:100%;
  margin:auto;
  display:block;
}
/*ブルブル*/

.buruburu {
    -webkit-animation: buruburu 0.1s infinite linear alternate;
    animation: buruburu 0.3s infinite linear alternate;
}

@-webkit-keyframes buruburu {
    0% {
        -webkit-transform: translate(0, 0) rotate(-3deg);
    }
    50% {
        -webkit-transform: translate(0, -1px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(0, 0)rotate(3deg);
    }
}

@keyframes buruburu {
    0% {
        transform: translate(-1px, 0) rotate(-0.5deg);
    }
    50% {
        transform: translate(0px, 0) rotate(0deg);
    }
    100% {
        transform: translate(1px, 0)rotate(0.5deg);
    }
}

.talign_center {
    text-align: center;
}

.talign_left {
    text-align: left;
}

.talign_right {
    text-align: right;
}

.under50 {
    color: #ff558f;
}
/*デバイス*/

.pcv {
    display: block;
}

.tbv {
    display: none;
}

.spv {
    display: none;
}

.pco {
    display: block;
}

.tbo {
    display: none;
}

@media(min-width: 1px) and (max-width: 1024px) {
    .pco {
        display: none;
    }
    .tbo {
        display: block;
    }
    .tbv {
        display: block;
    }
}

@media(min-width: 1px) and (max-width: 1000px) {
    #breadcrumb {
        padding: 10px 0;
        box-sizing: border-box;
        display: flex;
        white-space: nowrap;
        overflow-x: scroll;
    }
}

@media(min-width: 941px) {
    body:after {
        content: "pc"
    }
}

@media(min-width: 1px) and (max-width: 940px) {
    body:after {
        content: "mo"
    }
    #bottom_btn_area {
        display: none;
    }
  }

@media (min-width: 1px) and (max-width: 640px) {
    body:after {
        content: "sp"
    }
    .pcv {
        display: none;
    }
    .spv {
        display: block;
    }
    .tbo {
        display: none;
    }
    .contentsBox08 {
        width: 100%;
    }
    .blog_in #main.blog1 #section_img {
      width: 190px;
      height: 100%;
      margin: auto;
      display: block;
    }
  }

#bottom_btn_area {
    background-color: rgba(255, 203, 40, 0.97);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px 0 10px;
    z-index: 99999;
}

#bottom_btn_area .bottom_btn {
    text-align: center;
}

#bottom_btn_area .bottom_btn ul {}

#bottom_btn_area .bottom_btn ul li {
    display: inline-block;
    margin: 0 20px;
    width: 27%;
    max-width: 388px;
}

#bottom_btn_area .bottom_btn ul li img {}

#bottom_btn_area .bottom_btn ul li a:hover {
    opacity: 0.8
}

.rakuten_1 {
    margin-bottom: 50px;
}
/*-----------------
End Common
-------------------*/
/*-----------------
kaitori_blog
-------------------*/

#main p a,
#toc_container .toc_list a {
    color: #489999;
    text-decoration: underline;
}

#primary.blog {
    display: flex;
}

#main.blog {
    width: 64%;
}

#main.blog .blog1 {
    display: flex;
    flex-wrap: wrap;
}

#main.blog .blog1 li {
    width: 31%;
    position: relative;
    height: 100%;
}

#main.blog .blog1 li {
    height: 320px;
    margin: 2% 1%;
    background: #f0f0f0;
    position: relative;
}

#main.blog li p {
    display: block;
    height: 58px;
    padding-top: 5px;
}

#main.blog li .big {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#main.blog li .tag {
    background: black;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 3px;
}

#main.blog li span a {
    color: #FFF;
}
.side_overlay {
    width: 100%;
    height: 100%;
    background: #0000007d;
    position: fixed;
    top: 0;
    left: 100%;
    animation-name: fadein;
    animation-duration: 1s;
}
.side_wrap{
    width: 31%;
    margin-left: 3%;
    position: sticky;
    top: 50px;
    height: 100%;
}
.side_close_btn{
    display: none;
}
.side_overlay.open {
    left: 0%;
    z-index: 99;
}
.side_wrap.open {
    right: 5%;
    z-index: 999;
}
.fix_side.open {
    left: -10%;
}
.nairu{
  margin-bottom:10px;
}
.sidebar.blog .news {
    background: #FFF;
    margin-bottom: 10px;
}

.sidebar.blog .news .news1 {
    display: flex;
    position: relative;
    height:85px;
    position:relative;
    overflow:hidden;
}
.sidebar.blog .popular li:nth-child(1){
  border:4px solid #ecd02a;
}
.sidebar.blog .news .news1 .rank{
  position:absolute;
  top:0;
  left:5px;
  width:32px;
}
.sidebar.blog .popular li:nth-child(2){
  border:4px solid #9b9b9b;
}
.sidebar.blog .popular li:nth-child(3){
  border:4px solid #e99a66;
}
.sidebar.blog .news .news1 a,
.sidebar.blog .news .category1 a,
.blog_cv a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.blog_kaitori_box{
  margin-top:20px;
}
.blog_kaitori_title{
  width:100%;
  height:58px;
  padding:10px 20px;
  background:#ff558f;
}
.blog_kaitori_title img{
  width:280px;
  display:block;
  margin:auto;
}
.blog_kaitori_selllist{
  display:flex;
  border:5px solid #ff558f;
  width:100%;
  background: url(../img/base/ui13.png);
}
.blog_kaitori_left,.blog_kaitori_right{
  width:50%;
  margin:5px 15px;
}
.blog_kaitori_reft ul,.blog_kaitori_right ul{
  margin:auto;
}
.blog_kaitori_left li,.blog_kaitori_right li{
  font-size:18px;
  font-weight:bold;
  margin:5px 0;
}
.blog_kaitori_left span{
  margin-left:5px;
  font-size:15px;
}

.sidebar.blog .news .news1 p {
    margin-left: 3px;
}

.sidebar.blog .news .news1 img {
    width: 20%;
    object-fit: cover;
}

.sidebar.blog h3 {
    background: #ff558f;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    padding: 3px;
}

#main_blog #mv {
    position: relative;
}

div#prima_blog {
    padding: 30px 0px;
}

#main_blog #mv h1 {
    position: absolute;
    top: 24%;
    right: 0;
    left: 0;
    margin: auto;
}

#main_blog #mv h1 a {
    color: #FFF;
}

#main_blog #mv p {
    position: absolute;
    top: 56%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color:#fff;
    font-size:18px;
}

#mv .mv_in {
    height: 370px;
    background: rgb(54, 49, 49);
    overflow: hidden;
}

#mv h1 {
    text-align: center;
    margin: 10px 0px;
    color: #212121;
}

#mv .mv_in img {
    width: 100%;
    opacity: 0.4;
}

#main_blog {
    background: #94d6d6;
}

#prima_blog .blog_in #main {
    background: #FFF;
    height: 100%;
    padding: 35px;
}

.wrap.blog {
    padding-top: 150px;
}

.wrap.blog_in {
    max-width: 1200px;
}

#main.site-main.blog h3 {
    margin: 45px 0 10px;
    display:block;
    font-size: 22px;
    /*background: linear-gradient(transparent 65%, #ffacc8 50%);*/
}

#main.site-main.blog h2 {
    border-left: 10px solid #ff558f;
    border-bottom: 2px solid #ff558f;
    margin: 10px 0px;
    font-size: 25px;
    padding-left: 5px;
    margin-top: 60px;
}

#main.site-main.blog p {
    line-height: 2;
    font-size: 14px;
}

#main.site-main.blog .title_blog {
    height: 120px;
    overflow: auto;
    display: block;
    line-height: 1.5;
    padding: 5px;
}

#main.blog .blog1 .tag_a {
    position: absolute;
    bottom: 10px;
    right: 5px;
}
.pankuzlist{
  max-width:1200px;
  width: 100%;
  margin:30px auto 1%;
}
.pankuzulist ul,.pankuzlist ul{
  display:flex;
  white-space: nowrap;
  overflow-x: scroll;
}
.pankuzlist li:nth-child(1):hover,.pankuzlist li:nth-child(2):hover{
    text-decoration: underline;
}
.pankuzlist li:nth-child(1){
    width:10%;
}
.pankuzlist li:nth-child(2){
    width:15%;
}
.pankuzulist{
  max-width:1200px;
  width: 90%;
  margin-top:30px;
}
.pankuzulist li,.pankuzlist li{
  margin-right:1%;
}
.pankuzulist a:hover,.pankuzlist a:hover{
  text-decoration:underline;
}
/*.wrap.blog.pan{
  padding-top:0;
}*/
.sidebar.blog li.category1,
.sidebar.blog li.news1 {
    padding: 15px 10px;
    font-size: 15px;
    border-bottom: 1px dashed rgb(204, 204, 204);
}

.sidebar.blog li.category1:hover,
.sidebar.blog li.news1:hover {
    background: #333;
}

.sidebar.blog li.category1:hover p,
.sidebar.blog li.news1:hover p {
    color: #FFF;
}

.sidebar.blog li.category1 {
    position: relative;
}

div#toc_container {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 10px;
}

#main p a:hover,
div#toc_container a:hover {
    color: #48bfbf;
}

#main_blog .blog.blog_in h4 {
    text-decoration: underline;
    text-decoration-color: #ff558f;
    text-decoration-thickness: 3px;
    text-underline-offset: 2px;
    margin-top: 30px;
    font-size: 20px;
}

#main_blog .blog.blog_in h3:before {
    content: "●";
    color: #ff558f;
}

#main_blog .blog.blog_in .half {
    width: 50%;
    object-fit: cover;
}

h1.blog_title_h1 {
    /*border-bottom: 10px solid whitesmoke;*/
    margin-bottom: 10px;
}
.top_tag{
    border-bottom: 10px solid whitesmoke;
    padding-bottom:7px;
}
.top_tag .tag a {
    padding: 2px 4px;
    color: #fff;
    background-color: #000;
    margin-right: 2px;
    font-size: 12px;
    border-radius: 4px;
}
ul.blog_cv {
    border: 2px solid #e0e0e0;
    padding: 10px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 5px 0px #000;
}
ul.blog_cv img{
    max-width: 674px;
}
.blog_cv:before {
    position: absolute;
    content: "";
    bottom: 11%;
    right: 33px;
    width: 10px;
    height: 10px;
    border-top: 5px solid#333;
    border-right: 5px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.adress_box{
  display:flex;
}
.adress1{
  font-weight:bold;
  color:#fff;
  background-color:#000;
  width:15%;
}
.adress2{
  width:85%;
}
.self{
  padding-bottom:5%;background-color:#efefef
}
.adress_box{
  display:flex;
  width:90%;
  height:70px;
  margin:2% auto 6%;
  text-align:center;
}
#main.site-main.blog .adress_box p{
  height:auto;
}
#main.site-main.blog .adress_box .adress1{
  font-weight:normal;
  line-height:70px;
}
.adress2{
  background-color:#fff;
  text-align:left;
  padding-left:2%;
}
.self_ribon{
  margin:auto;
}
.self_text{
  width:90%;
  margin:auto;
  margin-top:2%;
}
/*
.imp {
    background: linear-gradient(transparent 60%, #fedee7 60%);
    color: rgb(41, 13, 13);
    padding: 0 1px 2px;
    font-weight: bold;
}
*/

.blog_cv a:hover {
    opacity: 0.1;
    background: grey;
}

.blog_in #main.blog1 img {
    height: 100%;
}

.blog_in #main.blog1 img.mv {
    height: 250px;
}

#main.blog img {
    height: 150px;
    object-fit: cover;
}

.sidebar.blog li.category1:last-child,
.sidebar.blog li.news1:last-child {
    border-bottom: none;
}

span.screen-reader-text {
    display: none;
}

input#testSearchInput {
    height: 40px;
    border: none;
    border-radius: 5px;
    width: 80%;
    padding: 0px 10px;
    margin-bottom: 20px;
}

input[type="submit"] {
    height: 40px;
    width: 16%;
    border: none;
    margin-left: -10px;
    border-radius: 0px 5px 5px 0px;
    margin-bottom: 21px;
    background: #212121;
    color: #FFF;
    padding-top: 2px;
}

#main.blog .blog1 .blog_nothing {
    background: none;
    height: auto;
    width: 100%;
    margin: 0px;
}

.blogarea .news ul {
    display: flex;
}

.blogarea .news .news1 {
    width: 25%;
    border: 1px solid #727171;
    margin: 1%;
    background: #f7f7f7;
    position: relative;
    height: 250px;
}

.blogarea .news .news1 a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
}

.blogarea .news .news1 img {
    height: 50%;
    object-fit: cover;
}

.blogarea .news .news1 p {
    padding: 10px 5px;
}

aside.blogarea {
    margin-top: 40px;
}

aside.blogarea .news1 .tag_a {
    position: absolute;
    bottom: 3px;
    right: 3px;
    display: flex;
    flex-wrap: wrap;
}

.blogarea .news .news1 .tag_a .tag a {
    position: static;
    color: #FFF;
}

.blogarea .news .news1 .tag_a .tag {
    margin-right: 3px;
    background: black;
    padding: 2px 3px;
    border-radius: 3px;
    margin-bottom: 1px;
}
.balloonbox{
 display:flex;
 justify-content:center;
 align-items:center;
}
.balloonbox p{
 font-size:12px;
}
.toneojisan img{
 height:100px;
 width:100px;
}
.toneojisan p{
 text-align:center;
}
.balloon{
 position: relative;
 display: inline-block;
 margin: 1.5em 0 1.5em 15px;
 padding: 7px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #555;
 font-size: 16px;
 background: whitesmoke;
 border-radius:15px;
}
.balloon::before{
 content:"";
 position:absolute;
 top:50%;
 left:-30px;
 margin-top:-15px;
 border:15px solid transparent;
 border-right:15px solid whitesmoke;
}
.balloon p {
 margin:12px;
 padding:0;
}
.joyuuimg{
 margin-bottom:35px;
}
.joyuuimg img{
 width:270px;
 display:block;
 margin:auto;
}
#prima_blog .blog_in #main strong{
    background: linear-gradient(transparent 90%, #ff6499 0%);
    line-height: 1.8;
}
#prima_blog .blog_in #main a{
    text-decoration: none;
}
.officialbtn{
  display:block;
  width:270px;
  margin:auto;
  position:relative;
  margin-bottom: 35px;
}
.officialbtn a{
  text-align:center;
  display:block;
  background:black;
  color:#fff;
  padding:13px 0;
  padding-right:25px;
  opacity:0.4;
}
.officialbtn a:hover{
  opacity:0.6;
}
.officialbtn a:after {
    position:absolute;
    content:"";
    top:16px;
    right:33px;
    width:8px;
    height:8px;
    border-top:4px solid #fff;
    border-right:4px solid #fff;
    transform:rotate(45deg);
    opacity:0.4;
  }
.blogimg{
 margin-bottom:35px;
}
 .blogimg img{
 width:270px;
 display:block;
 margin:auto;
}
.meritbox,.demeritbox{
  background-color:whitesmoke;
  padding-bottom: 6px;
}
.meritbox p,.demeritbox p{
  margin-bottom:5px;
}
.merittext p,.demerittext p{
  padding:1px 0 0 20px;
}
.merit li,.demerit li{
  list-style:disc;
  margin:7px 0;
}
.merit,.demerit{
  margin-left:45px;
  font-size:15px;
  padding-bottom:5px;
}
.primaimg{
  margin:50px 0 50px 0;
}
.primaimg img{
  display:block;
  margin:auto;
}
#main.site-main.blog .blog_cv p {
    font-weight: bold;
    line-height: 58px;
}
.kanrenblogarea .kanrennews ul {
    display: flex;
}

.kanrenblogarea .kanrennews .kanrennews1 {
    width: 25%;
    border: 1px solid #727171;
    margin: 1%;
    background: #f7f7f7;
    position: relative;
    height: 400px;
}

.kanrenblogarea .kanrennews .kanrennews1 a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
}

.blog_in #main.blog1 .kanrenblogarea .kanrennews .kanrennews1 img {
    height: 50%;
    width: 100%;
    object-fit: cover;
}

#main.site-main.blog .kanrenblogarea .kanrennews .kanrennews1 p {
    padding: 10px 5px;
    text-align: left;
    font-size:13px;
}

aside.kanrenblogarea {
    margin-top: 20px;
    padding-top:15px;
}

aside.kanrenblogarea .kanrennews1 .tag_b {
    position: absolute;
    bottom: 3px;
    right: 3px;
    display: flex;
    flex-wrap: wrap;
    font-size:12px;
}

.kanrenblogarea .kanrennews .kanrennews1 .tag_b .kanrentag a {
    position: static;
    color: #FFF;
}

.kanrenblogarea .kanrennews .kanrennews1 .tag_b .kanrentag {
    margin-right: 3px;
    background: black;
    padding: 2px 3px;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-left:1px;
}

.kanrenblogarea .b_title {
    font-size: 25px;
    padding: 10px 0px 0px;
}
#main.site-main.blog .kanrennews1 p{
  line-height:1.6;
}
/*集荷個数変更フォーム*/
.wpcf7-not-valid-tip{
    color:red;
}
@media (min-width: 1px) and (max-width: 640px) {
    #primary.blog {
        display: block;
        /* position: relative; */
    }
    #main.blog {
        width: 100%;
    }
    #main.blog .blog1 li {
        width: 100%;
        height:300px;
        margin: 10px 0px;
        border: 2px solid #efefef;
    }
    .pankuzulist{
      padding-top:10px;
    }
    .pankuzlist li:nth-child(1){
      width:12%;
    }
    .pankuzlist li:nth-child(2){
      width:19%;
    }
    .pankuzlist li:nth-child(3){
        width:50%;
      }
    .sidebar.blog {
        width: 100%;
        margin-left: 0px;
        padding: 10px 0px;
    }
    #prima_blog .blog_in #main {
        padding: 15px;
    }
    .wrap.blog {
        padding-top: 90px;
    }
    #mv .mv_in {
        height: 180px;
    }
    form#testSearch {
        text-align: center;
        margin: 10px 0px 0px;
    }
    div#prima_blog {
        padding: 0px;
    }
    .blogarea .news .news1 {
        width: 48%;
    }
    .blogarea .news ul {
        flex-wrap: wrap;
    }
    .toneojisan img{
      width:60px;
    }
    #main.site-main.blog .balloon p{
      font-size:14px;
    }
    .blog_kaitori_title{
      padding:11px 13px;
    }
    .blog_kaitori_selllist{
      display:block;
    }
    .blog_kaitori_left,.blog_kaitori_right{
      width:100%;
      margin:10px 10px;
    }
    .blog_kaitori_left li,.blog_kaitori_right li{
      font-size:16px;
    }
    .blog_cv li {
      width: 85%;
      margin-top: 10px;
    }
    #main.site-main.blog .blog_cv p {
      line-height: 1;
      height:auto;
    }
    .blog_cv:before{
      bottom: 6%;
      right: 25px;
    }
    .kanrenblogarea .kanrennews ul {
      flex-wrap: wrap;
    }
    .kanrenblogarea .kanrennews .kanrennews1 {
        width: 48%;
    }
    .kanrenblogarea .kanrennews .kanrennews1{
      height:280px;
    }
    #main.site-main.blog .kanrenblogarea .kanrennews .kanrennews1 p{
      font-size:12px;
    }
    aside.kanrenblogarea .kanrennews1 .tag_b{
      font-size:11px;
    }
    /*.starbox{
      margin-left:20px;
    }*/
    .adress_box{
      height:90px;
    }
    .adress1{
      width:20%;
    }
    .adress2{
      width:80%;
    }
    #main.site-main.blog .adress2 p:nth-child(2){
      line-height:24px;
      width:90%;
    }
    #main.site-main.blog .adress_box .adress1{
      line-height:90px;
    }
}
@media only screen and (max-width: 480px){
    .pagination .page-numbers li{
        margin-right: 5px;
    }
    #main.site-main.blog h3{
        margin:40px 0 5px;
        font-size:22px;
    }
}
/*-----------------
end kaitori_blog
-------------------*/
/* リストページの検索窓　*/

#searchform.list {
    text-align: center;
}

.search_flexbox .accordion_inner {
    display: none;
}

.search_flexbox.list {
    margin: auto;
}

.search_flexbox.list .accordion_one .accordion_header p {
    margin-top: -10px;
    font-size: 15px;
}

.accordion_header.open p {
    display: none;
}

.search_flexbox.list .search_flexitem {
    margin: 20px auto;
    width: 50%;
}

.search_flexbox.list .search_flexitem .txt01 {
    max-width: 340px;
    margin-bottom: 5px;
}

.search_flexbox.list .search_flexitem .txt02 {
    max-width: 210px;
    margin-bottom: 5px;
}

.accordion_inner.list .selectbox_wrap {
    border: 1px solid #000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px 10px;
}

.search_flexbox.list .search-text {
    height: 40px;
    padding: 0 10px;
    width: 100%;
    border: 1px solid #000;
}

.search_flexbox.list .serachbox_wrap input {
    background-image: url(../img/product/ui01.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 98% center;
}

.searchbox.list input.serachbox_img {
    max-width: 250px;
    margin: 10px 0px 90px;
}

p.link-style-btn {
    cursor: pointer;
    border: none;
    background: none;
    color: #5422ff;
}

p.link-style-btn:hover {
    text-decoration: underline;
    color: #002080;
}

@media(min-width: 1px) and (max-width: 940px) {
    .search_flexbox.list .search_flexitem {
        width: 100%;
    }
}
/* リストページの検索窓 end  */
/* productページ  */

.hukidashi_p {
    font-size: 24px;
}

.hukidashi:before {
    margin-right: 10px;
    content: "＼";
}

.hukidashi:after {
    margin-left: 10px;
    content: "／";
}

#page.single_product .list_cv_inner {
    margin-bottom: 50px;
}

#page.single_product .search_flexbox.list .search_flexitem {
    margin: 40px auto;
}

#page.single_product .search_flexbox.list .accordion_one .accordion_header p {
    margin-top: -20px;
}

#page.single_product .list_cv {
    margin: 10px auto;
}

@media(min-width: 1px) and (max-width: 940px) {
    .hukidashi_p {
        font-size: 16px;
    }
    #page.single_product .searchbox.list input.serachbox_img {
        margin: 10px auto 30px;
    }
}
/* productページ end */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.pagination {
    margin-top: 50px;
}

.pagination .page-numbers {
    display: flex;
    justify-content: center;
}

.pagination .page-numbers li {
    background: #f7f7f7;
    margin-right: 10px;
    padding: 5px 15px;
    border-radius: 5px;
}

.pagination .page-numbers li.choice {
    background: #ff558f;
}

.pagination .page-numbers li.choice span {
    color: #FFF;
}
#main.site-main.blog .recommend_title {
    margin-top: 50px;
    line-height: 1.2;
    font-weight: bold;
    font-family: cursive;
    font-size: 16px;
    text-align: center;
}
#main.site-main.blog .recommend_title br{
    display:none;
}
.recommend_box {
    display: flex;
    padding:20px;
    margin-top:8px;
    height:170px;
    background-color: #f7f7f7;
    margin-bottom: 40px;
}
li.kanrennews1 img{
    max-width:290px;
}
.reco_img img{
    max-width:190px;
}
.reco_img{
    width: 40%;
    margin-right: 30px;
}
.reco_title{
    width:70%;
}
#main.site-main.blog .recommend_box p {
    font-weight: bold;
}
#prima_blog .blog_in #main .recommend_box a{
    color:black;
    text-decoration:underline;
    font-size:17px;
    line-height:30px
}
#prima_blog .blog_in #main .recommend_box a:hover{
    text-decoration: none;
}
#prima_blog .blog_in #main .recommend_box .reco_btn {
    padding: 5px;
    background: #c7c7c7;
    margin: 15px auto 0;
    width: 80%;
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 12px;
    text-decoration: none;
}
#prima_blog .blog_in #main .recommend_box .reco_btn:hover{
    opacity: 0.9;
}
.recommend_title .pc{
    display:inline;
}
.recommend_title .sp{
    display:none;
}
.fix_side,.fix_side_wrap{
    display: none;
}
.fix_side {
    position: fixed;
    top: 50%;
    left: 90%;
    background-color: #ff558f;
    width: 10%;
    animation-name: fadein;
    animation-duration: 1s;
}
.fix_side p{
    writing-mode: vertical-rl;
    color:#fff;
    margin: 15px auto 0;
    font-size: 15px;
}
.fix_side img{
    width: 30px;
    height: 22px;
    margin: 5px auto 10px;
    display: block;
}
#prima_blog .blog_in #main b {
    background: linear-gradient(transparent 90%, #ff6499 0%);
    line-height: 1.8;
}
span.kuuhaku{
    display: block;
    margin:20px 0;
}
.shobun_cv{
    background-color: #fff;
    padding: 15px 10px;
    margin-top:10px;
    display: table;
    height:auto;
    box-shadow: 1px 1px 8px 0px #000;
}
.cv_img:hover{
    opacity:0.8;
}
.cv_text,.cv_img{
    display: table-cell;
    vertical-align: bottom;
}
#main.site-main.blog .cv_text p{
    font-weight:bold;
    font-size: 20px;
    line-height: 25px;;
}
.cv_text span{
    color:#f55135;
}
.cv_img{
    width:50%;
}
.review {
    background: #f1f1f1;
    padding: 10px;
}
.mailmagagine {
    margin: 50px 0;
    border: 1px solid #ff558f;
    padding: 18px 35px 10px;
}
#main.site-main.blog .mailmagagine p{
    font-size: 14px;;
}
.mailmagagine p,.mailmagagine li{
    font-weight:bold;
}
#main.site-main.blog p.merumaga_title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ff558f;
}
#main.site-main.blog .mailmagagine p {
    line-height: 1.5;
}
ul.benefit {
    margin: 10px 0 12px;;
}
#prima_blog .blog_in #main .merumaga_subscribe a {
    background: #ff558f;
    font-size: 15px;
    font-weight:bold;
    padding: 8px 0;
    color: #fff;
    text-align: center;
    display: block;
    width: 250px;
    margin: auto;
}
#prima_blog .blog_in #main .merumaga_subscribe a:hover{
    opacity:0.9;
}
.red {
    color: red;
}
#merit .bold:before{
    content:"・";
    color:red;
}
#demerit .bold:before{
    content:"・";
    color:blue;
}
#main_blog .blog.blog_in .camp_info_inner h4{       
    text-align: center;     
    background: #ededed;      
    margin: 5px 0px 20px;
    text-decoration:none;
}
#prima_blog .blog_in #main .camp_info_inner strong {
    background:none;
}
#prima_blog .blog_in #main .camp_info_inner .camp_t{
    margin-top: 20px;
}
@media screen and (max-width: 480px){
    #main.site-main.blog .recommend_title{
        font-size:14px;  
      }
      #main.site-main.blog .recommend_title br{
          display: block;
      }
      .recommend_box{
          height:130px;
          padding:15px;
          margin-top: 5px;
      }
    .reco_img{
        width:40%;
        margin-right:20px;
    }
    #main .reco_img img{
        object-fit: contain;
    }
    .reco_title {
        width: 53%;
    }
    #prima_blog .blog_in #main .recommend_box a{
        font-size: 12px;
        line-height:20px;
    }
    .recommend_title .pc{
        display: none;
    }
    .recommend_title .sp{
        display:inline;
    }
    .search_menu {
        margin: 20px auto 0;
        width: 90%;
    }
    .fix_side,.fix_side_wrap{
        display:block;
    }
    .fix_side_menu h3:nth-of-type(2){
        margin-top:20px;
    }
    .fix_side_wrap {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #94d6d6;
        z-index: 10000;
    }
    .fix_side_wrap.sidemenu_open,.fix_side.sidemenu_open{
        transition:1s;
    }
    .fix_side_wrap.sidemenu_open{
        right:0;
        transition: 1s;
    }
    .fix_side.sidemenu_open{
        right:100%;
    }
    .close_btn {
        color: #fff;
        background-color: #ff558f;
        margin-bottom: 30px;
        height: 70px;
        display: flex;
    }
    .batu{
        width:30px;
        align-items: center;
        display: flex;
        margin:0 10px;
    }
    .close_btn h2{
        line-height: 72px;
    }
    span.kuuhaku{
        margin: 20px 0;
    }
    .cv_text,.cv_img{
        display: block;
    }
    .cv_img{
        width:100%;
    }
    #main.site-main.blog .cv_text p {
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
    }

    #main_blog #mv h1 {
        top: 30%;
        bottom: 50%;
        right: 0;
        left: 0;
    }
    #main_blog #mv p {
        top: 65%;
        bottom: 50%;
        right: 0;
        left: 0;
        font-size:15px;
        width:80%;
    }
    .mailmagagine {
        padding: 18px 35px 18px;
    }
    #main.site-main.blog p.merumaga_title{
        margin-bottom:25px;
    }
    ul.benefit{
        margin:20px 0;
    }
    .mailmagagine p, .mailmagagine li{
        margin-top:1px;
    }
    #prima_blog .blog_in #main .merumaga_subscribe a{
        width:100%;
    }
    #main.site-main.blog p{
        line-height:1.8;
        font-size: 15px;
    }
    input#testSearchInput{
        width: 85%;
    }
    img.side_close_btn {
        width: 50px;
        height: auto;
    }
    .side_wrap {
        position: fixed;
        display: block;
        width: 90%;
        height: 100%;
        top: 0;
        right: -106%;
        padding-top: 70px;
        animation-name: fadein;
        animation-duration: 1s;
    }
    .side_wrap.open{
        position: fixed;
        overflow: auto;
        padding-bottom: 100px;
    }
    .side_close_btn{
        display: block;
    }
    #prima_blog .blog_in #main b,
    #prima_blog .blog_in #main strong {
        background: linear-gradient(transparent 90%, #ff6499 0%);
        line-height: 2;
    }
    #main.site-main.blog .recommend_box p {
        display: -webkit-box;
        font-weight: bold;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}
div#ez-toc-container ul li{
    margin-bottom: 5px;
}

#main.site-main.blog div.h2alt {
    border-left: 10px solid #ff558f;
    border-bottom: 2px solid #ff558f;
    margin: 10px 0px;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 5px;
    margin-top: 60px;
}