@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');

.num, .more_btn, .pop400{font-family: 'Cinzel', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", 'Noto Serif JP', "serif";}
.hannari{font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", 'Noto Serif JP', "serif"!important;}
.pop400{font-weight: 600;}
.font_serif, .cate_title, .box_title1, .cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "serif";
	font-weight: bold;
}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #bf3f82;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #bf3f82} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #c5a958} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #bf3f82} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #c5a958} /* アクセントカラー1 */
.bg_color4{background-color: #c9baa9} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #bf3f82}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #c5a958}
.border_color4{border-color: #c9baa9}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #bf3f82} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #c5a958} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #bf3f82} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c5a958} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c9baa9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #bf3f82}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #c5a958}
.hvr_border_color4:hover{border-color: #c9baa9}

header.scr_header {background-color: rgba(191,63,130,0.83)!important;}
.more_btn {background-color: #f9f8f2;}


/* design ---------------------------------------------------------------------------------------------*/
/* ---------- all ---------- */
footer.bg_color2{background-color: #f9f6ee;}
.nav_menu_more:last-of-type a{display: none}
.nav_menu_more:first-of-type a .icon:before {content: "\f879";top: -5px;left: -25px;}
.overlay{background: linear-gradient(135deg, rgba(191,63,130,0.90) , rgba(197,169,88,0.9) )!important;}
#footer_nav li a::after{background: #c5a958;}


/* ---------- top ---------- */
.top_bnr{
    width: 80%;
    max-width: 570px;
    margin-top: 65px;
}
#main_img .menu .bg_white { background-color: transparent;}
.line:before {height: 1px;background-color: #bf3f82!important;}
.num{opacity: 1;color: #c5a958;}
.back1:before,.back2:before {
	background: url(../dup/img/bg1.png) left top /200px repeat #f3efe2!important;
	background: url(../dup/img/bg1.png) left top /200px repeat #f9f0f0!important;
	z-index: -1;
}
#intro_wrap,#contents3 .con_box{
	background-image: url(../dup/img/item1.png),url(../dup/img/item2.png),url(../dup/img/item3.png),url(../dup/img/item4.png);
	background-repeat: no-repeat;
	background-position: left 10px top 10px,right 10px top 10px,left 10px bottom 10px,right 10px bottom 10px;
	background-size: 80px;
	box-shadow: 3px 2px 10px rgba(0,0,0,0.05);
}

#contents1 .con_img_wrap {position: relative;}
#contents1 .con_box {margin-top: 10%;}
#contents1 .img_wrap::before, #contents2 .img_wrap::before{
    content: "";
    border: 1px solid #c5a958;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: rotate(-5deg);
}
#contents2 .img_wrap::before{
    left: auto;
    right: 6px;
	transform: rotate(5deg);
}

#contents1_wrap{padding-bottom: 100px}
#contents3_wrap:after{background-color: transparent!important;}

#top_cms.back1:before{display: none}


/* ---------- under ---------- */
#cms_6-c .circle, #cms_6-c .arrow{display: none}
#cms_6-c {counter-reset: number 0;}
#cms_6-c .cate_box {
    position: relative;
    padding-top: 50px;
	padding-bottom: 30px;
    padding-left: 20px;
}
#cms_6-c .cate_box:before {
    counter-increment: number 1;
    content: "0" counter(number);
    display: inline-block;
    position: absolute;
    top: -38px;
    left: -5px;
    z-index: 1;
    font-size: 80px;
    font-weight: 100;
    font-style: italic;
    color: rgb(191 63 130 / 19%);
    font-family: 'Cinzel', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", 'Noto Serif JP', "serif";
    background-color: #fff;
    line-height: 1;
    padding: 0 25px 0 0;
}
#cms_2-a .box_title1{color: #bf3f82;border-top: 2px solid;}

/* IE */
@media all and (-ms-high-contrast: none){
.num, .more_btn, .pop400{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "Noto Serif JP", "serif";}
.more_btn{padding-top: 11px!important}
}

/* Firefoxのみ
@-moz-document url-prefix() {
.num, .more_btn, .pop400{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", 'Noto Serif JP', "serif"!important;}
} */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro_wrap, #contents3 .con_box {padding: 8% 9%;}
header .d_flex{padding-bottom: 21px;padding-top: 17px;}
#contents1_wrap{padding-top: 50px;padding-bottom: 0;}
#contents1 .num{left: 50.5%;top: 26px;}
#contents2 .num{left: 12.5%;top: 20px;}
.page_title_box h2 {font-size: 28px;}
#page8 .con_box .grid_5_tb {width: 46.66667%!important;}
}


/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
header .d_flex{padding-bottom: 15px;padding-top: 17px;}
header.scr_header #logo{max-width: 163px}

.top_bnr {
    width: 100%;
    margin-top: 50px;
}
#intro_wrap, #contents3 .con_box{
	background-position: left 6px top 6px,right 6px top 6px,left 10px bottom 6px,right 6px bottom 6px;
    background-size: 44px;
	padding: 39px 28px;
}
#contents1 .num{top: -27px;}
#contents2 .num {left: 50%;top: -83px;}
	
#contents1 .img_wrap::before, #contents2 .img_wrap::before {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    transform: rotate(0);
    top: 4px;
    left: 4px;
}
#contents1 .con_img, #contents2 .con_img {margin-bottom: 0;}
#cms_2-a .box_title1 {
    border-top: none;
    border-left: 2px solid;
    padding: 5px 5px 5px 10px;
    margin-bottom: 15px;
	margin-top: 5px;
    background-color: #f9f6ee;
}
#page5 .con_box{padding-top: 45px;}
#cms_6-c .cate_box{padding: 42px 25px 25px 25px;}
#cms_6-c .cate_box:before{top: -14px;font-size: 48px;}
#cms_6-c .box_title{line-height: 1.7;}

.page_title_box {
    width: 64%!important;
    padding: 20px;
    padding-bottom: 24px!important;
}
.page_title_box h2 {font-size: 20px;}
#page8 .con_box .grid_5_tb {width: 100%!important;}
}