@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #000;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #000;} /* メインカラー */
.txt_color2{color: #fff;} /* サブカラー */
.txt_color3{color: #5b5b5b;} /* アクセントカラー1 */
.txt_color4{color: #f6f5ee;} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #000;}
.border_color2{border-color: #fff;}
.border_color3{border-color: #787878;}
.border_color4{border-color: #f6f5ee;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #000;} /* メインカラー */
.hvr_txt_color2:hover{color: #fff;} /* サブカラー */
.hvr_txt_color3:hover{color: #787878;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f6f5ee;} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #000;}
.hvr_border_color2:hover{border-color: #fff;}
.hvr_border_color3:hover{border-color: #787878;}
.hvr_border_color4:hover{border-color: #f6f5ee;}

/* ----------　linkStyle　---------- */
.linkStyle{
    color: #000;
    border-bottom:solid 1px;
}
.linkStyle:hover{
	color: #787878;
	opacity: 0.7;
	transition: all 0.5s;
}

.top_sns{
    display: none;
}

#header .logo {
    width: 15%!important;
}

#main .main_box .entry a{
    margin: auto;
}

#contents .no span,#contents .no .en_font {
    color: #60bb46;
}

.top_cms_box {
    background-color: rgba(255, 255, 255, 0.75);
}

.top_cms_box .cms_title::before {
    color: #60bb46;
    padding-right: 0px!important;
    font-size: 50px!important;
}

#catch .tb_hide{
    display: none;
}

#contents .sp_hide{
    display: none;
}

#cms_2-h .cate_box {
    margin-top: 50px;
}

#footer .logo {
    width: 30%!important;
}

#banner1 {
	width: 15%!important; 
	position: fixed; 
	z-index: 4; 
	bottom: 80px; 
	right: 0px; 
}

#banner2 {
	width: 15%!important; 
	position: fixed; 
	z-index: 4; 
	bottom: 0px; 
	right: 0px; 
}

/*PC小用（1200px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 1200px){}

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

#main{
    max-height: 51vw;
}

#main .cms_img1 img{
    height: 51vw;
}

#catch .tb_hide{
    display: block;
}

#catch .catch_txt .font_6up {
    font-size: calc(1rem + 10px);
}

#banner1{
    bottom: 70px;
}

#banner1,#banner2{
    width: 30%!important;
}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){

#main .main_txt {
    font-size: calc(1rem + 0px);
}

#main .main_box h1{
    width: 80%;
}

#main .sns_link {
    width: 45px;
    top: 72%;
    right: 21px;
}

#main .cms_img1::after{
    top: 46%;
    right: 8%;
    width: 80vw;
    height: 97vw;
}

#main .main_box {
    width: 60%!important;
}

#main .main_box {
    top: 66%;
}

#main .main_box .entry {
    display: none;
}

#catch .catch_txt .font_6up {
    font-size: calc(1rem + 5px);
    letter-spacing: 0px;
}

#contents .sp_hide{
    display: block;
}

#contents .box_item h2{
    font-size: calc(1rem + 4px);
    letter-spacing: 0px;
}

#cms_1-c .box_title1 {
    font-size: calc(1rem + 0px);
}

#cms_1-c .date {
    font-size: 14px;
}

#cms_1-c .box_txt1 {
    font-size: 14px;
}

#cms_2-a .cate_title {
    letter-spacing: 0px;
    font-size: calc(1rem + 2px);
}

#cms_2-c .box_txt2 {
    padding-top: 15px;
    font-size: 14px;
}

#mail_CONTACT .mail a{
    font-size: calc(1rem + 4px);
    letter-spacing: 0px;
}

.cate_list .mg_l-25px_sp {
    margin-left: 40px;
}

.page8 .mail a{
    font-size: calc(1rem + 2px)!important;
    letter-spacing: 0px;
}

#banner1 {
    bottom: 61px;
}

#banner1, #banner2 {
    width: 50%!important;
}
}