/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #dd7994;}
.txt_color2, .hvr_txt_color2:hover{color: #f7d9e1;}
.txt_color3, .hvr_txt_color3:hover{color: #d35779;}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #520A4E;}
.bg_color2, .hvr_bg_color2:hover{background-color: #f7d9e1;}
.bg_color3, .hvr_bg_color3:hover{background-color: #dd7994;}
.bg_color4, .hvr_bg_color4:hover{background-color: #ffdde4;}

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #dd7994;}
.border_color2, .hvr_border_color2:hover{border-color: #fbbdce;}
.border_color3, .hvr_border_color3:hover{border-color: #dd7994;}
.border_color4, .hvr_border_color4:hover{border-color: #fbbdce;}


#body, #fakeloader{background-color: #ffedf1;}
.button:hover::after {box-shadow: inset 0 0 0 15em #520A4E;}
#main_menu ul li a::before {background-color: #dd7994;}

/* header */
header #logo {
    padding: 20px 10px;
}
/*header{*/
/*    box-shadow: rgba(0, 0, 0, 0.15) -10px -10px 15px -10px inset;*/
/*}*/
#main_menu ul li a {
    font-weight: bold;
}

/* top ----------------*/

/* main img */
#main_img .main_a {
    top: 43%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 65%;
    max-height: 600px;
}
#main_img .main_a img{
    width: auto;
    height: 100%;
}
#main_img .catch {
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 500px;
}

/* main */

/* intro */
#contents1 .con_no {
    padding-right: 0;
}
#contents1 .con_no::before{
    display: none;
}

/* contents */
#contents3 .grid_6 {
    margin-top: 0;
}
#contents3 {
    padding: 15% 100px;
    background: linear-gradient(0deg, rgba(255,237,241,1) 0%, rgba(241,197,217,1) 30%, rgba(241,197,217,1) 70%, rgba(255,237,241,1) 100%);
}
#contents3 .con3_bg{
    background-color: rgba(255,255,255,0.4);
    filter: blur(7px);
    border-radius: 100%;
    width: 95%!important;
}

/* topcms */
#top_cms .cms_1-g .cate_box a{
    display: block;
    transition: all 0.5s;
}
#top_cms .cms_1-g .cate_box a:hover{
    display: block;
    box-shadow: rgb(255,221,228) 0px 20px 30px -10px;
    opacity: 1;
    transition: all 0.5s;
}

/* footer */
footer .logo img{
    max-width: 300px;
}

/*バナー*/
.btn_container a{padding: 8px 30px;}
/* under page */
#page_title .title_img{display: none;}
.button2:hover {box-shadow: none;}

.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
	color: #fff;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #222
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header {box-shadow: none;}
header #logo {
    padding: 20px 0px;
    max-width: 250px;
}
#main_img {
    max-height: none;
    min-height: auto;
    height: 60vh;
}
#contents3 .con3_bg {
    width: 80%!important;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #logo {
    padding: 10px 0px;
    max-width: 210px;
}
#main_img {
    height: 85vh;
}
#main_img .main_a {
    height: auto;
    width: 96%;
}
#main_img .main_a img {
    width: 100%;
    height: auto;
}
#main_img .catch {
    width: 85%;
}
#contents2 {
    padding: 100px 10% 50px;
}
#contents3 {
    padding: 20% 20px;
}
#contents3 .con3_bg {
    width: calc(100% + 30px)!important;
}

}


/*20230425修正*/
.banner_fix {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 5;
    max-width: 200px;
}
.banner_fix a:hover{
    opacity: 0.7;
}
#contents3 .con3_bg {
    background: none;
    background-image: url('./Dup/img/hart.png');
    border-radius: 0;
    opacity: 0.3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.banner_fix {max-width: 160px;}
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.banner_fix {
    max-width: 110px;
    bottom: 5px;
}
header .head_banner {right: auto;}
header .head_banner a {border-radius: 0 5px 0 0;}
#main_img {
    height: 79vh;
}
}