@charset "UTF-8";/* CSS変数の宣言 */
/* テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

body{
	min-width:375px;}

input,
#slide-area .slide-title{/* フォント設定 ゴシック体 */
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;}

/*-----------------------------------------------
　HEADER
-----------------------------------------------*/
@media(min-width:999px){
	#main-title{
		background-image:url(../images/bg_main-title_dragon.png);
		background-position:left 780px center;
		background-repeat:no-repeat;
		background-size:contain;}}

@media(min-width:768px) and (max-width:998.9px){
	#main-title{
		background-image:url(../images/bg_main-title_dragon.png);
		background-position:left 600px center;
		background-repeat:no-repeat;
		background-size:contain;}}

h1::before{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.2em;
	background:transparent url(../images/ico_okinawa-karate.png) center bottom no-repeat;
	background-size:contain;
	vertical-align:bottom;}


main{
	border-top:1px solid #1E1E1E;
	background-color:#f9c558;/*薄い黄色*/
	background-color:#FFF;
	background-image:url(../images/bg_main_top.jpg), url(../images/bg_main_bottom.jpg), url(../images/bg_main.png);
	background-position:center top, center bottom, center top;
	background-repeat:no-repeat, no-repeat, repeat-y;
	border-bottom:1px solid #1E1E1E;/*mainとfooterの間に発生する余白をなくすハック*/}

main hr{visibility:hidden;}


/*-----------------------------------------------
　スライドエリア
-----------------------------------------------*/
#slide-area.container{
	max-width:none;
	width:100%;
	background-image:url(../images/bg_main_slide.jpg);
	background-position:center top;
	background-repeat:no-repeat;}

#slide-area h2, #slide-area .splide{
/*	visibility:hidden;*/
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;}

#slide-area .splide{
	border-bottom:1px solid #1E1E1E;
	background-color:#1E1E1E;}

.splide__pagination__page.is-active{
	width:11px;
	height:11px;
	background-color:var(--headerBackgroundColor);
	border:2px solid #DCD2A8;/*ゴールド：#A7995D(167,153,93)*/}

.slide-title rt{font-size:70%;}







#intro p{
	font-size:113%;/*18px*/
	font-size:107%;/*17px*/
	line-height:1.6;}

.img-visible > .intro-container > .intro-img{
	max-width:360px;}

#cont1, #cont2{}

#cont1 h3,
#cont2 h3 {
  /* width: 25%; */
/*  color: var(--accentColor);*/
	color:#1E1E1E;
  display: inline-block;
  /* border-bottom: solid 5px var(--accentColor); */
 	background:url(../images/line_black.png) left bottom no-repeat;
	background-size:100% auto;
  margin: 0 0 40px 30px;
  padding: 2px 1.0em 2px 10px;
}

#cont1 h3:before,
#cont2 h3:before {
  margin-right: 20px;
  content: url(../images/person_black.png);
  position: relative;
  top: 5px;
  
}

#cont2-1 p{
  font-size: 1.5rem;
  letter-spacing: 0.75rem;
}


/*.container2 {
	border-top:5px solid #1E1E1E;
  background:url(../images/bg/bg2.png),url(../images/bg/bg1.png),url(../images/bg/bg3.png), url(../images/bg_main_top.png);
  background-size:480px, 480px, 480px, auto;
  background-repeat:no-repeat, no-repeat, no-repeat, repeat-x;
  background-attachment: scroll, scroll, scroll, scroll;
  background-position: 90% 10%, 90% 75%, 5% 95%,  center top -50px;
}*/

.container2 {
  background:url(../images/bg/bg2.png),url(../images/bg/bg1.png),url(../images/bg/bg3.png);
  background-size:480px, 480px, 480px;
  background-repeat:no-repeat, no-repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
  background-position: 90% 10%, 90% 75%, 5% 95%;
}

/*
.container2 {
  background: url(../images/bg/bg1.png),url(../images/bg/bg2.png),url(../images/bg/bg3.png),url(../images/bg/bg1.png);
  background-size: 480px, 480px, 480px, 480px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: scroll, scroll, scroll, scroll;
  background-position: 20% 0%, 80% 10%, 80% 80%, 20% 95%;
}
*/


/*--- 展示品を見る ---*/
/*準備中のコンテンツ*/
section#cont1 .item.nolink{}

/*-----------------------------------------------
　フッターエリア
-----------------------------------------------*/

footer{
	padding-top:2rem;
	margin-top:0;
	background-color:#1E1E1E;/*黒*/}

footer nav#footer-links a:link, footer nav#footer-links a:visited{
	color:#FFF;
/*	text-decoration:underline;*/}

footer nav#footer-links a:hover, footer nav#footer-links a:active{
	color:#FFF;
	opacity:1;
	text-decoration:underline;}

button#sns-btn img{
	opacity:0.8;}