/* color */
.txt_color1{color: #0f1c54} /* メインカラー */
.txt_color2{color: #ececec} /* サブカラー */
.txt_color3{color: #2caf99} /* アクセントカラー1 */
.txt_color4{color: #c6c6c6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #0f1c54} /* メインカラー */
.bg_color2{background-color: #ececec} /* サブカラー */
.bg_color3{background-color: #2caf99} /* アクセントカラー1 */
.bg_color4{background-color: #c6c6c6} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #0f1c54}
.border_color2{border-color: #ececec}
.border_color3{border-color: #2caf99}
.border_color4{border-color: #c6c6c6}

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

/* color */
.hvr_txt_color1:hover{color: #0f1c54} /* メインカラー */
.hvr_txt_color2:hover{color: #ececec} /* サブカラー */
.hvr_txt_color3:hover{color: #2caf99} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c6c6c6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #0f1c54} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ececec} /* サブカラー */
.hvr_bg_color3:hover{background-color: #2caf99} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c6c6c6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0f1c54}
.hvr_border_color2:hover{border-color: #ececec}
.hvr_border_color3:hover{border-color: #2caf99}
.hvr_border_color4:hover{border-color: #c6c6c6}

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

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

#wrap{border-top: none}
#header{padding-top: 20px;padding-bottom: 20px}
header{background-color: #fff!important;border: none!important}
#header_menu{margin: 0}
#logo{width: 33.3333%!important}
.more a{background-color: #0f1c54}
.more a:hover{color: #fff;background-color: #2caf99}
#contents .txt_color4{color: #fff}
#contents .box:first-child{margin-bottom: 0;border: none}
#contents .box:first-child .border_so5{border: none}
#contents .box:last-child{padding-top: 100px;border: none;background-image: url("./Dup/img/bg1.jpg");background-size: cover;background-position: center;margin-bottom: 0}
#contents .box:last-child .width_30per{background-color: #fff;box-shadow: 0 0 20px rgba(15,28,84,0.2);border: none}
.contents_h{background-image: url("./Dup/img/contents_h.jpg")}
#main_img{padding: 0;background-color: transparent}
#main_img > div{box-shadow: none}
#footer .normal_img{border: none}
footer > div.width_1280-max{display: none}
footer > div.width_1280-max{display: block}
#copyright{background-color: #0f1c54}
#page-top .bg_color1{background-color: #2c3b77}

#page7 .box .grid_6:first-child{width: 30%!important}
#page7 .box .grid_6:last-child{width: 70%!important}

.cate_title{width: 100%!important;padding: 0;padding-bottom: 10px;margin: 0;margin-bottom: 50px;text-align: left;border: none;border-bottom: solid 2px;background-color: transparent;color: #0f1c54;font-weight: bold;border-radius: 0;font-size: 20px}
#cms_2-b .cate_img1{margin-right: auto;margin-left: auto}
#cms_2-b .cate_img1 img{padding: 0;border: none;box-shadow: none}
#cms_2-b .box_title1{border-bottom: solid 1px;font-size: 18px}
#cms_2-b .cate_box{border: solid 1px #0f1c54}
#cms_3-e .box_title1,#top_cms .cms_3-e .box_title1{width: 50%!important;border-bottom: solid 1px #2caf99}
#cms_3-e .box_title2,#top_cms .cms_3-e .box_title2{color: #2caf99;width: 50%!important;border-bottom: 1px solid;}
#cms_3-e .box_wrap,#top_cms .cms_3-e{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
	flex-direction: row;
}
#cms_3-e .cate_box,#top_cms .cms_3-e .cate_box{width: 50%}
#cms_3-e .box_img1,#top_cms .cms_3-e .box_img1{width: 100%!important;margin-bottom: 20px}
#cms_3-e .box_txt1{width: 100%!important;padding: 0}
.price_list::before{position: absolute;content: "";display: block;width: 8px;height: 8px;border-right: solid 2px #2caf99;border-bottom: solid 2px #2caf99;transform: rotate(45deg);top: 0;bottom: 3px;right: 20px;margin: auto}
.price_list select:focus{outline:none}
.price_list select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 100px;cursor: pointer}
.price_list select::-ms-expand{display: none;}

.sns_box{justify-content: center}
.sns_box li{width: 40px!important;margin: 0 10px}
.top_banner{width: 70px;top: 120px;right: 0;z-index: 10}


@media all and (-ms-high-contrast:none) {
#contents .box:last-child{background-attachment: scroll}
.price_list select{padding-top: 25px}
#top_cms .cms_3-e .sub_cate_title{padding-top: 15px}
}

@media screen and (max-width: 768px){
.contents_h div{background-color: rgba(255,255,255,0.7)}
.top_banner{width: 50px;top: 150px}
}

@media screen and (max-width: 667px){
.contents_h{background-position: 80% center}
header{background-color: rgba(255,255,255,0.8)!important}
#logo{width: 75%!important;padding: 10px 0}
#header .menu_bt{margin: 0}
#header{padding: 0}
#page7 .box .grid_6:first-child,#page7 .box .grid_6:last-child{width: 100%!important}
#cms_3-e .cate_box,#top_cms .cms_3-e .cate_box{width: 100%}
.top_banner{width: 136px;top: auto;bottom: 0;right: 50px}
#copyright{padding-bottom: 80px}
}
#contents .box_wrap > div:last-of-type{
	position: relative;
}

#contents .box_wrap > div:last-of-type::before,.box_wrap > div:last-of-type::after{
	content: "";
	width: 100%;
	height: 10%;
	position: absolute;
	left: 0;
}
#contents .box_wrap > div:last-of-type::before{
	top: 0;
	background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
}
#contents .box_wrap > div:last-of-type::after{
	bottom: 0;
	background:linear-gradient( rgba(255,255,255,0),rgba(255,255,255,1));
}