/*--------フォント・リンク--------*/
@font-face {
    font-family: 'kosugimaru_r';
    font-style: normal;
    font-weight: 400;
    src: url('./Dup/img/kosugimaru_r.woff') format('woff'),
        url('./Dup/img/kosugimaru_r.eot')  format('eot');
    font-display: swap;
}
body,#contents1 h2,#contents2 h2, #contents3 h3,.contact_bt a,#page10 ul li a,.fat-nav li a{ font-family:"kosugimaru_r", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body .font_14 { font-size: 18px;}
.linkStyle{color: #333333; text-decoration: underline;}


/*--------ボタン--------*/
#main_menu ul li a{
	position: relative;
	text-decoration: none;
	display: block;
	text-align: center;
	background: transparent;
	border-radius: 25px;
	border: solid 1px #f980a0;
	outline: none;
	transition: all 0.2s ease;
}
#main_menu ul li a:hover{
	border-color:transparent; 
}
#main_menu ul li a span {
	position: relative;
	z-index: 2; 
	display: block;
	padding: 10px 15px;
	background:rgba(255,255,255,0.9);
	border-radius: 25px;
	color:#333;    
	transition: all 0.3s ease;
}
#main_menu ul li a:before {
	content:"";    
	position: absolute;
	z-index: -1;
	top:4px;
	left:0;    
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background-color: #f980a0;
}
#main_menu ul li a:hover span {
  background-color: #f980a0;
  color: #fff;
  transform: translateY(4px);
}


/*--------全体--------*/
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(230,118,175,1);}
.contact_bt a:hover{color:#fff;}
.fa-envelope:before {content: "\f095";}
.pc_box .txt_color3 {color: #bf4b84;}

header{
	background-image: url(./Dup/img/back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/*
main{
	background-image: url(./Dup/img/back_4.jpg);
	background-size: auto;
}
*/
header .head_box{max-width: 360px;}
#contents1 h2{
	color:#e665a7;
	font-size: 35px;
	text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;	
}
.pc_box h1{max-width: 235px;}
.pc_box .tel_bt{    display: none;}
.pc_box .contact_bt a,.foot_tel_bt a,#top_cms .more a,.button2, .cate_list li a{
	border-radius: 8px;
	border: 1px solid #e676af;
}
/*
#contents_box .con2-3{
	background-image: url(./Dup/img/back_3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
*/
#contents2 h2,#contents3 h3 {
	font-size: 28px;
	position: relative;
	padding: .3em;
	background: #FFF4B2;
	border-radius: 8px;	
	color: #9e5c19;
}
#contents2 h2:after,#contents3 h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: 10px solid transparent;
	border-top: 10px solid #FFF4B2;
	width: 0;
	height: 0;
}
#top_cms .cms_title h2{
	font-size: calc(1rem + 18px);
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0,0,0,0.5) 3px 3px 3px;
}
#top_cms .more a{z-index: +1;}
footer{
	background-image: url(./Dup/img/back_2.jpg);
    background-size: 130%;
    background-repeat: repeat;
}
.foot_tel_bt a{z-index:+1;}

/*--------下層--------*/
.cate_list li a{padding: 10px 10px 10px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#page_title .title_img { background-position: 50% 20%;z-index:+1;}
#page_title .page_box h2{
	font-size: calc(1rem + 18px);
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0,0,0,0.5) 3px 3px 3px;
}
#page_title .page_box::before{
    content: "";
    display: inline-block;
    width: 20em;
    height: 10em;
    background: url(./Dup/img/item_01.png) no-repeat;
    position: absolute;
	left: -53px;
    top: -72px;
    background-size: contain;
    transform: rotate(-7deg);
z-index:-1;
}
.button2:hover,.cate_list li a:hover {box-shadow: inset 0 0 0 15em rgba(220,141,180,1); color: #fff;}
#cms_2-b .cate_title{border-color: #efcbdc;}
#cms_2-e .cate .cate_title span::after{background-color: rgba(113,187,34,1)!important;}
.page06 #cms_2-e .cate:nth-of-type(1) .box_title::after{display:none;}
.page08 .fa-envelope:before { content: "\f0e0";}


/*--------タブレット--------*/
@media screen and (max-width: 768px){
.hamburger { top: 25px;}
header.pd_t-10px_tb { padding-top: 0px;}
.fat-nav li a {  font-size: 2.8vw;}
.pc_box h1 { max-width: 140px;}
footer { background-position: 23% 50%;}
#page_title{    margin-top: 2.7%;}
.page06 #cms_2-e .cate:nth-of-type(1) .box_item{width: 100%!important;}
#page10 ul li{    width: 50%!important;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.fat-nav li a {  font-size: 4vw;}
.hamburger { top: 15px;}
header{padding-top: 0px!important;padding-bottom: 10px!important;}
.pc_box h1 { max-width: 110px;}
#main_img{margin-top:13px;}
#contents1 h2 { font-size: 6.5vw;}
#contents2 h2, #contents3 h3 { font-size: 6vw;}
#top_cms .cms_title h2 { font-size: 6vw;}
footer { background-size: auto;}
#page_title .page_box::before {
	width: 13em;
	height: 10em;
	left: -32px;
	top: -48px;
	transform: rotate(-8deg);
}
#cms_2-e .box_title::after{display:none;}
.page06 #cms_2-e .cate:nth-of-type(1) .box_title{    border-bottom: none;}
.page06 #cms_2-e .cate:nth-of-type(1) .cate_img figure img{height: 62.5vh!important;}
.page08 #contact_mail a{    padding: 22px 10px;    font-size: 4.2vw;}
#page_title .page_box h2 { font-size: 6.2vw;}
#page10{font-size: 4.4vw;}
#page10 ul li { width: 100%!important;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#main_menu ul li a { background: none;}
header .head_box{max-width: 330px;}
.pc_box .contact_bt a{padding:15px 0 17px;}
#cms_1-a .link_btn a{padding: 13px 10px 7px;}
.pager li a{padding:3px 0 3px;}
.cate_list li a{padding:9px 0 10px;}
#cms_2-b .cate .cate_title{padding-top:10px!important;}
#cms_2-a .cate .cate_title{padding-top:10px!important;}
#page9 .box p a{padding:5px 10px 5px 10px;}
#page10 ul li a{padding:12px 0 13px;}
}