@charset "UTF-8";
@font-face {
    font-family: 'League Spartan';
    src: url('font/leaguespartan-bold.eot');
    src: url('font/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('font/leaguespartan-bold.woff2') format('woff2'),
         url('font/leaguespartan-bold.woff') format('woff'),
         url('font/leaguespartan-bold.ttf') format('truetype'),
         url('font/leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


/* //////////////////////////////////////////////////////////////////// */


/* ///// 全ページ共通CSS /////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////// */


/* ==================================================
    Selected Text
================================================== */

::selection {
    background: #191919;
    /* Safari */
    color: #FFFFFF;
}


/* ==================================================
    Font Anti Alias
================================================== */

html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 62.5%;
}

body {
    font-size: 1.2rem;
	line-height:2.4rem;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    /*ゴシック系*/
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 /* 明朝系*/
/*    font-family:"georgia","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;    */
    text-align: center;
    background: #fff;
    position: relative;
	width:100%;
	overflow-x:hidden;
	}
li,
p,
span,
dt,
dd {
    letter-spacing: 0.18em;	
}

/* ==================================================
link
================================================== */

a:link {
    color: #444444;
    text-decoration: none;
}

a:visited {
    color: #444444;
    text-decoration: none;
}

a:hover {
    color: #444444;
    text-decoration: none;
}

a:active {
    color: #444444;
    text-decoration: none;
}


/*a:hover img {opacity:0.4;transition: all 0.4s;}*/

ul li a {
    position: relative;
    outline: none;
    text-decoration: none;
}

ul li a:hover,
ul li a:focus {
    outline: none;
}


/* ==================================================
base (reset)
================================================== */

body {
    transition: all 0.4s;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul,
ol,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

ol,
li {
    list-style: none;
}

img {
    border: none;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
	max-width:100%;
}


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

a {
    margin: 0;
    padding: 0;
    font-size: inherit;
    background: transparent;
}

th,
td {
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    empty-cells: show;
}

input,
select {
    vertical-align: middle;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    /*border:0;*/
}

pre {
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* CSS3 */
    word-wrap: break-word;
    /* IE 5.5+ */
}


/* ==================================================
common
================================================== */

.pcno {
    display: none;
}

.lateDisplay {
    opacity: 0;
}


/* ==================================================
nowloading
================================================== */

.nowloading {
    background: url(../img/loading.gif) no-repeat center center;
    background-size: 20px;
}


/* ==================================================
Slider
================================================== */
.swiper-container, .swiper-slide {
	width:85%;
	height:auto;
	
}

.swiper-button-prev, .swiper-button-next{
    background: none !important;
    position: absolute !important;
    width: 20px !important;
}

/*.swiper-button-prev{
	left: -3.5% !important;
}
.swiper-button-next{
	right: -3.5% !important;
}
*/
.swiper-button-prev:hover{
	opacity:0.8;
	background:#fff;
}
.swiper-button-next:hover{
	opacity:0.8;
	background:#fff;	
}

.swiper-active-switch {
	background-color: #16AC94;
}



/* ==================================================
PAGE-TOP
================================================== */
#page-top {
    position: relative;
    bottom: 20px;
	z-index:100;
	margin:0 auto;
	text-align:center;
	width:60px;	
}
#page-top img{
}
#page-top a {
    text-decoration: none;
}
#page-top a:hover {
    text-decoration: none;
	opacity:0.5;
}

/*#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:100;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	opacity:0.5;
}

/* ==================================================
navi=
================================================= */
#nav.scroll {
    position: fixed;
    top: 20px;
    right: 20px;
	z-index:100;
}
#nav.scroll  a {
    text-decoration: none;
    text-align: center;
    display: block;
}
#nav.scroll  a:hover {
    text-decoration: none;
	opacity:0.5;
}


/* --------------------------------------------------
アニメーションスクロール
-------------------------------------------------- */
.scrollto {}
/*jquery.scrollto.jsを利用*/

/* --------------------------------------------------
マウスオーバー時のポインター設定　(IE6以上、firefox対応)
※独自画像の際は右記→ cursor: url(example.cur), url(example.gif), default;
　拡張子.curはIE用、firefoxは.gifか.png / 左から優先適用
-------------------------------------------------- */
a,
.clickable {
    cursor: pointer;
}

/* --------------------------------------------------
div全体をクリックにて、div内にあるリンク先へ遷移 (base.js)
-------------------------------------------------- */
.clickable {}

/*class="clickable-box"内のaタグのリンク先に飛ぶ*/

/* --------------------------------------------------
clearfix
フロートした子要素しかもたない親ブロック要素の高さを確立する
-------------------------------------------------- */

/*親ブロック要素のclassにclrfixを追加*/
.clrfix:before,
.clrfix:after {
    content: "";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    zoom: 1;
}
/* For IE 6/7 (trigger hasLayout) */

/* //////////////////////////////////////////////////////////////////// */
.twoline {
    line-height: 4em !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb110 {
    margin-bottom: 110px !important;
}
.mb120 {
    margin-bottom: 120px !important;
}
.mb130 {
    margin-bottom: 130px !important;
}
.mb140 {
    margin-bottom: 140px !important;
}
.mb150 {
    margin-bottom: 150px !important;
}
.mb160 {
    margin-bottom: 160px !important;
}
.mb170 {
    margin-bottom: 170px !important;
}
.mb180 {
    margin-bottom: 180px !important;
}
.mb190 {
    margin-bottom: 190px !important;
}
.mb200 {
    margin-bottom: 200px !important;
}

/* //////////////////////////////////////////////////////////////////// */