﻿body{background-color: #fffffd;}
#wrap {border-top: 20px solid #eda600;}
header.bg_color2{background-color: #fffffd;}
#header_menu ul li{position: relative;}
#header_menu ul li::before {
content: "";
    width: 6px;
    height: 6px;
    background: #e44d4d;
    left: -15px;
    top: 9px;
    position: absolute;
}


.top_img2{background-repeat: no-repeat;background-position: center center;background-size: cover;}

.cate_list li a{
    background: #fff;
    color: #332f26;
    border: 2px solid #ddd;
    border-radius: 50px;
    padding: 10px 25px;
}
.cate_list li a:hover{
	background: #fff;
    color: #332f26;
	border-color: #e44d4d;
}

#cms_3-e .sub_cate_list li a {
    background: #fff;
    color: #332f26;
    border: 2px solid #ddd;
    border-radius: 50px;
    padding: 6px 25px;
    font-size: 14px;
}

#cms_3-e .sub_cate_list li a:hover{
	background: #fff;
    color: #332f26;
	border-color: #f7ab00;
}

#cms_3-g .sub_cate_list li a{
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 25px;
    transition: all 0.3s;
}

#cms_3-g .sub_cate_list li:nth-child(7n + 1) a{background: #E60012;border: 2px solid #E60012;}
#cms_3-g .sub_cate_list li:nth-child(7n + 1) a:hover{background: #ffffff;color: #E60012;}

#cms_3-g .sub_cate_list li:nth-child(7n + 2) a{background: #EB6100;border: 2px solid #EB6100;}
#cms_3-g .sub_cate_list li:nth-child(7n + 2) a:hover{background: #ffffff;color: #EB6100;}

#cms_3-g .sub_cate_list li:nth-child(7n + 3) a{background: #FCC700;border: 2px solid #FCC700;}
#cms_3-g .sub_cate_list li:nth-child(7n + 3) a:hover{background: #ffffff;color: #FCC700;}

#cms_3-g .sub_cate_list li:nth-child(7n + 4) a{background: #16902D;border: 2px solid #16902D;}
#cms_3-g .sub_cate_list li:nth-child(7n + 4) a:hover{background: #ffffff;color: #16902D;}

#cms_3-g .sub_cate_list li:nth-child(7n + 5) a{background: #00A0E9;border: 2px solid #00A0E9;}
#cms_3-g .sub_cate_list li:nth-child(7n + 5) a:hover{background: #ffffff;color: #00A0E9;}

#cms_3-g .sub_cate_list li:nth-child(7n + 6) a{background: #1D2088;border: 2px solid #1D2088;}
#cms_3-g .sub_cate_list li:nth-child(7n + 6) a:hover{background: #ffffff;color: #1D2088;}

#cms_3-g .sub_cate_list li:nth-child(7n + 7) a{background: #601886;border: 2px solid #601886;}
#cms_3-g .sub_cate_list li:nth-child(7n + 7) a:hover{background: #ffffff;color: #601886;}

#cms_4-b .cate_box{width:48%!important;}

.cate img, .cate_box img {box-shadow: none;}

.more a{
	 border-radius: 55px;
    background: #f7ab00;
}
.more a:hover{
    background: #e27302;
}

#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dott.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
}

video{vertical-align: middle;}

.contents1 .ttl2{
	    background: #eda600;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 30px;
}
.contents2_inner{
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
}
.contents2 .item1::before,.contents2 .item2::before,.contents2 .item3::before{
	content: "";
	width: 105px;
	height: 75px;
	background-size: contain;
	position: absolute;
}
.contents2 .item1{
background: #f9efed;
    border: none;
	position: relative;
}
.contents2 .item1::before{
	background-image: url(./Dup/img/01.png);
}
.contents2 .item2::before{
	background-image: url(./Dup/img/02.png);
}
.contents2 .item3::before{
	background-image: url(./Dup/img/03.png);
}
.contents2 .item1 h2{
color: #e44d4d;
}
.contents2 .item2{
background: #edf3f9;
    border: none;	
	position: relative;
}

.contents2 .item2 h2{
color: #4fc4d8;
}
.contents2 .item3{
background: #edf9ee;
    border: none;	
	position: relative;
}
.contents2 .item3 h2{
color: #49ce82;
}
main.mg_b-100px{margin-bottom: 0px;}
.cms_title p{color: #e44d4d;}
.cms_title h2{position: relative;border: none;}
.cms_title h2::after{
content: "";
    display: block;
    width: 40%;
    height: 4px;
    position: absolute;
    right: 30%;
    bottom: -5px;
    background: linear-gradient(90deg, #4fc4d8 0%,#4fc4d8 50%,#fdb900 50%,#fdb900 100%);	
}
#page_title{
	background-image: url(./Dup/img/pattern1.jpg);
	text-align: center;
	padding: 50px 0px 60px;
}
#page_title p{color: #e44d4d;}
#page_title h2{position: relative;border: none;}
#page_title h2::after{
content: "";
    display: block;
    width: 40%;
    height: 4px;
    position: absolute;
    right: 30%;
    bottom: -5px;
    background: linear-gradient(90deg, #4fc4d8 0%,#4fc4d8 50%,#fdb900 50%,#fdb900 100%);
}
.contact_box{padding-bottom: 10px;}
footer figure.border_so5{
	max-width: 400px;
	border: #f3f2f1 5px solid;
}
footer > .width_1280-max:last-of-type{
	max-width: none;
	background: #f3f3e9;
	padding-bottom: 40px;
}
footer > .width_1280-max:last-of-type ul li{position: relative; font-size: 14px;}
footer > .width_1280-max:last-of-type ul li::before{
	content: "";
    width: 6px;
    height: 6px;
    background: #e44d4d;
    left: -15px;
    top: 7px;
    position: absolute;
}
#page-top a{
	background-color: #f7ab00;
}

.cate_title {
border-left: 5px solid #4fc4d8;
    padding-left: 15px;
}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 667px){
header{border:none!important;}
.drawer-hamburger-icon.bg_color1{background-color: #eda600;}
.drawer-open .drawer-hamburger-icon {background-color: transparent;}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #eda600;}
#cms_3-e .sub_cate_list li a {padding: 8px 25px 4px;}
#cms_4-b .cate_box{width:98%!important;}
}

@media all and (-ms-high-contrast:none){
.cate_list li a{padding: 13px 10px 7px;}
.sub_cate_list li a{padding: 13px 10px 7px;}
#cms_2-c .cate_title{padding-top:13px;}
#cms_2-a .cate_title{padding-top:13px!important;}
#cms_3-b .cate_title{padding-top:13px!important;}
#cms_3-g .cate_title{padding-top: 13px;}
#cms_3-g .sub_cate_title{padding-top: 13px;}
#cms_4-b .cate_title{padding-top:13px!important;}
.contents1 .ttl2{padding: 9px 20px 3px;}
.pager li a span{top:54%;}
}

/* color */
.txt_color_nomal,.hvr_txt_color_nomal:hover,.linkStyle{color: #332f26;}
.txt_white,.hvr_txt_white:hover,.txt_white .linkStyle{color: white;}
.txt_red,.hvr_txt_red:hover,.txt_red .linkStyle{color: red;}
.txt_color1,.hvr_txt_color1:hover,.txt_color1 .linkStyle{color: #332f26;}
.txt_color2,.hvr_txt_color2:hover,.txt_color2 .linkStyle{color: #f3f3e9;}
.txt_color3,.hvr_txt_color3:hover,.txt_color3 .linkStyle{color: #eda600;}
.txt_color4,.hvr_txt_color4:hover,.txt_color4 .linkStyle{color: #e0ddd5;}
.txt_color5{color: #e44d4d;}

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;}
.bg_black,.hvr_bg_black:hover{background-color: #532718;}
.bg_color1,.hvr_bg_color1:hover{background-color: #f7f4ef;}
.bg_color2,.hvr_bg_color2:hover{background-color: #f3f3e9;}
.bg_color3,.hvr_bg_color3:hover{background-color: #eda600;}
.bg_color4,.hvr_bg_color4:hover{background-color: #e0ddd5;}
.bg_color5,.hvr_bg_color5:hover{background-color: #edc25f;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #f3f2f1;}
.border_color2,.hvr_border_color2:hover{border-color: #f3f3e9;}
.border_color3,.hvr_border_color3:hover{border-color: #eda600;}
.border_color4,.hvr_border_color4:hover{border-color: #e0ddd5;}
