@charset "utf-8";

/*--------------------------------------------------
  reset css
--------------------------------------------------*/
/* margin, paddingの幅を考慮せずに幅指定を可能にする */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
  padding: 0; margin: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea,{ padding: 0; margin: 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; }
ol, ul{ list-style:none; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align: left; }
a:focus { outline:none; }
img { width: 100%; height: auto; display: block; vertical-align: bottom; }
.inline_block { display: inline-block; *display: inline; *zoom: 1; }
/* 入力フォームのパーツデザイン */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
select, textarea, .field {
  padding: 0 14px; display: block; height: 60px; line-height: 60px;
  border-radius: 6px; vertical-align: middle; box-shadow: none; border: 0;
  width: 100%; background-color: #fff; font-size: 16px; font-size: 1.6rem; border: 1px solid #ccc;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input::-webkit-input-placeholder, input:-ms-input-placeholder, input::-moz-placeholder {
  color: #ccc; font-weight: normal;
}
select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}


/*--------------------------------------------------
  リンク
--------------------------------------------------*/
/*【注意】順番を入れ替えると正常に動作しなくなります*/
a {
  color: #00A5BF; -webkit-transition: 0.3s; -moz-transition: 0.3s;
  -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
}
a:visited { color: #00A5BF; }
a:hover { color: #00A5BF; /*background: rgba(255,255,255,0.8);*/ opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }
a:active { color: #00A5BF; }
a.underline { text-decoration: underline; }


.wrap { max-width: 1080px; margin: 0px auto; }
.ttlCenter { color: #00A5BF; font-size: 34px; text-align: center; margin: 120px 0px 0px 0px; }
.ttlCenter span { border-bottom: 1px solid #00A5BF; }

/* header */
header { background: #ABCED8; padding: 13px 0px 13px 15px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); margin: 0px 0px 80px 0px; }
header .wrap .logo { width: 525px; }
header .wrap { display: flex; justify-content: space-between; align-items: center; }
header .wrap .menu { width: 30px; }
/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  background:  #fff;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #ABCED8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#ABCED8;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#ABCED8;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 71,70,73,0.6 );
  text-align: center;
  width: 100%;
  transform: scale(0,0);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: scale(1,1);
}


.footer_guild_coin { margin-top: 30px; font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif; }
.footer_guild_coin .inner { overflow: auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 259px; margin: 0 auto 1.5em; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: -2px 10px 5px rgba(0, 0, 0, 0); border-radius: 10px; }
.footer_guild_coin .image {  }
.footer_guild_coin p { font-size: 18px; line-height: 20px; font-weight: 600; }
.footer_guild_coin a { display: inline-block; font-size: 18px; line-height: 48px; height: 48px; color: #ffffff; min-width: 212px; background-color: #006aff; text-align: center; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; border-radius: 0px; }

/* footer */
footer { margin: 120px 0px 0px 0px; }
footer .copy { background: #ABCED8; padding: 12px 0 12px 0; }
footer .copy a { display: block; color: #ffffff; text-align: center; font-size: 13px; }


/* top */
#foreword h1 { color: #00A5BF; text-align: center; font-size: 40px; margin:  0px 0px 30px 0px; }
#foreword h1 span{ border-bottom: 1px solid #00A5BF; }
#foreword p { color: #00A5BF; text-align: center; font-size: 20px; line-height: 2; }
#foreword .image { margin: 40px 0px 120px 0px; }

#news .inner { background: #F7FCEF; padding: 30px 60px 30px 60px; }
#news .inner h2 { color: #00A5BF; font-size: 34px; font-weight: bold; margin: 0px 26px 0px 0px; }
#news .inner .block dl { display: flex; color: #4B4B4B; font-size: 16px; border-bottom: 1px dotted #ddd;
padding: 10px 0; }
#news .inner .block dl dt { width: 10em; }
#news .inner .block dl dd { width: calc(100% - 10em); }
#news .inner .block { height: 13em; overflow-y: scroll; }

#twitter iframe { display: block!important; margin: 120px auto 0!important; }

#info h2 { color: #00A5BF; font-size: 34px; text-align: center; margin: 120px 0px 0px 0px; }
#info h2 span { border-bottom: 1px solid #00A5BF; }
#info p { color: #4B4B4B; font-size: 30px; padding: 60px 0px 0px 0px; text-align: center; }
#info .flex { display: flex; flex-wrap: wrap; }
#info .flex .block { width: 32%; margin: 0 2% 30px 0; }
#info .flex .block:nth-of-type(3n) { margin-right: 0; }
#info .flex .block h3 { text-align: center; }


#top_navi { margin: 120px 0px 0px 0px; }
#top_navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#top_navi ul li { width: 31%; margin: 0 0 20px 0; background: #00A5BF; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
#top_navi ul li:hover { opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }
#top_navi ul li a { display: block; width: 100%; padding: 40px; color: #fff; text-decoration: none; text-align: center; }

#about {  }
#kengaku { padding: 20px; border: 1px dotted #ddd; border-radius: 5px; }
#kengaku a { display: grid; justify-content: center; text-decoration: none; text-align: center; }
#kengaku a span { margin-top: 20px; border-radius: 10px; background: #00A5BF; padding: 10px 20px; color: #fff; }
#member { margin-bottom: 20px; }
#member .inner { display: flex; justify-content: space-between; }
#member .inner .block { padding: 10px 20px; border: 2px dashed #00a5bf; border-radius: 5px; width: 49%; }
#member .inner .block .name { font-size: 120%; border-bottom: 1px solid #00a5bf; margin-bottom: 10px; }

#address  { margin: 120px 0px 0px 0px; }
#address > h2 { color: #00A5BF; font-size: 34px; text-align: center; margin: 0px 0px 60px 0px; }
#address h2 span { border-bottom: 1px solid #00A5BF; }
#address p { color: #4B4B4B; text-align: center; font-size: 20px; }
#address .inner { display: flex; justify-content: space-between; }
#address .map { width: 54%; }
#address .map iframe { width: 100%; }
#address .box { width: 44%; position: relative; }
#address .box h2 { color: #00A5BF; font-size: 34px; margin: 0px 0px 22px 0px; }
#address .box p { color: #5B5B5A; font-size: 16px; }
#address .box a { display: inline-block; line-height: 1; padding: 13px 44px 13px 44px; position: absolute; bottom: 0; background: #00A5BF; border-radius: 24px; text-decoration: none; color: #FFFFFF; font-size: 16px; font-weight: bold; }


#sponsor .inner { margin: 120px 0px 0px 0px; }
#sponsor .inner h2 { color: #00A5BF; font-size: 34px; font-weight: bold; text-align: center; }
#sponsor .inner .att { color: #4B4B4B; font-size: 20px; margin: 34px 0px 0px 0px; text-align: center; }
#sponsor .inner .att span { border-bottom: 1px dotted #ccc; }
#sponsor .inner .btn_kyosan { display: flex; justify-content: center; margin: 20px 0px 0px 0px; }
#sponsor .inner .btn_kyosan a { display: inline-flex; line-height: 1; padding: 13px 44px 13px 44px; background: #00A5BF; border-radius: 24px; text-decoration: none; color: #FFFFFF; font-size: 16px; font-weight: bold; }


.price_nav { display: flex; justify-content: space-between; align-items: center; }
.price_nav a { font-size: 18px; font-weight: 600; width: 22%; margin: 0 0 20px 0; padding: 0.5em; border-radius: 3px; background: #00A5BF; color: #fff; text-decoration: none; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; position: relative; }
.price_nav a:hover { opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }
.price_nav a:hover::before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0em; margin: auto; vertical-align: middle; width: 13px; height: 13.2px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


#price {  }
#price h2 { color: #00A5BF; font-size: 34px; margin: 120px 0px 0px 0px; }
#price .flex { display: flex; }

.price_table { width: 100%; }
.price_table th,
.price_table td { border: 1px solid #e7e6e6; padding: 0.6em 1em; }

.guild_coin { display: flex; justify-content: space-between; align-items: center; }
.guild_coin .image { width: 216px; }
.guild_coin p {  }




/*------------------------------------------------------------------------
                                < 1000
------------------------------------------------------------------------*/

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

.wrap { padding: 0 20px; }

}