@charset "utf-8";
/* CSS Document */

/*====================================
  	base　
====================================*/
.bg_color1{background-color: #222222;}
.bg_color2{background-color: #f5f5f5;}
.bg_color3{background-color: #f4810e;}

.border_color3{border-color:  #f4810e;}

.txt_color3{color:  #f4810e;}
.shadow {  box-shadow:none;}
.txt_shadow-l {   text-shadow: none;}

#fakeloader{background-color: #f4810e;}
body{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #222222;}
.font_serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.video{width: 100%;}
#header{margin-bottom: 0px!important;background-color: #f4810e!important;}
.index header #header {box-shadow: 0 0px 0px rgba(0,0,0,0);}
.index #main_nav {    box-shadow: 0 0px 0px rgba(0,0,0,0);}
#main_nav ul li a{font-weight: bold;}
#wrap{padding-top: 110px!important;}
main{padding-top: 50px!important; background: #fff!important;}
.fixed{
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
	margin-top: 110px;
}
#header .tel a{ background: #fff9e2; border: #222222 solid 4px;  color: #222222;    padding: 10px 20px;    border-radius: 100px;}
#page_title::after{background-color: rgba(210, 150, 15, 0.5);}
#bottom_menu nav ul li a{font-weight: bold;}
#info{padding: 30px;
    background: #ea9d10;
    border-radius: 30px;}


/* トップ
   ----------------------------------------------------------------- */
#intro h2{font-weight: bold;border-bottom: 4px solid #ea9d10;}
#intro div p{font-weight: bold;
    font-size: 20px;
    line-height: 2em;}
#contents{background: #fff9e2;}
#contents div div.grid_6_tb{
	background: #fff;
	border: 4px solid #222222;
    padding: 20px;
    border-radius: 20px;
}
#contents div div.grid_6_tb h3{color: #f4810e; font-weight: bold;}
#contents div div.grid_6_tb p{color: #222222; font-weight: bold;}
#contents div div.border_so1{border: none; position: relative;}
#contents div div.border_so1::before{
	content: "";
	width: 100px;
	height: 100px;
	background-size: cover;
	top: 60px;
    left: 0px;
    position: absolute;
	z-index: 1;
}
#contents div div.con1 div::before{background-image: url(./Dup/img/01.png);}
#contents div div.con2 div::before{background-image: url(./Dup/img/02.png);}
#contents div div.con3 div::before{background-image: url(./Dup/img/03.png);}
/* =====================
  Vegas
===================== */
#vegas{width: 100%;height: 80vh; margin-top: 50px;}
#vegas img{
	width: 902px;
	height: 115px;
	padding-bottom: 50px;
}
.vegas-timer {
   display: none;
}
.vegas-timer-progress {
   display: none;
}

@keyframes kenburns {
    0% {
        transform: scale(1.5) rotate(0.1deg);
    }
    100% {
        transform: scale(1) rotate(0.1deg);
    }
}



/* 下層ページ
   ----------------------------------------------------------------- */
#cms_4-b .modal_bg{    background-color: rgba(232, 228, 215, 0.9)!important;}
#cms_4-b .close span{
    width: 100%;
    background: #f4810e;
    text-align: center;
    padding: 8px 0px;
	color: #fff;
}
@media screen and (max-width: 768px){
	#vegas{margin-top: 0px;}
	#wrap main{padding-top: 0px!important; border-top: none;}
	#header .tel a{    padding: 10px 14px;}
	#contents div div.border_so1::before{top: 0;}
}

@media screen and (max-width: 667px){
	#vegas{ height: 300px;}
	#header h1 a img{width: 100px!important;}
	#wrap {    padding-top: 80px!important;}
	#header .tel{padding-left: 0px;}
	#header .tel a {    padding: 5px 8px;}
	#contents div div.border_so1::before{ left: -23px; width: 70px; height: 70px;}
	#intro div p{    font-size: 16px;    line-height: 1.5em;}
	
}

/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){
	#header .tel a{ padding: 14px 20px 8px;}
	#cms_4-b .close span{padding: 12px 0px 8px;}
   
}