﻿.bg_color1 {background-color: #F08080;
background-image: url(Dup/img/back.png);
    background-size: 500px;
}
.bg_color2 {background-color: #fbcace;}
.bg_color3 {background-color: #cfab5f;}
.border_color1 {border-color: #F08080;}
.border_color2 {border-color: #fbcace;}
.border_color3 {border-color: #cfab5f;}
.txt_color1 {color: #F08080;}
.txt_color3 {color: #cfab5f;}
.hvr_border_color3:hover {border-color: #cfab5f;}
.hvr_txt_color3:hover { color: #cfab5f;}
/* ----------　all　---------- */
.linkStyle{
	color:#F08080;
}
.linkStyle:hover{
	color:#F08080;
	opacity: 0.7;
	transition: all 0.5s;
}
h1, h2, h3, h4, h5, h6,.cate_title {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#loader{
    background-image: none;
}
header .trans_logo {
    padding-right: 20px;
    padding-left: 20px;
}
header .trans_logo img {
max-width: 180px;
    margin-top: 5px;
}
footer #logo2 img{
    max-width: 250px;
}
#sp_nav .sp_nav_box ul.width_300{
        width: 350px;
}

/* ----------　TOP　---------- */
#logo {
    padding: 30px 20px;
}
#logo img {
max-width: 350px;
}

#contents3 .more a{
    color: #fff;
    border-color: #fff;
}
#contents3 .more a:hover {
    color: #F08080;
}
#contents3 .more span.d_block {
    background-color:#fff;
}
#contents2 figure a ,#contents3 figure a{
position: relative;
}
#contents2 figure a:before ,#contents3 figure a:before{
    content: '';
    display: inline-block;
    width: 95%;
    height: 95%;
    background-image: url(Dup/img/dec.png);
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* ----------　下層ページ　---------- */
.under_page #logo img{
width: 200px;
}
#pc_nav ul li a:hover{
color: #cfab5f!important;
}
.rectangle_img a:before {
content: '';
    display: inline-block;
    width: 95%;
    height: 95%;
    background-image: url(Dup/img/dec.png);
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#contents3 .more span.d_block {
    background-color: #cfab5f;
}
.sns_links li {
    padding-right: 8px;
    padding-left: 8px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.bg_color1 {
    background-size: 300px;
}
.sns_links li {
    padding-right: 10px;
    padding-left: 10px;
}
#sp_nav .sp_nav_box ul.width_300 {
    width: 100%;
}
}
/*2024/9/27*/
.con3_left .more {
    display: none;
}

/*2024/11/06*/
#logo span {
    display: none;
}