/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
body {
/*	font-family:  'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
	font-size: 16px!important;
	line-height: 1.5;
}
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #8FBC47} /* メインカラー */
.txt_color2{color: #F4F4F4} /* サブカラー */
.txt_color3{color: #F3AE2D} /* アクセントカラー1 */
.txt_color4{color: #C8E266} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #8FBC47}
.border_color2{border-color: #F4F4F4}
.border_color3{border-color: #F3AE2D}
.border_color4{border-color: #C8E266}

/* 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: #8FBC47} /* メインカラー */
.hvr_txt_color2:hover{color: #F4F4F4} /* サブカラー */
.hvr_txt_color3:hover{color: #F3AE2D} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #C8E266} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #8FBC47}
.hvr_border_color2:hover{border-color: #F4F4F4}
.hvr_border_color3:hover{border-color: #F3AE2D}
.hvr_border_color4:hover{border-color: #C8E266}

.linkStyle { color:#212121;
}
.linkStyle:hover { opacity:0.7;transition: all 0.3s;
}
body,
#top_cms {
	background-color: #F0FBE4;
}
#fakeloader{
	z-index: 9999;
	background-size: 10%;
}
#fakeloader:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 250px;
}
#fakeloader .fl{
	animation-name: loader;
	animation-duration: 5s;
	animation-timing-function: ease;
}
@keyframes loader{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
/*ホバーで日本語・英語切り替え*/ 
#pc_nav li a{
	padding-top: 0px;
	padding-bottom: 0px;
}
#pc_nav li span{
      transition: 0.3s;
}
#pc_nav li span:nth-child(1) {display: block;}
#pc_nav li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.5em;
}
#pc_nav li:hover span:nth-child(1) {opacity: 0;}
#pc_nav li:hover span:nth-child(2) {opacity: 1;}
#pc_nav li:last-of-type:hover span:nth-child(1) {opacity: 1;}

#custom .custom_title {
    top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width:90%;
	max-width: 600px;
}
#custom .custom_img {
    display: none;
}
/*#custom .custom_img {
	bottom: 30px!important;
	left: 50px!important;
    width:300px;
}*/
#custom .custom_txt {
	display: none;
}
#custom .custom_txt {
	display: none;
}

#sound_button {
	bottom: 30px;
	right: 30px;
	width: 100px;
	cursor: pointer;
}

#intro .intro_left {
    padding-top: 134px;
    padding-bottom: 69px;
    background: url(./dup/img/copy.svg) repeat-x;
    background-size: 1800px;
    background-position: left 0 top 0;
    -webkit-animation: copy 40s linear infinite;
    animation: copy 40s linear infinite;
    margin-top: 14px;
    position: relative;
}
@-webkit-keyframes copy {
    from {background-position: left 0 top 0;}
    to {background-position: left -1956px top 0;}
}
@keyframes copy {
    from {background-position: left 0 top 0;}
    to {background-position: left -1956px top 0;}
}
@keyframes copyIe {
    from {background-position: left 0 top -180px;}
    to {background-position: left -1956px top -180px;}
}
#contents .con_bg {
	background: rgb(240,218,110); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(240,218,110,1) 0%, rgba(188,217,98,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(240,218,110,1) 0%,rgba(188,217,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(240,218,110,1) 0%,rgba(188,217,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0da6e', endColorstr='#bcd962',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#contents .con_wrap {
	padding-left: 50px;
}
#contents .con_box1,#contents .con_box2 {
	border:1px solid #F3AE2D;
	padding: 30px;
}
#contents .con_box1 .con_no,#contents .con_box2 .con_no {
	color: #F3AE2D;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Lobster', cursive;
}
#contents h2,#contents p {
	color: #333;
}
#contents .con_box1::before {
	background-color: #F3AE2D!important;
	bottom: -25px!important;
}
#contents .con_box2::before {
	background-color: #F3AE2D!important;
	bottom: -25px!important;
	position: absolute;
    content: "";
    display: block;
    pointer-events: none;
	width: 40px;
    height: 1px;
	left:0;
}
footer {
	background: rgb(240,218,110); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(240,218,110,1) 0%, rgba(188,217,98,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(240,218,110,1) 0%,rgba(188,217,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(240,218,110,1) 0%,rgba(188,217,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0da6e', endColorstr='#bcd962',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pager li a {
    background-color: #ffffff;
    border:1px solid #8FBC47;
}
@media (max-width:1280px){

}

@media (max-width:768px){
#custom .custom_box {
    background-image: url(./Dup/img/custom_bg_sp.jpg)!important;
}
#custom .custom_title {
    top: 50%!important;
	transform: translate(50%,-50%);
	width:85%;
	max-width: 550px;
}
#custom .custom_img {
    display: none;
}
}

@media (max-width:667px){
#contents .con_wrap {
	padding-left: 20px;
}
#contents .con_box1,#contents .con_box2 {
	padding: 15px;
}	
#page_title .title_wrap p {
    font-size: 26px;
}
}
@media all and (-ms-high-contrast:none){

.cate_list a,
#page09 a { padding-top:0px;
}
#cms_2-b .cate .cate_title {padding-top:10px!important;
}
#cms_6-b .cate .cate_title {padding:10px 5px 12px!important;
}
#cms_6-b .cate .box_txt1 {padding:13px 10px 15px!important;
}
#cms_6-b .cate .box_txt2 {padding:13px 10px 12px!important;
}
.cms_6-b .cate_box .box_txt1 {padding:13px 10px 15px!important;
}
.cms_6-b .cate_box .box_txt2 {padding:13px 10px 12px!important;
}

}


@media (max-width:768px){
#custom {
    height: auto!important;
}
#custom .custom_title {
    top: 17%!important;
    max-width: 380px;
}
}
@media (max-width:667px){
#custom .custom_title {
    display: none;
}
}

/* 2021/06/11 */
#custom .custom_title {
	animation: customtitle 10s ease infinite;
}
@keyframes customtitle {
	0% {right: 50%;}
	55% {right: 50%;}
	75% {right: 120%;opacity: 1;}
	76% {right: 120%;opacity: 0;}
	79% {right: -20%;opacity: 0;}
	80% {right: -20%;opacity: 1}
	100% {right: 50%;}
}

/* 2021/06/18 */
#custom .custom_title {
    top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width:90%;
	max-width: 600px;
}
#custom .custom_title {
	animation: customtitle 15s ease infinite;
}
@keyframes customtitle {
	0% {top: 50%; right: 50%;transform: translate(50%,-50%) rotateZ(0deg);}
	15% {top: 50%; right: 50%;transform: translate(50%,-50%) rotateY(360deg);}
	30% {top: 50%; right: 50%;transform: translate(50%,-50%) rotateZ(0deg);}
	40% {top: 50%; right: 120%;opacity: 1;transform: translate(50%,-50%) rotateX(360deg);}
	41% {top: 0%; right: 120%;opacity: 1;transform: translate(50%,-50%) rotateZ(540deg);}
	65% {top: 100%; right: -20%;opacity: 1;transform: translate(50%,-50%);}
	70% {top: 0%; right: -20%;opacity: 1;transform: translate(50%,-50%);}
	80% {top: 50%; right: 50%;opacity: 1;transform: translate(50%,-50%) rotateX(360deg);}
	100% {top: 50%; right: 50%;}
}