body{margin:0px;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:18px;line-height:1.75em;background:#eee;color:#333;position:relative;}
img{border:none;width:100%;}
/*a{text-decoration:none;color:black;}*/
a{text-decoration:none;color:#7d000b;}
a:hover{opacity:.6;transition-duration:.5s;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
li{margin:0px;padding:0px;}
table{border-collapse: collapse;width:100%;}
th,td{padding:10px;border:1px solid #ccc;font-weight:normal;}
th{background:#7d000b;color:white;text-align:center;}
table.brn br{display:none;}
strong{color:#7d000b;}

.btn{text-align:center;margin:20px 0;}
.btn a{background:#7d000b;padding:0px 40px;color:white;display:inline-block;font-size:.9em;position:relative;}
a.now{background:#ab554c;pointer-events:none;}

/* レイアウト */
ul.layout{display:flex;flex-wrap:wrap;width:1370px;margin:0 auto;}
ul.layout > li:nth-of-type(1){width:300px;background:#7d000b;}
ul.layout > li:nth-of-type(2){width:1070px;background:white;position:relative;}
img.img_sp{display:none;}
img.img_pc{display:block;}

/* ナビゲーション */
.navi_sp{display:none;}
.navi_pc{display:block;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .2s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position: relative;width: 50px;height: 50px;z-index: 11;float:right;margin-top:0px;}
.menu-trigger span{position: absolute;background:white;width: 30px;height: 3px;left: 0;right: 0;margin: auto;}
.menu-trigger span:nth-of-type(1){top: 10px;}
.menu-trigger span:nth-of-type(2){top: 18px;}
.menu-trigger span:nth-of-type(3){top: 26px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){opacity: 0;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.menu-trigger p{font-size:2vw;text-align:center;color:white;padding-top:14px;}
.g-nav{display:none;position:absolute;top:0px;left:0%;background:rgba(125,0,11,.95);width: 100%;height: auto;padding:40px 0 0px;z-index:10;}
.g-nav ul{border-top:1px solid #c8a24e;margin:20px 5%;}
.g-nav ul li a{color:white;border-bottom:1px solid #c8a24e;padding:5px 10px;display:block;}

nav{display:block;width:100%;margin-top:15px;}
nav ul li{width:100%;}

/* サイド */
img.logo{width:220px;height:auto;margin:20px auto;display:block;}
.navi_pc ul{border-top:1px solid #c8a24e;margin:20px 0;}
.navi_pc ul li a{color:white;border-bottom:1px solid #c8a24e;padding:5px 10px;display:block;}
img.sidebanner{width:230px;height:auto;margin:20px auto;display:block;}

ul.side_icon{display:flex;flex-wrap:wrap;width:220px;height:auto;margin:0px auto;}
ul.side_icon li{width:calc(100%/3 - 20px);margin:0 10px;}


/* 本文ヘッダー */
header{width:100%;position:relative;}

.arr{position:relative;height:100px;margin: 0 auto;width:2px;color:#898989;top:-20px}
.arrows {position: relative;display:flex;height:100px;margin: 0 auto;justify-content: center;align-items: center;background:#898989;overflow:hidden;}
.arrows .arrow {position: absolute;top: 100%;left:0;}
.arrows .arrowfirst {animation: arrow-move 2s infinite;}
.arrows .arrow:before, .arrows .arrow:after {position: absolute;top: -100px;left: 0;display: block;width:2px;height:100px;content: '';background: #7d000b;}
@keyframes arrow-move {
0% {top: 0%;opacity: 1;}
100% {top: 200%;opacity: 1;}
}
.arrowright{width:15px;height:3px;background:#898989;display:block;position:absolute;bottom:13px;left:2px;}
.arrowright{transform: skewY(-60deg);overflow:hidden}
.arrow2{position:absolute;top:0%;left:0;animation: arrow-move2 2s infinite;}
.arrow2:before {position: absolute;top:-170px;left: 0px;display: block;width:30px;height:100px;content: '';background: #7d000b;transform: skewY(60deg);}
@keyframes arrow-move2 {
0% {top: 0%;opacity: 1;}
100% {top: 200px;opacity: 1;}
}
.arr p{position:absolute;bottom:-25px;left:50%;margin:0px auto;transform:translateX(-50%);font-family:serif;}

a.sonokeiba{width:154px;height:auto;position:absolute;top:20px;right:25px;z-inde:3;}

.spbtn{display:none;}

/* トップ本文 */

.topmain{background:url(img/main_back.png) no-repeat;background-size:contain;display:block;width:100%;}
.topmain section h2, article h2{margin:0px;padding:0px;overflow:hidden;text-indent:100%;white-space: nowrap;line-height:.1em;}
section.news{padding-top:25px;}
section.news h2{background:url(img/top_title01.png) no-repeat;background-size:contain;}
section.news ul{width:660px;height:180px;overflow:auto;margin:75px auto 170px;background:white;border:1px solid black;padding:45px 68px;}
section.news ul li{border-bottom:1px solid #898989;padding:0 15px 10px 120px;margin-bottom:40px;line-height:25px;}
section.news ul li span{width:200px;display:block;margin:0 0 -25px -100px;}


section.gallery h2{background:url(img/top_title02.png) no-repeat;background-size:contain;}

section.gallery dl{
	margin:30px 0;
}
section.gallery dl dt,
section.gallery dl dd{
	text-align:center;
	margin:0;
}
section.gallery a.poster img{width:30%;height:30%;}

/*
section.gallery p{text-align:center;margin:10px 0;}
section.gallery a.pv{width:55%;height:auto;margin:0 auto;padding:75px 0 40px;display:block;white-space:nowrap;}
section.gallery a.poster{width:30%;height:auto;margin:0 auto;padding:0px 0 85px;display:block;white-space:nowrap;}
*/

/* 共通バナー */

article h2{background:url(img/top_title03.png) white no-repeat;background-size:contain;}
article{background:#E5DFE2;width:100%;padding:0 0 80px;text-align:center;line-height:1.4em;} 
ul.foot01{display:flex;flex-wrap:wrap;margin:50px 103px 0;}
ul.foot01 li{width:404px;margin:0 14px 40px;}
ul.foot01 li a{color:#333;}
ul.foot02{display:flex;flex-wrap:wrap;margin:0 105px;}
ul.foot02 li{width:187px;margin:0 14px 40px;}
ul.foot02 li a{color:#333;}
ul.foot03{display:block;margin:0 75px}
ul.foot03 li{display:inline-block;}
ul.foot03 li img{height:39px;width:auto;margin:14px}
ul.foot03 li a{color:#333;}

/* フッター */
footer{background:#ab554c;height:80px;width:100%;min-width:1370px;color:white;} 
footer p{text-align:center;font-size:14px;line-height:20px;padding:30px 0;margin:0px;} 

ul.flw_btn{width:auto;height:80px;background:url(img/bnr.png) no-repeat white;position:fixed;bottom:0px;right:0px;padding-left:142px;opacity:.9;border:1px solid #7d000b}
ul.flw_btn li{display:inline-block;margin:0 15px;}

/*

img.fore01{position:absolute;top:758px;right:20px;width:451px;height:auto}
img.fore02{position:absolute;top:1476px;left:25px;width:211px;height:auto}
img.fore03{position:absolute;top:2277px;right:10px;width:388px;height:auto}
img.fore04{display:none;position:absolute;height:auto}
*/
/*
img.fore01{position:absolute;top:758px;right:20px;width:451px;height:auto}
img.fore02{position:absolute;top:1476px;left:25px;width:211px;height:auto}
img.fore03{position:absolute;top:1907px;right:10px;width:388px;height:auto}
img.fore04{display:none;position:absolute;height:auto}
*/
img.fore01{position:absolute;top:758px;right:20px;width:451px;height:auto}
img.fore02{position:absolute;top:1476px;left:25px;width:211px;height:auto}
img.fore03{position:absolute;top:1907px;right:10px;width:358px;height:auto}
img.fore04{display:none;position:absolute;height:auto}


/* サブページ共通 */
.submain{display:block;width:100%;}
.submain h1{background:url(img/sub_title_back.png) no-repeat;height:73px;text-align:center;color:white;line-height:70px;font-size:40px;}
.submain section{width:calc(100% - 68px);padding:60px 34px 100px;}
.submain section h2{border-bottom:#dabe7d solid 4px;font-size:34px;color:#7d000b;line-height:1.5em;}
.submain section h2::after{content:"";border-bottom:#7d000b solid 6px;margin-top:6px;display:block;}
.submain section h2 span{font-size:.7em;margin-left:10px}
.submain section h3{border-bottom:#7d000b solid 2px;font-size:28px;text-align:center;margin:40px 0 20px;padding-bottom:5px;color:#7d000b}
.submain section h3 span{font-size:.7em;margin-left:10px}
.submain section h4{border-bottom:3px solid #7d000b;font-size:24px;font-weight:normal;margin:40px 0 5px;color:#7d000b}
.submain section h5{text-align:right;font-size:20px;font-weight:normal;}

@media all and (min-width: 0) and (max-width: 749px)  {
body{background:white;}
table th,table td{padding:5px 3px;font-size:3vw;line-height:1.2em;}
table.brn br{display:block;}

.navi_sp{display:block;background:#7d000b;height:50px;width:100%;}
ul.layout{display:block;width:100%;margin:0 auto;}
ul.layout > li:nth-of-type(1){display:none;}
ul.layout > li:nth-of-type(2){width:100%;display:block;}
img.img_sp{display:block;}
img.img_pc{display:none;}

img.logo{width:auto;height:40px;position:absolute;top:-12px;left:10px;z-index:11} 
ul.side_icon{position:absolute;top:10px;right:50px;width:auto;}
ul.side_icon li{width:30px;margin:0px 5px;}

a.sonokeiba{width:22vw;height:auto;top:1.5vw;right:3vw;}
.arr{left:-44vw;top:-18vw}
.arrows {height:50px;margin: 0 auto;}
.arrows .arrow:before, .arrows .arrow:after {top: -50px;left: 0;width:2px;height:50px;content: '';}
.arrowright{width:8px;height:3px;bottom:58px;left:2px;}
.arrow2:before {position: absolute;top:-175px;left: 0px;display: block;width:15px;height:100px;content: '';}
.arr p{bottom:30px;left:50%;margin:0px auto;transform:translateX(-50%);font-size:10px;}

ul.spbtn{display:flex;flex-wrap:wrap;width:90%;margin:-80px 5% 30px;}
ul.spbtn li{width:calc(100%/2 - 20px);margin:0 10px;}

/*.topmain{background:url(img/main_back_sp.png) no-repeat;background-size:contain;display:block;width:100%;margin-top:-20vw;}*/
.topmain{background:url(img/main_back_sp.png) no-repeat;background-size:contain;display:block;width:100%;}

.topmain section.news h2{background:url(img/top_title01_sp.png) no-repeat;background-size:cover;height:5.8vw;margin-top:5vw;}
.topmain section.gallery h2{background:url(img/top_title02_sp.png) no-repeat;background-size:cover;height:5.8vw;}
article h2{background:url(img/top_title03_sp.png) white no-repeat;background-size:cover;height:5.8vw;}

section.news{padding-top:5px;}
section.news ul{width:80%;height:36vw;margin:5vw auto 15vw;padding:20px;font-size:4vw;}
section.news ul li{padding:0 1vw 1vw 20vw;margin-bottom:5vw;line-height:6vw;}
section.news ul li span{width:25vw;margin:0 0 -6vw -20vw;}

section.gallery dl.pv{
	width:auto;
}
section.gallery dl.pv dd{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
section.gallery dl.pv dd iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

section.gallery p{font-size:3vw;margin:0vw 0}
/*
section.gallery a.pv{width:80%;height:auto;margin:0 auto;padding:19vw 0 6vw;display:block;}
section.gallery a.poster{width:55%;height:auto;margin:0 auto;padding:0px 0 16vw;display:block;}
*/

ul.foot01{margin:10vw 10% 0;font-size:4vw;}
ul.foot01 li{width:100%;margin:0 0 5vw;}
ul.foot02{margin:0 5%;font-size:4vw;line-height:6vw;}
ul.foot02 li{width:calc(100%/2 - 6%);margin:0 3% 5vw;}
ul.foot03{margin:0vw 2vw 0}
ul.foot03 li img{height:30px;width:auto;margin:5vw 2% 0}


ul.flw_btn{width:calc(72% - 2px);display:flex;flex-wrap:wrap;align-items:center;justify-content: center;height:15vw;padding-left:28%;background-size:contain}
ul.flw_btn li{width:calc(100%/4 - 0px);margin:0;}
ul.flw_btn li img{height:auto;width:100%;display:flex;align-items:center;}

/*
img.fore01{top:125vw;right:5vw;width:35vw;}
img.fore02{display:none;}
img.fore03{top:376vw;right:5vw;width:36vw;}
img.fore04{display:block;top:218vw;left:3vw;width:30vw;}
*/
/*
img.fore01{top:145vw;right:5vw;width:35vw;}
img.fore02{display:none;}
img.fore03{top:393vw;right:5vw;width:36vw;}
img.fore04{display:block;top:235vw;left:3vw;width:30vw;}
*/
/*
img.fore01{top:145vw;right:5vw;width:35vw;}
img.fore02{display:none;}
img.fore03{top:343vw;right:5vw;width:36vw;}
img.fore04{display:block;top:235vw;left:3vw;width:30vw;}
*/
img.fore01{top:145vw;right:5vw;width:35vw;}
img.fore02{display:none;}
img.fore03{top:368vw;right:5vw;width:26vw;}
img.fore04{display:block;top:225vw;right:5vw;width:30vw;}

footer{min-width:100%;} 

/* サブページ共通 */
.submain h1{background-size:cover;height:12vw;line-height:11vw;font-size:5vw;}
.submain section{width:calc(100% - 20px);padding:10vw 10px;}
.submain section h2{border-bottom:#c8a24e solid 2px;font-size:7vw;}
.submain section h2::after{content:"";border-bottom:#7d000b solid 3px;margin-top:4px;display:block;}
.submain section h2 span{font-size:3.5vw;margin-left:0px;display:block;line-height:1.3em;}
.submain section h3{font-size:6vw;margin:15vw 0 5vw}
.submain section h4{font-size:5vw;margin:15vw 0 2vw}
.submain section h5{font-size:4vw;margin:2vw 0 2vw;line-height:1.4em;}
.submain section h3 span,.submain section h4 span,.submain section h5 span{font-size:.75em;display:block;line-height:1.4em;}
.submain p{font-size:4vw;line-height:1.65em;}


.scroll{overflow: auto;white-space:nowrap;padding-bottom:5px;}
.scroll::-webkit-scrollbar{height:10px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;border-radius:5px;}
}