.bg_color1 {background-color: #66ccff;}
.bg_color2 {background-color: #d8d8d8;}
.bg_color3 {background-color: #fdbf06;}

.border_color1 {border-color: #66ccff;}
.border_color2 {border-color: #b3b3b3;}
.border_color3 {border-color: #d8d8d8;}
.border_color4 {border-color: #d8d8d8;}

.txt_color1 {color: #66ccff;}
.txt_color2 {color: #66ccff;}
.txt_color3 {color: #fdbf06;}

/* ----------　all　---------- */
.linkStyle{
	color:#fdbf06;
}
.linkStyle:hover{
	color:#fdbf06;
	opacity: 0.7;
	transition: all 0.5s;
}

/* ----------　TOP　---------- */
#main_img #catch{
    background-image: url(Dup/img/dec2.png);
    background-repeat: no-repeat;
    background-size: 125px;
    background-position: top 10px left -30px;
}
#main_img #catch h2{
    border: 2px solid #fdbf06;
    background-color: rgba(253 ,191 ,6,0.55);
}
.album {
    position: absolute;
    top: -50px;
    left: 100%;
}
.album img {
    width: 70px;
animation-name: album;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	opacity: 0;
animation-timing-function: ease-in-out;
}
.album .img1 {
	display: block;
	margin: 0 auto;
}
.album .img2 {
	position: absolute;
	top: 0;
animation-delay:2s;
}
@keyframes album {
	0% {opacity: 0;}
	12.5% {opacity: 1;}
	37.5% {opacity: 1;}
	50% {opacity: 0;}
}
#intro .box_wrap .box > div {
    padding: 20px 40px 40px;
}
#intro .box_wrap .intro_dec{
width: 20%;
    margin: auto;
    margin-bottom: 15px;
    max-width: 60px;
}
#contents::before {
    background-color: rgba(155, 155 ,155 ,0.5);
}
#contents .contents_txt {background-color: rgba(239, 224, 50 ,0.35);}
#intro #intro_title p{
    background-color: #fdbf06;
    color: #ffffff;
    border: 2px solid #fdbf06;
}
#contents_links .square_box{
position: relative;
}
#contents_links .square_box:before {
    content: '';
    display: inline-block;
    width: 70%;
    height: 70%;
    background-image: url(Dup/img/t_menu1.png);
    background-size: contain;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
pointer-events: none;
background-repeat: no-repeat;
}
#contents_links .square_box:nth-child(1):before {
    background-image: url(Dup/img/t_menu1.png);
}
#contents_links .square_box:nth-child(2):before {
    background-image: url(Dup/img/t_menu2.png);
}
#contents_links .square_box:nth-child(3):before {
    background-image: url(Dup/img/t_menu3.png);
}
#contents .logo img{
    width: 200px;
}


/* ----------　下層ページ　---------- */
#page_title p{
    background-color: #fdbf06;
    border: 2px solid #fdbf06;
}
#page08 #tel_txt p a{
color: #fdbf06;
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_2-b .cate .cate_title {
    padding-top: 7px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){

.album {
    top: -30px;
    left: 105%;
}
#main_img #catch {
    background-size: 75px;
    background-position: bottom -10px right -20px;
}
#page10 li a span.title{
    letter-spacing: 0px;
font-size: 18px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.album {
    top: -40px;
        left: 95%;
}
.album img {
    width: 40px;
}
#main_img #catch {
    background-size: 60px;
}
#header h1{
    width: 50%;
}
#header h1 a {
    padding: 10px 20px 15px;
}
#contents_links .square_box:before {
    width: 50%;
}
footer #footer #footer_txt .logo {
    width: 60%;
}
}