@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap&subset=japanese');

body,.font_sans-serif,.font_en,h1, h2, h3, h4, h5, h6{font-family: 'M PLUS Rounded 1c', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;font-weight:bold;}

/* color */
.txt_color1{color: #f3adb9} /* メインカラー */
.txt_color2{color: #f7f4e8} /* サブカラー */
.txt_color3{color: #d3b740} /* アクセントカラー1 */
.txt_color4{color: #f7f4e8} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #f3adb9} /* メインカラー */
.bg_color2{background-color: #f7f4e8} /* サブカラー */
.bg_color3{background-color: #d3b740} /* アクセントカラー1 */
.bg_color4{background-color: #f7f4e8} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #f3adb9}
.border_color2{border-color: #f7f4e8}
.border_color3{border-color: #d3b740}
.border_color4{border-color: #f7f4e8}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #f3adb9} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f4e8} /* サブカラー */
.hvr_txt_color3:hover{color: #d3b740} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f7f4e8} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #f3adb9} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f7f4e8} /* サブカラー */
.hvr_bg_color3:hover{background-color: #d3b740} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f7f4e8} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f3adb9}
.hvr_border_color2:hover{border-color: #f7f4e8}
.hvr_border_color3:hover{border-color: #d3b740}
.hvr_border_color4:hover{border-color: #f7f4e8}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #d3b740}
.linkStyle:hover{opacity: 0.7}

.width_1280-1000{min-width: 800px!important}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #f49fb1;color: #f49fb1}

header.bg_color4{background-color: #f3adb9}
header .pc_box .txt_color3{color: #fff}
header .pc_box .hvr_txt_white:hover{color: #f3adb9}
header .pc_box .border_color1{border-color: #fff}
header .pc_box .button:hover::after {box-shadow: inset 0 0 0 15em #fff;}
#main_menu ul li a::before {background-color: #fff;}
.button:hover::after{box-shadow: inset 0 0 0 15em #f3adb9}
.button2:hover{box-shadow: 0 0 20px rgba(249,199,208,.6) inset}
.txt_shadow-b{text-shadow: none}
/** 
.main_box{background-image: url(./Dup/img/bg_img2.jpg);}
**/
main, footer{position: relative;z-index: 1}
.txt1{padding: 20px;background-color: rgba(214,170,62,0.6);width: auto;box-shadow: 0 0 10px rgba(102,102,102,0.2)}

.hamburger .hamburger__icon{background-color: #fff}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after{background-color: #d3b740}

#contents1{background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center}
#contents_wrap{background-color: #e8eded}
#form_box dl input, #form_box dl textarea{background-color: rgba(247,244,232,0.6);border-color: #f3eedc}

.link_box ul{justify-content: center}
.link_box ul li{margin: 0 10px}

#video::before{width: 100%;height: 100%;content: "";position: absolute;background-image: url(./Dup/img/dot.png);top: 0;left: 0;z-index: 1}



@media all and (-ms-high-contrast:none) {
#main_menu ul li a::before{top: 45%}
.pc_box .contact_bt a,#page10 ul li a{padding: 15px 0}
.cate_list li a,#page8 .mail input{padding: 10px 0}
#page9 .box p a{padding: 5px 10px}
body,.font_sans-serif,.font_en,h1, h2, h3, h4, h5, h6{font-family: "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;font-weight:bold;}
}


@media screen and (max-width: 768px){
.video{transform: none}
.width_1280-1000{min-width: 100%!important}
}
@media screen and (max-width: 667px){
.txt1{width: 60%}
}