.bg_color1 {background-color: #c1a470;}
.bg_color3 {background-color: #81D8D0;}
.border_color1 {border-color: #c1a470;}
.border_color3 {border-color: #c1a470;}
.border_color4 {border-color: #cbe6e4;}
.txt_color2 { color: #ffeac5;}
.hvr_bg_color1:hover {background-color: #c1a470;}
.hvr_border_color1:hover { border-color: #c1a470;}
/* ----------　all　---------- */
.linkStyle{
	color:#ffeac5;
}
.linkStyle:hover{
	color:#ffeac5;
	opacity: 0.7;
	transition: all 0.5s;
}
#wrap{
background-color: #ffffff;
}
.font_serif {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header {
    background: none;
    background: none;
    background: none;
    background-color: rgba(255, 255, 255,0.5)!important;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}
#header h1{
    max-width: 250px;
    height: auto;
}
#header h1 img{
    height: auto;
    width: 100%!important;
}
#footer .con_img {
    background-color: #82d8d0;
}
header .menu_stick {
    color: #c1a470;
    top: 20px;
    right: 30px;
}
header .menu_stick span{
    box-shadow: none;
}
.txt_shadow_h {
    text-shadow: none;
}
#pc_nav a::before {
    background-color: #c1a470;
}
#footer .footer_logo{
    max-width: 350px;
}

/* ----------　TOP　---------- */

.video_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
video {
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	vertical-align: bottom;
}
#pc_nav li{
font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);
font-weight: bold;
    letter-spacing: 4px;
}
.con_box::before {
    background-color: #c1a470;
}
.con_bg {
    background-color: #82d8d0;
}
#contents1 .width_90per.float_right{
    width: 95%!important;
}

#contents1 .con_img{
    width: 60% !important;
}
#contents1 .con_img img{
    max-height: 800px;
}
#contents2 .con_img,#contents3 .con_img{
opacity:0.7;
}
#contents2 .con_box {
    background: -moz-linear-gradient(left, transparent, #59bfb6);
    background: -webkit-linear-gradient(left, transparent, #59bfb6);
    background: linear-gradient(to right, transparent, #59bfb6);
}
#contents3 .con_box {
    background: -moz-linear-gradient(left, #c1a470, transparent);
    background: -webkit-linear-gradient(left, #c1a470, transparent);
    background: linear-gradient(to right, #c1a470, transparent);
}
#contents3 .con_box::before {
    background-color: #82d8d0;
}
#contents4 .con_bg_img {
    background-color: #a9a9a9;
}
#contents4 .con_txt p.font_8up{
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
    font-weight: bold;
    letter-spacing: 8px;
}
#top_cms .cms_title h2{
font-weight: bold;
    letter-spacing: 6px;
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);
}
#top_cms .cms_title p{
color: #bb882c;
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
    font-weight: bold;
}
.cms_title::before {
    background-color: #c1a470;
}
#top_cms {
    background: -webkit-repeating-linear-gradient(-45deg,#81d8d0 0,#81d8d0 5px,#86dbd3 5px,#86dbd3 7px);
    background: -o-repeating-linear-gradient(-45deg,#81d8d0 0,#81d8d0 5px,#86dbd3 5px,#86dbd3 7px);
    background: repeating-linear-gradient(-45deg,#81d8d0 0,#81d8d0 5px,#86dbd3 5px,#86dbd3 7px);
}

#top_cms .cms_1-e .date{
font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
    padding-left: 0px;
}
#top_cms .cms_1-e h3{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    font-weight: bold;
}
#top_cms .cms_2-c p{
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}
#top_cms .cms_2-c h3{
    font-weight: bold;
}
#top_info div.float_right{
    padding-top: 70px;
    padding-bottom: 70px;
}
#top_info .con_title{
padding-left: 0px;
}
#top_info .con_title span{
    font-weight: bold;
    font-size: -webkit-calc(1rem + 20px);
    font-size: calc(1rem + 20px);
}
/* ----------　下層ページ　---------- */
#page_title {
    background: -webkit-repeating-linear-gradient(-45deg,#c8ab75 0,#c8ab75 5px,#d5b886 5px,#d5b886 10px);
    background: -o-repeating-linear-gradient(-45deg,#c8ab75 0,#c8ab75 5px,#d5b886 5px,#d5b886 10px);
    background: repeating-linear-gradient(-45deg,#c8ab75 0,#c8ab75 5px,#d5b886 5px,#d5b886 10px);
}
#page_title img{
opacity: 0.5;
}
#cms_1-e .date {
    background-color: #c1a470;
}
#cms_6-c h3{
    color: #82d8d0;
}
#cms_6-c p{
    color: #333;
}
#cms_6-c .circle {
    background-color: #c1a470;
}
#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2 {
    border-color: #cbe6e4;
}
#cms_6-b .cate_box:first-of-type {
    border-top: 1px solid #cbe6e4;
}
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #b29560;
}
.youtube_box{
  position: relative;
  width: 80%;
  padding-top: 44.8%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube_box:empty {
    display: none;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header{
	height: auto!important;
}
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
#pc_nav{
	display:none;
}
.video_wrap {
	position: static;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 100%;
}
video {   
	min-width: auto;
	min-height: auto;
	width: 100%;
	z-index: 1;
	position: static;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(0%, 0%); 
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%); 
}

#contents1 .width_90per.float_right {
    width: 100%!important;
}
#contents1 .con_img {
    width: 100% !important;
}
#contents1 .con_img img {
    max-height: 100%;
}

#footer .footer_logo {
    max-width: 300px;
}
header .scroll_d {
    display: none;
}
#top_info div.float_right {
    padding-top: 0px;
    padding-bottom: 0px;
}
#top_cms .cms_2-c h3 {
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
}
#contents4 .con_txt p.font_8up {
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
    letter-spacing: 5px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){

#contents1 h2{
    padding-right: 0px;
    padding-left: 0px;
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    letter-spacing: 1px;
}
#contents2 h2,#contents3 h2{
letter-spacing: 3px;
}
.youtube_box{
  width: 100%;
  padding-top: 56%;
}

#footer .footer_logo {
    max-width: 250px;
}
#top_info .con_box{
        width: 95%!important;
}
#top_info .con_title {
    letter-spacing: 2px;
}
#top_info .con_title span {
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);
}
#copyright{
letter-spacing: 0px;
    font-size: 13px;
}
header .menu_stick {
    top: 15px;
    right: 20px;
}
#top_cms .cms_2-c p {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);
}


}