.cate-title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    margin: 50px 0 30px 0;
}

.cate-title span{
    font-size: 10px;
    margin-left: 10px;
  }

.cate-text_02 p{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 24px;
  }

.cate-text_02 img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.cate-video{
      text-align: center;
  margin:50px auto;
  width:700px;
  }

@media (max-width: 768px) {
.cate-video{
    width: 100%;
  }

    }


.padding_rl20{
  padding: 0 20px;
}


.back_beige {
    padding: 40px;
    background: #f3f3ee;
}

.back_gray {
    padding: 40px;
    background: #f9f9f9;
}


.sub-list {
  margin-bottom: 100px ;
}

.sub-list__unit {
  margin: 0.4em 0;
}

.sub-list__img {
  width: 40px;
}

.sub-list__name {
  font-size: 12px;
  padding: 10px;
}

/* カテゴリー別グループフリースペース */
.cg_freespace_01 .catebanner img{
  margin-bottom:50px;
}

.cg_freespace_01 .cate-text p{
  text-align:center;
  font-size:12px;
  margin-bottom:60px;  
  letter-spacing:1px;
  }

.hidden-phone .cate-title{
  width:100%;
  font-size:18px;
  font-weight:bold;
  border-bottom:solid 1px #999;
  margin:50px 0 30px 0;
}

.cg_freespace_01 .cate-title{
    width:100%;
  font-size:18px;
  font-weight:bold;
  border-bottom:solid 1px #999;
  margin:50px 0 30px 0;
}

.cg_freespace_01  ul.recitem{
position: relative;
}

.cg_freespace_01  ul.recitem li img{
  max-width:100%;
  height:auto;
}

.cg_freespace_01  ul.recitem li .pdtname a:hover{
opacity: 0.5;
}


.cg_freespace_01  ul.recitem li .pdtname{
   line-height:18px;
  margin-top:5px;
    font-size: 12px;
    overflow:hidden;
    height:6.4em;
    list-style:none;
}

.cg_freespace_01  ul.recitem li .rkg_number{
  content: counter(section);
    position: absolute;
    top: 4px;
    left: 20px;
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #333;
    font: 400 16px/24px 'futura-pt', 'Open Sans', sans-serif;
    text-align: center;
  }

@media (max-width: 768px) {
.cg_freespace_02  ul.recitem li img{
  height:125px;
}
    }

/* 特集グループフリースペース */

.cg_freespace_01 .feature-back{
      margin-bottom: 50px;
      padding-bottom: 50px;
background:#f3e5e3;
}

.cg_freespace_01 .feature-back-w{
  max-width:90%;  
  margin: 0 auto
  }

.cg_freespace_01 .featurebanner-2{
  padding-top:50px;
    text-align:center;
}

.cg_freespace_01 .featurebanner-2 img{
    max-width:89%;
    margin-bottom:60px; 
      border: solid 2px #fff;
}

.cg_freespace_01 .feature-text-2{
  background:#fff;
  margin-top:-100px;
  padding:100px 0 20px 0;
  }

.cg_freespace_01 .feature-text-2 p{
  text-align:center;
  font-size:12px;
  margin-bottom:60px;  
  letter-spacing:1px;
  }

.cg_freespace_01 .feature-subtitle-2{
  text-align:center;
  border-bottom:1px solid #000;
   }

.cg_freespace_01 .feature-subtitle-2 p{
  margin-top:50px;
    font-size:50px;
font-family: 'Pinyon Script', cursive;
      line-height: 4px;

 }

.cg_freespace_01  .maru-button ul  {
     text-align:center; 
    margin:0;
}

.cg_freespace_01  .maru-button ul li{
  margin:30px 20px 10px 20px;
  display: inline-block;
}

.cg_freespace_01  .maru-button ul li a:hover{
opacity: 0.7 ;
}

.cg_freespace_01  .maru-button ul li img{
    height:180px;
 width:180px;
 border-radius:50%;
  }

.cg_freespace_01  .maru-button ul li p{
  text-align:center; 
  margin-top:10px;
    }

.scc {
  position: relative;
    margin-bottom:30px; 
  background:#fff;
  	color: #f79ea2;
	font-size: 12px;
   border-radius:50%;
  padding:20px;
  transform: rotate(-10deg);
}


.scc:before {
  margin-right:15px;
  content: "";
  position: absolute;
  bottom: -25px;
  left: 48%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 17px solid #fff;
  z-index: 0;
}

.a-title {
	text-align:center; 
	background:#f79ea2;
	width:380px;
	margin: 50px auto;
	border-radius: 10px
}

.a-title a :hover{
	background:#FFEEEF;
	color:#FF8087;
	border:1px solid #FF8087;
    border-radius: 10px
}

.a-title p{
	padding:10px;
	color: #fff;
  	font-size: 14px;
	letter-spacing:1px;
	font-family: 'Noto Serif JP', serif;
}

.st {
	font-size:16px;
	text-align:center; 
	font-family: 'Noto Serif JP', serif;
	letter-spacing:2px;
}

.st span {
	font-size:12px; 
	letter-spacing:3px;
}

.s1 {
	letter-spacing:1px;
	font-family: 'Noto Serif JP', serif;
	color: #444;
	font-size: 12px;
	display: flex;
	align-items: center;
}

.s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.s1:before {
	margin-right: .4em;
}
.s1:after {
	margin-left: .4em;
}

.cg_freespace_01 .stripe{
  margin: 50px 0;
  width:100%;
  height:40px;
background-size: 10px 10px;
background-attachment: fixed;
  
background-image: linear-gradient( 
-45deg
, #f3e5e3 35%, #f1c5c8 15%, #f1c5c8 40%, #f3e5e3 60%, #f3e5e3 85%, #f1c5c8 65%, #f1c5c8 );
}

.cg_freespace_01 .itemback{
    background:#fff;
    margin-top:50px;
    padding:30px 0;
}

.cg_freespace_01 .mditem{
    text-align:center;
}

.cg_freespace_01 .mditem p{
    font-size: 20px;
    margin: -40px 0 0 3px;
    font-family: 'Noto Serif JP', serif;
}

.cg_freespace_01 .feature-title-md{
    text-align:center;
    font-size: 15px;
    font-family: 'Noto Serif JP', serif;
    margin: 10px 0;
    letter-spacing: 2px;
}

.feature-subtitle-md, .feature-subtitle-md-j {
    margin:0 30px;
}

.feature-subtitle-md p{
    margin:50px 0 0 0;
    font-size:10px;
    text-align:left;
    border-bottom:solid 1px #000;
    font-family: 'Noto Serif JP', serif;
  }

.feature-subtitle-md-j{
    padding:30px 0;
    border-bottom:solid 1px #000;
 }

.feature-subtitle-md-j_title{
    text-align: left; 
    float: left;
    font-weight:bold;
    margin:0;
    letter-spacing: 1px;
    font-size:14px;
 }

.feature-subtitle-md-j_price{
    text-align: right;
    margin:0;
 }

.feature-subtitle-md_v p{
    margin:10px 30px;
    font-size:10px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', serif;
 }

li.featureitem-md{
    margin:0px;
 }

ul.featureitem-md{
    margin:0 30px 30px 30px;
 }

ul.featureitem-md .right{
    float:right;
 }

li.featureitem-md img{
    max-width:100%;
    -webkit-backface-visibility: hidden;
    margin:0 30px;
 }

li.featureitem_sub-md img{
    max-width:70px; 
    margin:0  0 10px;
 }
li.featureitem_sub-md p{
  font-size:12px;
  text-align:center;
   }



.cg_freespace_01{
max-width: 1000px;
    margin: 0 auto;
 }

.cg_freespace_01  ul.featureitem-md li.featureitem_sub-md  a:hover{
    opacity: 0.5;
 }

.cg_freespace_01  ul.featureitem-md li .fpdtname-md{
    line-height:18px;
    margin-top:5px;
    font-size: 11px;
    overflow:hidden;
    height:6.4em;
    list-style:none;
 }

.cg_freespace_01 .feature-subtext-md p{
    letter-spacing:1px;
    font-size:12px;
    text-align:left;
    margin:50px 30px 30px 30px;  
 }

.cg_freespace_01 .featurebanner{
    text-align:center;
 }

.cg_freespace_01 .featurebanner img{
    max-width:825px;
    margin-bottom:60px; 
 }

.cg_freespace_01 .feature-text p{
    text-align:center;
    font-size:12px;
    margin-bottom:60px;  
    letter-spacing:1px;
 }

.cg_freespace_01 .feature-subtext p{
    letter-spacing:1px;
    font-size:12px;
    text-align:left;
    margin-top:50px;
    margin-bottom:60px;  
 }

.cg_freespace_01 .feature-button{
   text-align:center; 
}

.cg_freespace_01  ul.fb {
   text-align:center; 
}

.cg_freespace_01  ul.fb_3list li{
    width: 260px;
    border:solid 1px #000;
    text-align:center;
    padding:20px;
    margin: 5px;
}

.cg_freespace_01  ul.fb li{
    text-align: center;
    padding: 5px;
    margin: 0;
}


.cg_freespace_01  ul.fb li a{
    border: solid 1px #000;
    padding: 20px;
    display: block;
}



.feature-title{
    width:100%;
    font-size:25px;
    border-bottom:solid 2px #000;
    margin:100px 0 10px 0;
    text-align:center;
}

.feature-subtitle p{
    margin-top:50px;
    font-size:25px;
    text-align:left;
    border-bottom:solid 1px #000;
    font-weight:bold;
}

.feature-pdtitle p{
    font-size:20px;
    text-align:left;
    border-bottom:solid 1px #000;
}

.feature-subtitle p span{
    font-size:12px;
    letter-spacing:1px;
    margin-left:10px;
}

.feature-title span{
    font-size:12px;
    margin-bottom:60px;  
    letter-spacing:1px;
    margin-left:20px;
}

li.featureitem{
    margin:0px;
}

ul.featureitem{
    margin-bottom:30px;
}

ul.featureitem .right{
    float:right;
}

li.featureitem_main img{
    margin: 50px 0 30px;
    max-width:100%;
    -webkit-backface-visibility: hidden;
}

li.featureitem img{
    max-width:100%;
    -webkit-backface-visibility: hidden;
}

li.featureitem_sub img {
    object-fit: cover;
    height: 90px;
    max-width: 90px;
    border-radius: 50%;
    margin: 30px 0 10px;
}

.cg_freespace_01  ul.featureitem li.featureitem_sub  a:hover{
    opacity: 0.5;
}


.cg_freespace_01  ul.featureitem li .fpdtname{
    line-height:18px;
    margin-top:5px;
    font-size: 11px;
    overflow:hidden;
    height:6.4em;
    list-style:none;
}

.keyword_tag{ 
    margin-top:50px;
}

.keyword_tag ul{ 
    margin:0;
  }

.keyword_tag ul li{ 
    border-radius:20px;
    display: inline-block;
    margin-bottom:10px;
    border:1px #999 solid;
    padding:5px 10px;
    font-size:12px;
 } 

@media (max-width: 768px) {
.cg_freespace_01 .featurebanner img{
    max-width:100%;
}
  
.cg_freespace_01  ul.fb li{
    width: 100%;
    margin:5px 0;
}
  
.cg_freespace_01 ul.featureitem li .fpdtname {    
    height: 3em; 
}

.keyword_tag ul{ 
    width:100%;
}
  
.keyword_tag ul li{ 
    display: inline-block;
    margin-bottom:10px;
}
  
.a-title {
   width: 100%;
}
    
li.featureitem_main img {
    margin: 50px 0 0 0;
}
  
  .feature-subtitle-md-j_price {
   clear: both;
  }
  

  
  
  .cg_freespace_01 ul.fb_3list li {
    width: 100%;
    margin: 5px 0;
}
    }

.cg_freespace_01 .feature-text-2 {
    padding: 40px 0 20px 0;
}



li span.pagination__current{
color:#fff;
    background-color: #d8d8d8;
}

li a.pagination__prev, li a.pagination__next{
font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
   margin-top: 10px; 
  }



.cg_freespace_01 .feature-text_gs p {
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}

.cg_freespace_01 .featurebanner_gs {
    text-align: center;
}


.cg_freespace_01 .featurebanner_gs img {
    max-width: 89%;
}

.cg_freespace_01 .featurebanner_gs a:hover{
    opacity: 0.5;
}







/* 父の日特集グループフリースペース */


.cg_freespace_01 .fd_feature-back {
    margin-bottom: 50px;
    padding-bottom: 50px;
    background: #d5dce2;
}


.cg_freespace_01 .fd_feature-subtitle-2 {
    background: #5b6275;
    margin-top: 30px;
    border-top: solid #ffffff 1px;
    text-align: center;
    border-bottom: 1px solid #fff;
}


.cg_freespace_01 .fd_feature-subtitle-2 p {
    letter-spacing: 3px;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px;
}


.fd_scc {
    position: relative;
    margin-bottom: 30px;
    background: #fff;
    color: #5a6274;
    font-size: 12px;
    padding: 20px;
}


.fd_scc:before {
    margin-right: 15px;
    content: "";
    position: absolute;
    bottom: -25px;
    left: 48%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 17px solid #fff;
    z-index: 0;
}

.cg_freespace_01 .fd_maru-button ul {
    text-align: center;
    margin: 0;
}

.cg_freespace_01 .fd_maru-button ul li {
    margin: 30px 20px 10px 20px;
    display: inline-block;
}

.cg_freespace_01 .fd_maru-button ul li p {
    text-align: center;
    margin-top: 10px;
}

.cg_freespace_01 .fd_maru-button ul li img {
  object-fit: cover;
    border: 2px solid #fff;
    height: 170px;
    width: 170px;
    padding: 5px;
}

.cg_freespace_01 .fd_maru-button ul li a:hover {
    opacity: 0.7;
}

.fd_a-title {
    text-align: center;
    background: #5a6274;
    width: 380px;
    margin: 50px auto;
    box-shadow: 0 0 10px 0 rgb(255 255 255 / 50%);
}

.fd_a-title a :hover {
    background: #c9d0da;
    color: #5a6274;
    border: 1px solid #5a6274;
}

.fd_a-title p {
    padding: 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', serif;
}



.cg_freespace_01 .fd_stripe {
    margin: 50px 0;
    width: 100%;
    height: 30px;
    background-size: 10px 10px;
    background-attachment: fixed;
    background-image: linear-gradient( 
-45deg
 , #d4dce1 35%, #c9cfda 15%, #c9cfda 40%, #d4dce1 60%, #d4dce1 85%, #c9cfda 65%, #c9cfda );
}



@media (max-width: 768px) {
  .cg_freespace_01 .feature-back-w {
    max-width: 95%;
}
  
  .cg_freespace_01 .featurebanner-2 img {
    max-width: 95%;
    margin-bottom: 30px;
    }
  
  .cg_freespace_01 .feature-text-2 p {
    padding: 0 20px;
    margin-bottom: 20px;
        }
  
  .cg_freespace_01 .fd_feature-subtitle-2 p {
    font-size: 18px;
}
  
  .cg_freespace_01 .fd_maru-button ul li img {
    height: 230px;
    width: 230px;
}
  
.fd_a-title { 
width: 240px;
  }
  

  
  .cg_freespace_01 .feature-subtext-md p {
    margin: 50px 10px 30px 10px;
}
  
  ul.featureitem-md {
    margin: 0 10px 30px 10px;
}
  
  .feature-subtitle-md, .feature-subtitle-md-j {
    margin: 0 10px;
}
  
  .feature-subtitle-md-j {
    padding: 20px 0;
  }
  
  }