@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */
/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br {
  letter-spacing: normal;
}

/* フロート回り込み解除
----------------------------------------------- */
.clear {
  clear: both;
  display: none;
  font-size: 0px;
  line-height: 0%;
  height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}

.clearfix {
  display: block;
  /* for IE8 */
}

.both {
  clear: both;
}

.hidden {
  display: none;
}

/* yui 上書き
----------------------------------------------- */
html,
body {
  /*height: 100%;*/
  /*背景画像を100%にする時に使用する*/
  overflow-x: hidden;
}

body {}

ol, ul, dl {
  margin: 0px;
}

li {
  list-style-type: none;
}

h1, h2, h3 {
  margin: 0px;
}

/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */
/* body */
body {}

/* container */
#container {}

/* container_inner */
#container_inner {}

/* header_wrapper */
#header_wrapper {}

/* header */
#header {}

/* main_nav */
#main_nav {}

/* breadcrumb */
#breadcrumb {}

/* contents_wrapper */
#contents_wrapper {}

/* footer_wrapper */
#footer_wrapper {}

/* footer */
#footer {}

/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */
/* a リンク
----------------------------------------------- */
a {
  text-decoration: none;
}

a:link {}

a:visited {}


/* ボタン
----------------------------------------------- */
/* form
---------------------------------------------- */
/* -----------------------------------------------
 * メイン
----------------------------------------------- */
/*body { margin:0; padding:0; font-size:1.5rem; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; overflow-x:hidden; }*/
body {
  margin: 0;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 13px;
  color: #5F5F52;
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  font-weight: 500
}

/* html */
html {}

/*.container { width: 1300px; margin: 0 auto; }*/
.container { max-width: 1300px; width: 98%; margin: 0 auto; }


.tb { display: none; }
.sp { display: none; }
.sp_only { display: none; }
.pc { display: block; }

li a img {
  width:100%;
}
li {
  display: block;
  width:100%;
}

@media screen and (max-width:1250px){

}


@media screen and (max-width:1100px){
  .container { width: 90%; margin: 0 auto; }

}

@media screen and (max-width:768px){
  .pc { display: none; }
  .sp { display: block; }
  .tb { display: block; }
}


@media screen and (max-width:479px){
  .tb { display: none; }
  .sp_only { display: block; }
}

/* flex
----------------------------------------------- */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
}
.flex img {
  align-self:flex-start;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex_just-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_just-b {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex_just-a {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex_align-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center ;
}
.flex_align-b {
  -webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}


@media screen and (max-width:768px){
  .flex_direction-row-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .flex_direction-col-r {
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
  }
}



/* pagetop
----------------------------------------------- */
#page_top { display: none; z-index: 100; position: fixed; bottom: 5%; right: 2%; }
#page_top img { width:50px; }


@media screen and (max-width:479px){
  #page_top img { width:35px; }
}

/* 共通
----------------------------------------------- */
h2 { position: relative; letter-spacing: 3px; color: #B49200; /*font-size: 1.8rem;*/ font-size: 1.5vw; font-weight: bold; margin-bottom: 30px; }
h2:before {
    content: url("../images/kyumeikai_title_icon.png");
    margin-right: 20px;
    vertical-align: bottom;
}
h3 { font-size: 1.2rem; font-weight: bold; color: #5F5F52; margin-bottom: 20px;}
p { font-size: 1rem; line-height: 35px; text-align: justify; }
.gold { color: #B49200; }
.right { text-align: right; }
.center { text-align: center; }
.vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 2vw; line-height: 4vw; letter-spacing: 5px; }
.mincyo { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.half_box { width: 45%;}
.half_box img { width: 100%; }


/* ボタン */
.btn {}
.btn a {}


@media screen and (max-width:1250px){

}


@media screen and (max-width:1100px){
  p { line-height: 30px; }
  .half_box { width: 48%; }


}

@media screen and (max-width:768px){
  h2 { font-size: 1.2rem; text-align: center; margin-bottom: 30px; }
  p { font-size: 0.8rem; line-height: 25px; }
  .half_box { width: 100%; margin-bottom: 50px; }

}

@media screen and (max-width:479px){
  h2 { font-size: 1rem; margin-bottom: 15px; }
  h3 { font-size: 0.9rem; }
  .vertical { writing-mode: horizontal-tb; font-size: 4vw; line-height: 6vw; }
  .half_box { width: 100%; margin-bottom: 30px; }
  .half_text { width: 100%; margin-bottom: 30px; }
}


/* -----------------------------------------------

	 header

----------------------------------------------- */




#smh_menu { display: none; }


@media screen and (max-width:1250px){

}


@media screen and (max-width:1100px){


}

@media screen and (max-width:768px){

}


}


@media screen and (max-width:479px){
}


.wrapper { background-color:#222; text-align:center;}

/* -----------------------------------------------

	 top_section

----------------------------------------------- */
.top_section { width: 100%; margin: 0 auto; }
.logo { padding:3%;}
.logo p { color:#fff; text-align: center; margin-top: 2rem; font-size: 1.5rem;}
.logo p:nth-of-type(2) { text-align: center; margin-top: 1rem; font-size: 1rem;}

.s1 { padding:20px 0 10px;}
.s1 ul { max-width:680px; width:100%; margin:auto;}
/* 点滅 */
.blinking{
  font-size: 2rem; margin:0px 0px 30px; color: #FFEE58; font-family: 'Teko', sans-serif;
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.s1 ul li { width: 100%; background-color: #616161; margin-bottom:35px;transition: background 1s;}
.s1 ul li.pickup { background-color: red; margin-bottom:35px;transition: background 1s;}
.s1 ul li:nth-child(odd) { background-color: #424242;}
.s1 ul li:hover { background-color:#FF0000; color:#fff;transition: all 1s;border-radius: 14px;}
.s1 ul li a { color: #fff; display:block; line-height:50px; font-size:18px;}

.s2 { padding:30px 0 70px;}

.fabicon{margin-top: 1rem;}
.youtube-red{color: #Ff0000;margin:1rem; vertical-align: middle;}
.tw-blue{color: #1da1f2; vertical-align: middle;}

.s2 video {width: 50%; margin-bottom: 50px}


@media screen and (max-width:1250px){

}


@media screen and (max-width:1100px){


}

@media screen and (max-width:768px){
	main {  padding:24px 0px;}
	.wrapper {background-color:#222; background-size:cover;}
	.logo { padding:0; text-align:center;}
	.logoimg { width:41%;margin: 40px;}
	.s1 ul li a { font-size:14px;}
	.s1 ul li a:hover { background-color:#FF0000; color:#fff;transition: all 1s;border-radius: 14px;}
  .fabicon img.minkara{height: 39px;}
  .s2 video {width: 100%;}
  .s1 ul li.pickup { background-color: #1A237E;}
}


@media screen and (max-width:479px){

}