@media (min-width: 768px) {
	
/*その他*/
body,.cont_wrap{background:none;color: #242424;}
h2{
    font-size: 26px;
    background: #28c6c0;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 13px 0;
    margin: 0 0 20px;
}

.sp_view.type2{display:block !important;}
p.concept_text{
    width: 95%;
    font-size: 17px;
    line-height: 1.7;
    margin: 0 auto 20px;
}
img{max-width:100%;height:auto;}
img[src$="kizuna_concept_img.jpg"]{
    margin: 0 auto 30px;
    display: block;	
}
img[src$="Tokuten5PC.png"]{
    margin: 0 auto 30px;
    display: block;	
}
img[src$="kizuna_concept_imgPC.jpg"]{
    margin: 0 auto 30px;
    display: block;		
}
.top_Induction_banner2 {margin-bottom: 20px;}
.btn-wrap:before {
        content: "";
        width: 50px;
        background-size: 100%;
        background-repeat: no-repeat;
        aspect-ratio: 253 / 150;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 5px;
        z-index: 100;
        /* content: ""; */
        background-color: #f3719c;
        -webkit-mask-image: url(https://kizuna3.com/img/arrow_b.svg);
        mask-image: url(https://kizuna3.com/img/arrow_b.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        animation-name: fuwafuwa;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-duration: 1.5s;
}
@keyframes fuwafuwa{
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-10px)
    }
}
.btn-wrap a {
    margin: auto;
}
a.reservation2{
    text-align: center;
    display: block;
    color: #464646;
    font-size: 16px;
    margin: 30px auto;	
}

.login_text{
    font-size: 17px;
    text-align: center;
    margin: 0 0 30px;	
}
.login_text a{
    color: #fb3dc2;
    font-weight: bold;	
}
	
.banner_container{
    width: 992px;
    margin: 0 auto 20px;	
}
.banner_container img{
    height: auto;
    display: block;
    margin: auto;	
}
.member_campzone{margin: 0 0 20px;}

img[alt="今すぐ無料で占う"]	{
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;	
}	

/*テーブル*/	
table.custom{
    width: 95%;
    font-size: 17px;
    border-collapse: collapse;
    border: 1px solid #c1c1c1;
    border-top: none;
    margin: 0 auto 30px;	
}
table.custom caption{
    color: #fff;
    font-size: 18px;
    background: #fc72b0;
    padding: 13px;
    border: 1px solid #fc72b0;
}
table.custom tr{}
table.custom th{border-bottom: 1px solid #c1c1c1;}
table.custom th[scope="row"]{
    border-right: 1px solid #c1c1c1;
    width: 30%;
    font-weight: normal;
    padding: 10px;
    background-color: #fbfbfb;	
}
table.custom tr:nth-last-child(1) th{border-bottom: none;}
table.custom td{
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;	
}
table.custom tr:nth-last-child(1) td{border-bottom: none;}	

/*アコーディオン*/	
	
.accordion{
    width: 95%;
    margin: 0 auto 30px;	
}	
.accordion-detail {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.accordion-detail p{
    font-size: 17px;
    line-height: 1.7;
    margin: 0 0 20px;	
}
.accordion-detail img{
    width: 30%;
	margin-top: 30px;
}
.accordion-item {
    border: 1px solid #c1c1c1;
    margin: 0 auto 10px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.accordion-item:before{
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #c1c1c1;
    margin: auto;
    left: 0;
    right: 0;
    top: 55px;
	opacity: 0;
	transition: all 0.3s ease-in-out;	
}
.accordion-item.open:before{
    opacity: 1;
    transition: all 0.3s ease-in-out;	
}
.accordion-item h3 {
    cursor: pointer;
    font-size: 22px;
    /* font-weight: normal; */
    margin: 0;
    position: relative;
    border-left: 7px solid #fa71af;
    padding: 6px 0 6px 10px;
}
.accordion-item h3:after{
    content: "";
    background: url(https://kizuna3.com/img_top/icon-plus.png);
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px;	
}
.accordion-item.open h3:after{
    background: url(https://kizuna3.com/img_top/icon-minus.png);
	background-size: 100%;
}	

.detail{width: calc(70% - 20px);margin-top: 30px;}
.detail a{color: #337ab7;}
	
/*appealエリア*/
.appeal{
    width: 992px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    border: solid 5px #ebca33;
    outline: solid 2px #ebca33;
    outline-offset: -14px;
    margin: 30px auto;
    /*background: url(https://kizuna3.com/img_top/appeal_bg.png) #fff;*/
    background-repeat: no-repeat;
    background-position: center bottom 42px;
}

.appeal_l{width: 100%;}
.appeal_r{
    width: 50%;
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
	
.ribbon9 {
    width: 90%;
    display: inline-block;
    position: relative;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    z-index: 100;
    margin: 0 0 20px;
}
.ribbon9:before {/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    left: -26px;
    z-index: -2;
    border: 20px solid #fd91c2;
    border-left-color: transparent;
}

.ribbon9:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -26px;
  z-index: -2;
  border: 20px solid #fd91c2;
  border-right-color: transparent;
}
.ribbon9 h3{
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 20px;
    color: #FFF;
    background: #fc72b0;
    border: none;
}
.ribbon9 h3:before{
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #bf668e;/*左の折り返し部分*/	
}
.ribbon9 h3:after{
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #bf668e;/*右の折り返し部分*/	
}
	
video{
    width: 100%;
	height: auto;
    display: block;
}
/*スライダー*/
.slick-dots li{
    width: 20px;
    height: 20px;
    margin:0 5px;
}
.slick-dots li button{
	width: 20px;
    height: 20px;
    padding: 0;
}
.slick-dotted.slick-slider{margin-bottom: 0;}	
.slick-dots li button:before{
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.slick-dots li.slick-active button:before{color: #ff4ca9;}
	
/*メイン画像*/	
#Mainimg_container{
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#Mainimg_container a{
    width: 95%;
    height: auto;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 10000;
}
#Mainimg_container img.register_button{
    height: auto;
	margin: auto;
	display: block;
}
.register_button_wrap{display:none;}
.slider_wrap{
    background: none;
    padding: 15px 0 35px;
}
.slider_main{width:1920px;margin:auto;}	
.slider_main img{
    height: auto;
}
.slider_main .slick-slide{
    margin: 0 10px !important;
    background: #fff;	
}
.slider_main .slick-slide:not(.slick-center){}
.slider_main .slick-slide:not(.slick-center) img{opacity: 0.3;}
.slick-slider .slick-track, .slick-slider .slick-list{/*transform: none !important;*/}

.slider_main .slick-prev{
    width: 50px;
    height: 50px;
    z-index: 1;
    left: 50%;
    transform: translate(-430px,-20px);
}
.slider_main .slick-next{
    width: 50px;
    height: 50px;
    z-index: 1;
    right: 50%;
    transform: scaleX(-1) translate(-430px,-20px);
}
.slider_main .slick-prev:before{
    content: "";
    background: url(https://kizuna3.com/img_top/icon-arrow.png);
    background-size: 100%;
    width: 50px;
    height: 50px;
    display: block;
    opacity: 1;		
}
.slider_main .slick-next:before{
    content: "";
    background: url(https://kizuna3.com/img_top/icon-arrow.png);
    background-size: 100%;
    width: 50px;
    height: 50px;
    display: block;
    opacity: 1;	
}

	
/*ヘッダー*/
.dummy_header{display: none !important;}	
#header{
    background: #FFF;
    border-bottom: #eaeaea 1px solid;
    right: 0;
    left: 0;
    z-index: 1000;
}

.support_logo{
    width: 39%;
    height: auto;	
}
.hamburger-menu{width:10%;}
#nav-open{
    width: 100%;
    background: url(https://kizuna3.com/img_top/hamburger-menu.png);
    background-size: 100%;
    aspect-ratio: 150 / 150;
}

/*最新のお知らせ*/
.info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;	
}
.info h2{order: 2;}
.info ul{
    width: 992px;
    padding: 10px;
    margin: 0 auto 30px;
    background: #fff;
    border: 1px solid #ababab;
    order: 3;
}
.info li{
    font-size: 15px;
    line-height: 1.5;
    list-style-type: none;
    border-bottom: 1px dotted #4a4a4a;
    padding: 10px 0 10px;
}
.info li:nth-last-child(1){border-bottom: none;}
.info li a{
    color: #000;
    width: calc(100% - 20px);
    position: relative;
    display: block;
    text-decoration: none;
    /* background: #000; */
}	
.info li a:after{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: unset;
    right: -17px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 5px solid #a6dcda;
    border-right: 5px solid #a6dcda;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info-tag{}
[class^="info-tag type"]{
    font-size: 12px;
    font-weight: bold;
    border: none;
    padding: 3px 5px;
    margin-right: 6px;
}
.info-tag.type1{
    color: #fff;
    border-color: #3f98ef;
    background: #3f98ef;
}
.info-tag.type2{
    color: #fff;
    border-color: #ff4ca9;
    background: #ff4ca9;
}
.info-tag.type3{
    color: #fff;
    border-color: #3f98ef;
    background: #3f98ef;
}

[class^="info-taitle type"]{font-weight: bold;}
.info-taitle.type1{color: #337ab7;}
.info-taitle.type2{color: #ff4ca9;}
.info-taitle.type3{color: #337ab7;}
.info-day{}
.info .top_campbtn{
    margin: 0;
    max-width: 100%;
    order: 1;	
}
.info .member_campzone{margin:0;}
	
.explan{
    width: 992px;
    margin: 30px auto 30px;
    padding: 10px;
    border: 1px solid #49b2ae;
    position: relative;
    background: #fff;
}
.explan dt{
    color: #1a7572;
    font-size: 15px;
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.explan dt:before{
    content: "";
    background: url(https://kizuna3.com/img_top/icon_book2.png);
    background-size: 100%;
    aspect-ratio: 65 / 65;
    width: 25px;
    margin-right: 10px;
}
.explan dd{
    font-size: 15px;
    line-height: 1.5;
    padding: 0;
    margin: 0;	
}	


/*占い師紹介枠*/
	
.tab-wrap{display: none !important;}
ul.teller-list{
    width: 992px;
    background: #fff;
    border: #f5d5a7 2px solid;
    margin: 20px auto;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
ul.teller-list li{
    width: 20%;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0 12px;
    padding-bottom: 40px;
    position: relative;
}
ul.teller-list li:nth-child(5n+1){}
ul.teller-list a{text-decoration:none;}
.tag-thumb{
    display: flex;
    justify-content: center;
    margin: 0 0 10px;	
}
.tag-thumb img{width: 120px;height:auto;}	
.tag-consult,.tag-features,.tag-review{display: none;}
.tag-taiki{
    width: 90%;
    color: #fff;
    background: #000;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border-radius: 6px;
    padding: 5px 0;
}
.tag-taiki[data-content="今すぐ占います"]{
    background: #ff517a;
    text-shadow: 1px 1px 0 #cc4162;
    box-shadow: 0 2px 0 #b34c65;	
}
.tag-taiki[data-content="今すぐ占います"]:hover{background: #d12b52;}
.tag-taiki[data-content="ただ今占い鑑定中"],.tag-taiki[data-content="お問い合わせ"]{
    text-shadow: 1px 1px 0 #828282;
    background: #a8a8a8;
    box-shadow: 0 2px 0 #828282;	
}
.tag-taiki[data-content="ただ今占い鑑定中"]:hover,.tag-taiki[data-content="お問い合わせ"]:hover{background: #8b8b8b;}
.tag-taiki[data-content="電話占い予約をする"] {
	text-shadow: 1px 1px 0px #7b66c5;
    background: #9d92e7;
    box-shadow: 0 2px 0 #7b66c5;
}
.tag-taiki[data-content="電話占い予約をする"]:hover{background:#776eb3;}
.tag-taiki[data-content="予約案内中"] {
    text-shadow: 1px 1px 0px #c77408;
    background: #f79b21;
    box-shadow: 0 2px 0 #c77408;	
}
.tag-taiki[data-content="予約案内中"]:hover{background:#d78415;}
.tag-taiki:hover{
    box-shadow: none;
    text-shadow: none;
    transform: translateY(2px);
}
.tag-name-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5px;
    align-items: baseline;	
}
.tag-name-wrap:hover{text-decoration: underline;}
.tag-name{font-size:16px;color:#009;}
.tag-ruby,.tag-sensei{
    font-size: 14px;
    line-height: 1;
    color: #333;	
}
.tag-ruby{
    width: 100%;
    order: 3;	
}
.tag-divination span:nth-of-type(1){display:none;}
.tag-divination span:nth-of-type(2){
    color: #333;
    width: 100%;
    font-size: 16px;
    line-height: 1.1;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.tag-price{
    font-size: 16px;
    color: #337ab7;
    border-radius: 0px;
    padding: 0;
    margin: 0 0 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.tag-price:before{
    content: "";
    background: url(https://kizuna3.com/img_top/feeicon1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    transform: translateY(2px);
    margin-right: 2px;
}
.tag-price span:nth-of-type(3){font-size: 13px;}

	
.diviner-list{
    width: 992px;
    background: #fff;
    border: #f5d5a7 2px solid;
    margin: 20px auto;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.diviner-list li{
    width: 20%;
    position: relative;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0 10px 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.diviner-list li[data-content="オードリーメーカー"] .name span:nth-of-type(2){display: none;}
.diviner-list .performer_link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;	
}
.slogan{
    width: 95%;
    overflow: hidden;
    padding: 2vw 0;
    margin: 0 auto 2vw;
    border: 1px solid #d5d5d5;
    background: #ffffff;
}
.slogan span{
    font-size: 4vw;
    color: #ff517a;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    white-space: nowrap;
    animation: SlideSample 12s linear infinite;
}	

.message-board{display: none;}

.thmb-area2{
    width: 100%;
    margin: 0 auto 10px;
    position: relative;
    order: 1;
    display: flex;
    justify-content: center;
}
.diviner-list .name{
    width: 100%;
    order: 2;
    font-size: 16px;
    color: #009;
    position: relative;
    padding-bottom: 20px;
}
.diviner-list .name span:nth-of-type(2){
    position: absolute;
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #333;	
}
.diviner-list .name span:nth-of-type(3){
    font-size: 14px;
    line-height: 1;
    color: #333;	
}
.tag-wrap3{order: 4;}
.tag-review2{display: none;}
.tag-thumb2{width: 70%;}
.tag-thumb2 img{
    width: 100%;
    height: auto;
}
.tag-divination2{
    border-radius: 7px;
    color: #333;
    width: 100%;
    font-size: 16px;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transform: translateY(5px);	
}
.tag-divination2 span:nth-of-type(1){display: none;}
.tag-consult2{display: none;}
.tag-taiki2{
    order: 3;
    width: 100%;	
}
.tag-taiki2 .taiki-mode{
    width: 90%;
    color: #fff;
    background: #000;
    bottom: 0;
    margin: auto;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
}
.tag-taiki2[data-content="今すぐ占います"] .taiki-mode{
    background: #ff517a;
    text-shadow: 1px 1px 0 #cc4162;
    box-shadow: 0 3px 0 #b34c65;
}
.tag-taiki2[data-content="予約案内中"] .taiki-mode{
    background: #f79b21;
    text-shadow: 1px 1px 0 #c77408;
    box-shadow: 0 3px 0 #c77408;
}	
.tag-taiki2[data-content="ただ今占い鑑定中"] .taiki-mode{
    background: #a8a8a8;
    text-shadow: 1px 1px 0 #828282;
    box-shadow: 0 3px 0 #828282;
}	
.tag-taiki2[data-content="電話占い予約をする"] .taiki-mode{
    background: #9d92e7;
    text-shadow: 1px 1px 0 #7b66c5;
    box-shadow: 0 3px 0 #7b66c5;
}		
.tag-price2{
    font-size: 16px;
    color: #337ab7 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;	
}
.tag-price2:before{
    content: "";
    background: url(https://kizuna3.com/img_top/feeicon1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
}

.tag-price2 > span span:nth-of-type(1){display: none;}
.tag-price2 > span span:nth-of-type(2){font-size: 13px;}
.tag-taiki2[data-content="ただ今占い鑑定中"] .tag-price2 {color:#a8a8a8;}	
.tag-taiki2[data-content="予約案内中"] .tag-price2 {color:#f79b21;}		
.tag-taiki2[data-content="電話占い予約をする"] .tag-price2 {color:#9d92e7;}		

/*固定ボタン*/
#FixRegi{
    width: 100%;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5000;
    box-sizing: border-box;
    background: rgb(255 255 255 / 50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#FixRegi a:nth-of-type(1){margin-right: 20px;}	
#FixRegi img{
    width: 100%;
    height: auto;
}
	
/*応援メッセージ*/
.message_wrap{
    width: 992px;
    margin: 0 auto 50px !important;
}
.message_wrap:after{
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fffffffa);
    position: absolute;
    top: 0;
    width: 15px;
    height: 100%;
    right: 0;	
}	
.message_item{
    border: 1px solid #c1c1c1;
    /* border-right: 1px solid #000; */
    border-radius: 5px;
    padding-bottom: 60px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.message_item p.message{
    font-size: 15px;
    line-height: 1.5;
    max-width: 95%;
    padding: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
    margin: auto;
}
.message img{
    margin: 15px auto;
    display: block;	
}
.toggleButton:after{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 6px;
    left: unset;
    right: 17px;
    display: block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);	
}
.toggleButton.open:after{transform: rotate(-45deg) translate(-5px, 5px);}	
.toggleButton.close + p.message{
    max-height: 150px !important;
    min-height: 150px !important;	
}
.toggleButton.close + p.message:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px; /* 下部にぼかし効果をつける */
	background: linear-gradient(to bottom, rgba(255,255,255,0), white);
	pointer-events: none; /* クリックを邪魔しない */	
}
	
.toggleButton.hidden{display: none !important;}
	
.slick-active p.message.expanded{max-height:none;}
.message_item p.message.expanded:after{display: none;}

.author-info{
    background: #e0faf9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
	position: relative;
}
.author-info a{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;	
}
.tamp-container{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 10px;	
}
.tamp-container img{width:100%;height:auto;}
.message_item p.meta{margin: 0;}
.message_item p .name{
    font-size: 17px;
    display: block;
}
.message_item p .date{font-size: 14px;}	

.message_wrap .slick-list{padding: 0 !important;}
.message_wrap .message_item button {
    all: unset;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    width: 90%;
    position: absolute;
    color: #fff;
    background: #28c6c0;
    box-shadow: 0 3px 0 #1d9994;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10px;
    font-size: 17px;
    padding: 10px 0;
    border-radius: 100px;
    z-index: 10;
}
.message_wrap .message_item button {pointer-events: none;}
.message_wrap .message_item.slick-active button {pointer-events: auto;}	
	
/*カテゴリ*/
.CategoryList{
    width: 992px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto 30px;
}
.CategoryList li{
    width: 15.8%;
    list-style-type: none;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    padding: 10px 0;
    background: #fff;
}
.CategoryList li:nth-child(6n+6){margin-right: 0;}
.CategoryList li a{
    width: 92%;
    display: flex;
    margin: auto;
    text-decoration: none;
    flex-wrap: wrap;
    justify-content: space-between;
}	
.CategoryList li img{width: 45%;}
.CategoryList span.catname{
    width: 50%;
    font-size: 17px;
    color: #f139a9;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.CategoryList span span{display: block;}

/*オフィシャルブログfeed*/
.column-wrap2{
    width: 992px;
    padding: 15px;
    margin: 0 auto 30px;
    border: 1px solid #c1c1c1;
    background: #fff;
}
.column-wrap2 li{
    list-style-type: none;
    position: relative;
    border-bottom: 1px dotted #c1c1c1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.column-wrap2 li:nth-last-child(1){
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.column-link2{
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
    align-items: center;
}
.title-wrap2{
    width: 87%;
    order: 2;
    font-size: 17px;
    line-height: 1.5;
}
.title-wrap2 span:nth-of-type(1){
    color: #fff;
    background: #e540c0;
    font-size: 12px;
    padding: 3px 5px 3px;
    margin-right: 5px;
}
.title-wrap2 span:nth-of-type(2){color: #337ab7;font-weight: bold;font-size: 16px;}
.thumbnail-wrap2{
    width: 12%;
    order: 1;
    position: relative;
}
.thumbnail-wrap2 span{
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background: #000000a3;
    padding: 5px 5px 2px;
}
.meta-wrap2{
    width: 23%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
    flex-wrap: wrap;
    justify-content: space-between;
}
.meta-wrap2 span{
    width: calc(100% - 60px);
    font-size: 15px;	
}
.diviner-wrap2{
    width: 50px;
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
}
	
/*ハピ*/	
.hapy_more {
	font-size: 16px;
	text-align: right;
    margin-top: 10px;
}
.hapy_more a {
    color: #337ab7;
    text-decoration: none;
}	
.tit {font-size: 16px;}
#feed {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	display: -webkit-box
}

#feed li {
	margin-bottom: 7px;
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 5px 0px 5px 0px !important;
	width: 20%
}

#feed li p {
	margin: 0 0 10px
}

.rss-thumbnail p {
	text-align: center
}

.rss-thumbnail div {
	margin: 0 3px
}	

}

@media (min-width: 768px) {
.appeal + picture{
    display: block;
    width: 992px;
    margin: auto;	
}
}
@media (min-width: 1921px) {
.slider_main .slick-prev {transform: translate(-575px, -20px);}
.slider_main .slick-next{transform: scaleX(-1) translate(-570px,-20px);}
.slider_main{width: 2300px;}
}
	
@media (max-width: 767px) {
	
/*その他*/
body,.cont_wrap{background:none;color: #242424;}
#h1-wrap {background-color: #24c6c0;padding: 1vw;}
#h1-wrap h1 {
    color: #fff;
    font-size: 2.8vw;	
}
h2{
    background: #28c6c0;
    color: #fff;
    text-align: left;
    padding: 3vw 2vw;
    font-size: 4.375vw;
    font-weight: 700;
    margin: 0;
    line-height: 1;	
}
.top_Induction_banner2 {margin-bottom: 2vw;}
.Hamb_menu dd a{text-align: center;}
#nav-content{display: none;}	
#nav-input:checked ~ #nav-content {display: block;}	
.copyright-wrap{padding: 3vw 0 5vw !important;}	
.ribbon9 {
    width: 85%;
    /* display: inline-block; */
    position: relative;
    /* height: 45px; */
    text-align: center;
    box-sizing: border-box;
    z-index: 100;
    margin: 0 auto 5vw;
}
.ribbon9:before {/*左側のリボン端*/
    content: '';
    position: absolute;
    width: 2vw;
    bottom: -2vw;
    left: -5vw;
    z-index: -2;
    border: 4vw solid #fd91c2;
    border-left-color: transparent;
}

.ribbon9:after {/*右側のリボン端*/
    content: '';
    position: absolute;
    width: 2vw;
    bottom: -2vw;
    right: -5vw;
    z-index: -2;
    border: 4vw solid #fd91c2;
    border-right-color: transparent;
}
.ribbon9 h3{
    width: 96%;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 2.2;
    font-size: 4.5vw;
    font-weight: normal;
    color: #FFF;
    background: #fc72b0;
    border: none;
}
.ribbon9 h3:before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 2vw transparent;
    border-right: solid 3.5vw #bf668e;
}
.ribbon9 h3:after{
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 2vw transparent;
  border-left: solid 3.5vw #bf668e;
}
	
	
p{
    max-width: 95%;
    font-size: 3.7vw;
    line-height: 1.5;
    margin: 0 auto 3vw;
}
p .line_break{display:block;}
p.concept_text{
    font-size: 4.1vw;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 5vw;	
}
img{max-width:100%;height:auto;}
img[src$="kizuna_concept_img.jpg"]{margin-bottom: 5vw;}
img[alt="電話占い絆 5つの特典"]{width:95%;margin:0 auto 5vw;display:block;}
	
img[alt="今すぐ無料で占う"]	{
    width: 95%;
    display: block;
    margin: 0 auto 5vw;	
}
img[alt="電話占い絆にお越しくださり誠にありがとうございます"]{margin: 0 auto 3vw;}
	
video{
    width: 95%;
	height: auto;
    margin: 0 auto 5vw;
    display: block;
}

.login_text{
    font-size: 3.7vw;
    text-align: center;
    margin: 0 0 3vw;	
}
.login_text a{
    color: #fb3dc2;
    font-weight: bold;	
}
	
.banner_container{
    width: 95%;
    margin: 0 auto 3vw;	
}
.banner_container img{width: 100%;height: auto;}

.btn-wrap{
    position: relative;
    padding-top: 10vw;	
}
.btn-wrap a {
    width: 95%;
    margin: auto;
}
a.reservation2 {
    text-align: center;
    margin: 4vw auto;
    display: block;
    color: #f3719c;
    color: #464646;
    font-size: 3.5vw;
}
	
.btn-wrap:before{
    content: "";
    width: 9vw;
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: 253 / 150;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #f3719c;
    -webkit-mask-image: url(https://kizuna3.com/img/arrow_b.svg);
    mask-image: url(https://kizuna3.com/img/arrow_b.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    animation-name: fuwafuwa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1s;
}
@keyframes fuwafuwa{
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-10px)
    }
}	

/*ボタン*/
	
.button_type01{
    width: 95%;
    line-height: 1;
    text-align: center;
    text-shadow: 1px 1px 0 #cc4162;
    margin: 0 auto 5vw;
}
.button_type01 a{
    display: block;
    font-size: 4vw;
    font-weight: 700;
    background: #ff517a;
    border-radius: 6px;
    box-shadow: 0 3px 0 #b34c65;
    padding: 4vw 0;
    color: #fff;
    text-decoration: none;
	position: relative;
}
.button_type01 a:after{
    content: "";
    background: url(https://kizuna3.com/img_top/taiki_btn_icon5.png) #de476a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    width: 12vw;
    height: 12vw;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 7px 7px 0;
    display: flex;
}
	
/*スライダー*/
.slick-dots{bottom: -7vw;}
.slick-dots li{
    width: 5vw;
    height: 5vw;
    margin: 0;
}
.slick-dots li button{
	width: 5vw;
    height: 5vw;
    padding: 0;
}
.slick-dotted.slick-slider{margin-bottom: 10vw;}	
.slick-dots li button:before{
    font-size: 5vw;
    width: 5vw;
    height: 5vw;
}


	
/*メイン画像*/	
#Mainimg_container{
    width: 100%;
    aspect-ratio: 750 / 800;
    position: relative;
    margin: 0 auto 3vw;
	overflow: hidden;
}
.image {
  position: absolute;
	width: 100%;
	height: auto;
	opacity: 0;
	animation: change-img-anim 30s infinite;
}
.image:nth-of-type(1) {
	animation: change-img-anim-first 30s infinite;
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 10s;
}
	.image:nth-of-type(3) {
	animation-delay: 20s;
}
	
@keyframes change-img-anim-first{
	0%{ opacity:1;}
	30%{ opacity:1;}
	36%{ opacity:1;}
	45%{ opacity:0;}
	100%{ opacity:0;}
}
@keyframes change-img-anim {
	0%{ opacity:0;}
	30%{ opacity:1;}
	36%{ opacity:1;}
	45%{ opacity:0;}
	100%{ opacity:0;}
}	
	
#Mainimg_container a{
    width: 95%;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 100;
}
#Mainimg_container img.register_button{
    width: 100%;
    height: auto;
}
	
#Mainimg_container .member_campzone{display: none;}
	
.slider_main {
    transition: opacity 0.8s ease-in-out;
}

.slider_main .slick-track{
    width: 100% !important;
    aspect-ratio: 750 / 800;	
}
#Mainimg_container .slider_main a{width: 100%; position: absolute !important;top:0 !important;left:0 !important; opacity: 0;}

#fade-in{
animation: fade-in 1s;
animation-fill-mode: forwards;	
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
	
/*ヘッダー*/
#header{z-index:101;width: 100%;}
.sp_header_wrap{padding: 1.5vw 2vw;}
.sp_header_wrap .head_logo_sp{
    width: 42%;
    margin: 0;
}
.support_logo{
    width: 39%;
    height: auto;
}
.header_icon_wrap{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;	
}
.icon_inquiry{
    width: 28%;
    margin-right: 2vw;	
}
.icon_login{
    width: 28%;
    margin-right: 2vw;	
}
.support_logo a{width:100%;height:auto;}
.hamburger-menu{width:28%;}
#nav-open{
    width: 100%;
    background: url(https://kizuna3.com/img_top/header_icon_menu.png);
    background-size: 100%;
    aspect-ratio: 150 / 113;
}
.fixed{
	position: fixed;
	top: 0;
	animation: slide 0.5s ease-in-out;
}
@keyframes slide {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0%);
  }
}
	
/*最新のお知らせ*/
.info {
    width: 95%;
    border: 1px solid #c3c3c3;
    margin: 0 auto 5vw;
    border-radius: 7px;
    overflow: hidden;
}
.info h2{
    font-size: 4vw;
    text-align: center;
    color: #fff;
    background: #24c6c0;
    padding: 2vw;	
}
.info ul{
    padding: 0 3vw;
    margin: 0;	
}
.info li{
    font-size: 3.75vw;
    line-height: 1.5;
    list-style-type: none;
    border-bottom: 1px dotted #4a4a4a;
    padding: 2.5vw 0 2vw;
}
.info li:nth-last-child(1){border-bottom: none;}
.info li a{
    color: #000;
    width: 95%;
    position: relative;
    display: block;
    text-decoration: none;
}	
.info li a:after{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: unset;
    right: -5%;
    display: block;
    width: 2vw;
    height: 2vw;
    border-top: 0.5vw solid #a6dcda;
    border-right: 0.5vw solid #a6dcda;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info-tag{}
[class^="info-tag type"]{
    font-size: 3.2vw;
    font-weight: bold;
    border: 1px solid #000;
	border: none;
    padding: 0.3vw 1vw;
    margin-right: 2vw;
}
.info-tag.type1{
    color: #fff;
    border-color: #3f98ef;
    background: #3f98ef;
}
.info-tag.type2{
    color: #fff;
    border-color: #ff4ca9;
    background: #ff4ca9;
}
.info-tag.type3{
    color: #fff;
    border-color: #3f98ef;
    background: #3f98ef;
}

[class^="info-taitle type"]{font-weight: bold;}
.info-taitle.type1{color: #337ab7;}
.info-taitle.type2{color: #ff4ca9;}
.info-taitle.type3{color: #337ab7;}
.info-day{}
.info .top_campbtn{margin:0;max-width: 100%;}
.info .member_campzone{margin:0;}
	
.explan{
    width: 95%;
    margin: 5vw auto 3vw;
    padding: 5vw 3vw 3vw;
    border: 1px solid #49b2ae;
    position: relative;
}
.explan dt{
    color: #1a7572;
    font-size: 3.7vw;
    background: #fff;
    position: absolute;
    top: -2vw;
    padding: 0 1vw 0 11vw;
    display: flex;
    align-items: center;
}
.explan dt:before{
    content: "";
    background: url(https://kizuna3.com/img_top/icon_book2.png);
    background-size: 100%;
    aspect-ratio: 65 / 65;
    width: 6vw;
    position: absolute;
    left: 3vw;
}
.explan dd{
    font-size: 3.5vw;
    line-height: 1.5;
    padding: 0;
    margin: 0;	
}
	
/*テーブル*/	
table.custom{
    width: 100%;
    font-size: 3.7vw;
    border-collapse: collapse;
    border: 1px solid #c1c1c1;
    border-top: none;
    margin: 0 auto 1vw;
}
table.custom caption{
    color: #fff;
    font-size: 3.7vw;
    background: #fc72b0;
    padding: 2vw;
    border: 1px solid #fc72b0;
}
table.custom tr{}
table.custom th{border-bottom: 1px solid #c1c1c1;}
table.custom th[scope="row"]{
    border-right: 1px solid #c1c1c1;
    width: 35%;
    padding: 1vw;
    font-weight: normal;
    background-color: #fbfbfb;
}
table.custom tr:nth-last-child(1) th{border-bottom: none;}
table.custom td{
    border-bottom: 1px solid #c1c1c1;
    padding: 1.5vw;	
}
table.custom tr:nth-last-child(1) td{border-bottom: none;}
	
/*アコーディオン*/	
.accordion{
    width: 95%;
    margin: 0 auto 5vw;	
}	
.accordion-detail {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.accordion-detail p{
    font-size: 3.7vw;
    line-height: 1.5;
    margin: 0 0 3vw;	
}
.accordion-detail img{
    width: 100%;
    margin: 5vw auto;
}
.accordion-item {
    border: 1px solid #c1c1c1;
    margin: 0 auto 2vw;
    padding: 1vw 1.5vw 1vw;
    position: relative;
    overflow: hidden;
}
.accordion-item:before{
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #c1c1c1;
    margin: auto;
    left: 0;
    right: 0;
    top: 9.5vw;
	opacity: 0;
	transition: all 0.3s ease-in-out;	
}
.accordion-item.open:before{
    opacity: 1;
    transition: all 0.3s ease-in-out;	
}
.accordion-item h3 {
    cursor: pointer;
    font-size: 4vw;
    margin: 0;
    position: relative;
    border-left: 2vw solid #fa71af;
    padding: 2vw 0 1.5vw 2vw;
    font-weight: normal;
}
.accordion-item h3:after{
    content: "";
    background: url(https://kizuna3.com/img_top/icon-plus.png);
    background-size: 100%;
    width: 4vw;
    height: 4vw;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 1vw;	
}
.accordion-item.open h3:after{
    background: url(https://kizuna3.com/img_top/icon-minus.png);
	background-size: 100%;
}	
.detail{
    width: 95%;
    margin: auto;	
}	
.detail a{color: #337ab7;}	
	
/*詳細・簡易切り替えタブ*/
.tab-wrap{
    margin: 4vw 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tab-wrap label{
    width: 45%;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 3vw;
    font-size: 4vw;
    font-weight: bold;
}
.tab-wrap input:checked+label{
    text-shadow: 1px 1px 0px #df63a7;
    background-image: linear-gradient(135deg, #ff7eba 0%, #ffa3d1 100%);
    box-shadow: 0 10px 15px -10px rgb(252 132 200);
	color: #fff;
    border: 2px solid #fff;
}
	
.tab-wrap label:nth-of-type(1) {
    margin-right: 3%;
	text-shadow: 1px 1px 0px #8178cf;
    background-image: linear-gradient(135deg, #968ae3 0%, #b5b8ff 100%);
    box-shadow: 0 10px 15px -10px rgb(155 146 232);
    color: #5d93e5;
    border: 1px solid #5d93e5;
}
.tab-wrap label:nth-of-type(2) {
    text-shadow: 1px 1px 0px #8178cf;
    background-image: linear-gradient(-135deg, #968ae3 0%, #b5b8ff 100%);
    box-shadow: 0 10px 15px -10px rgb(155 146 232);
}
.tab-wrap label:before {
    content: "";
    background: url(https://kizuna3.com/img/check-box06.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12%;
    height: 0;
    padding-bottom: calc(12%*50/50);
    display: block;
    margin-right: 2.5vw;
    transform: translateY(-0.5vw);
}
.tab-wrap input:checked+label:before {
    content: "";
    background: url(https://kizuna3.com/img/check-box05.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12%;
    height: 0;
    padding-bottom: calc(12%*50/50);
    display: block;
    margin-right: 2.5vw;
    transform: translateY(-0.5vw);
}
input[name="tab-item"] {
    display: none;
}	
.tab-wrap{margin: 5vw 0;}
.tab-wrap label {padding: 2.5vw 3vw 2.5vw;}
.tab-wrap input:checked+label {
    text-shadow: none;
    background: #fff;
    /* background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 59%,#f4f4f4 81%,#e6e6e6 100%); */
    box-shadow: inset 0px -0.5vw #dddddd;
    box-shadow: none;
    color: #fb5e9d;
    border: 1px solid #fb5e9d;
}
.tab-wrap label:nth-of-type(1) {
	text-shadow: none;
	background: #fff;
	box-shadow: none;
}
.tab-wrap label:nth-of-type(2) {
    text-shadow: none;
    background: #fff;
	box-shadow: none;
    color: #5d93e5;
    border: 1px solid #5d93e5;
}	
.tab-wrap input:checked+label:before {
        content: "";
        background: url(https://kizuna3.com/img/Checkbox2.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 12%;
        height: 0;
        padding-bottom: calc(12%* 50 / 50);
        display: block;
        margin-right: 2.5vw;
        transform: translateY(0vw);
}
.tab-wrap label:before {
	content: "";
	background: url(https://kizuna3.com/img/Checkbox2b.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 12%;
	height: 0;
	padding-bottom: calc(12%* 50 / 50);
	display: block;
	margin-right: 2.5vw;
	transform: translateY(0vw);
}


/*固定ボタン*/
#FixRegi{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 3vw 2vw;
}
#FixRegi a{width:49%;}
#FixRegi img{
    width: 100%;
    height: auto;
}
	
/*応援メッセージ*/
.message_wrap{}
.message_item{
    border: 1px solid #95c3c1;
    border-radius: 5px;
    padding-bottom: 10vw;
    margin-right: 3vw;
    position: relative;
    overflow: hidden;
}
.message_item p.message{
    font-size: 3.5vw;
    line-height: 1.7;
    max-width: 95%;
    padding: 0;
    overflow: hidden;
    position: relative;
	transition: max-height 0.5s ease-in-out;
}
.toggleButton.close + p.message {
	max-height: 150px !important;
	min-height: 150px !important;
}
.message_item p.message:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px; /* 下部にぼかし効果をつける */
	background: linear-gradient(to bottom, rgba(255,255,255,0), white);
	pointer-events: none; /* クリックを邪魔しない */
}
.slick-active p.message.expanded{max-height:none;}
.message_item p.message.expanded:after{display: none;}
.slick-dots li.slick-active button:before {color: #ff4ca9;}
.author-info{
    background: #e0faf9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2vw;
    margin-bottom: 3vw;
	position: relative;
}
.author-info a{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    left: 0;
}
.tamp-container{
    width: 10vw;
    height: 10vw;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 1.5vw;	
}
.tamp-container img{width:100%;height:auto;}
.message_item p.meta{margin: 0;}
.message_item p .name{
    font-size: 3.5vw;
    display: block;	
}
.message_item p .date{font-size: 3.2vw;}	

.message_wrap .slick-list{padding: 0 3vw !important;}
.message_wrap .message_item button {
    all: unset;
    display: inline-block;
    cursor: pointer;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    width: 90%;
    position: absolute;
    color: #fff;
    background: #28c6c0;
	box-shadow: 0 3px 0 #1d9994;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 4vw;
    font-size: 3.5vw;
    padding: 2.3vw 0;
    border-radius: 100px;
}
.toggleButton:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 6px;
    left: unset;
    right: 4vw;
    display: block;
    width: 2vw;
    height: 2vw;
    border-top: 0.5vw solid #ffffff;
    border-right: 0.5vw solid #ffffff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.toggleButton.open:after {transform: rotate(-45deg) translate(-1vw, 1vw);}	
.toggleButton.hidden{display: none !important;}	
.toggleButton.hidden + .message:after{display: none;}
.message_wrap .message_item button {pointer-events: none;}
.message_wrap .message_item.slick-active button {pointer-events: auto;}
	
/*カテゴリ*/
.CategoryList{
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 5vw;	
	padding: 0;
}
.CategoryList li{
    width: 32.2%;
    list-style-type: none;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    margin: 0 1.5vw 1.5vw 0;
    padding: 1.5vw 0;
}
.CategoryList li:nth-child(3n+3){margin-right: 0;}
.CategoryList li a{
    width: 92%;
    display: flex;
    margin: auto;
    text-decoration: none;
    flex-wrap: wrap;
    justify-content: space-between;
}	
.CategoryList li img{width: 45%;}
.CategoryList span.catname{
    width: 50%;
    font-size: 3.3vw;
    color: #f139a9;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.CategoryList span span{display: block;}

/*オフィシャルブログfeed*/
.column-wrap2{
    width: 95%;
    padding: 2vw;
    margin: 0 auto 3vw;
    border: 1px solid #c1c1c1;
}
.column-wrap2 li{
    list-style-type: none;
    position: relative;
    border-bottom: 1px dotted #c1c1c1;
    padding-bottom: 6.5vw;
    margin-bottom: 2vw;
}
.column-wrap2 li:nth-last-child(1){
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.column-link2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
    align-items: flex-start;
}
.title-wrap2{
    width: 71%;
    order: 2;
    font-size: 3.7vw;
    line-height: 1.5;
}
.title-wrap2 span:nth-of-type(1){
    color: #fff;
    background: #e540c0;
    font-size: 3.3vw;
    padding: 0.5vw 1vw;
    margin-right: 1vw;
}
.title-wrap2 span:nth-of-type(2){
    font-weight: bold;
    color: #337ab7;
    font-size: 4vw;	
}
.thumbnail-wrap2{width:27%;order:1;position: relative;}	
.thumbnail-wrap2 span{
    font-size: 3.3vw;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background: #000000a3;
    padding: 0.5vw 1vw;
}
.meta-wrap2{
    position: absolute;
    bottom: 2vw;
    right: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.meta-wrap2 span{font-size:3.3vw;}
.diviner-wrap2{
    width: 7vw;
    height: 7vw;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    margin-right: 1vw;	
}	
/*ハピfeed*/

#feed {padding-left: 0;}	
.top_Induction_banner img, .top_Induction_banner2 img {
	width: 96%;
	height: auto;
	margin: 0 2%;
}	

	
	
}