@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/css?family=EB+Garamond'); /*font-family: 'EB Garamond', Arial, serif;*/
@import url('https://fonts.googleapis.com/css?family=Oswald');/*font-family: 'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Bangers');
@import url('https://fonts.googleapis.com/css?family=Marcellus');/* font-family: 'Marcellus', serif; */
@import url('https://fonts.googleapis.com/css?family=Pacifico');/* font-family: 'Pacifico', cursive; */

html{
	
	height: 100%;
  
}

body{
	
	line-height: 1.5;

	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

.wrapper{
	
	width: 100%;

}

.content{
	
	width: 100%;
	
}

.container{
	  
    margin: auto;
	
}

.container-ptb32-64{

	padding-top: 32px;
	
	padding-bottom: 32px;

	box-sizing: border-box;
	
}

.container-50{

    width: 50%;

    margin-right: auto;

    margin-left: auto;

}

.container-60{

    width: 60%;

    margin-right: auto;

    margin-left: auto;

}

.container-80{

    width: 80%;

    margin-right: auto;

    margin-left: auto;

}

.container-90{

    width: 90%;

    margin-right: auto;

    margin-left: auto;

}

.container-100{

    width: 100%;

    margin-right: auto;

    margin-left: auto;

}

/* ヘッダー */

.header{
	
	width: 100%;

}

.header-inner:after{

    content:" ";

    display:block;

    clear:both;
    
}

.gnav{

	display: block;

	margin-left: 10px;
	
}

.gnav-list a{
	
	color: #fff;
	
	font-family: 'Marcellus', serif;

	font-size: 16px;

	line-height: 2;

	opacity: 0.8;
	
}

.gnav-list a:hover{
	
	opacity: 1;

}

.gnav-list a:visited{
	
	color: #fff;
	
}

/**/


/* コンテンツ */

.content-heading-block{

	margin-top: 42px;

}

.content-heading-center{

	font-size: 32px;

	text-align: center;
	
	margin-top: 0;
	
	margin-bottom: 1em;

	margin-bottom: 48px;
	
}

.content-heading-center span{

	padding-bottom: 3px;

	border-bottom: solid 4px #333;

}

/* スクロールのアニメーション用CSS */
.effect .content-heading-center {

	font-size: 24px; /*拡大前のサイズ*/

	transition: .5s;　/*F.I.の時間*/

} 

/* 基本のシンプルなボタン */
.btn-simple{

	text-align: center;

	margin: 24px auto;

	padding: 10px;

	display: block;

}

.btn-simple:before{

	/*content: ">>";*/

	font-size: 70%;

	vertical-align: 2px;

	margin-right: 0.5em;

	color: #aaa;

}

.btn-simple:hover{

	text-decoration: none;

}

/* 基本のシンプルなボタンここまで以下はバリエーション */

/* 白地に黒文字・枠*/
.btn-white{

	background: #fff;

	color: #000;

	border: solid 1px #000;

}

.btn-white:hover{

	background: #eee;

}

/* 透明地に白文字・枠*/
.btn-clear{

	color: #fff;

	border: solid 1px #fff;

}

.btn-clear:hover{

	background: rgba(255,255,255,0.3);
	
	color: #fff;

}

/* ボタンの幅・高さ */
.btn-w50{

	width: 50%;

	font-size: 0.8em;

	margin: 8px auto;

	padding: 3px;


}

.btn-h50{

	height: 50%;

	font-size: 0.8em;

	margin: 8px auto;

	padding: 3px;

}


/* フッター */

.footer{

	background: #000;

	color: #fff;

	font-size: 10px;

	text-align: center;

}

/*img要素をレスポンシブに*/
img{

	display: block;
	
	width: 100%;

	height: auto;
	
}

/*メディアクエリ*/

@media (min-width: 479px) {

	.container-ptb32-64{

		padding-top: 64px;
	
		padding-bottom: 64px;

		box-sizing: border-box;
	
	}

}

/*ページトップへ*/
.pagetop {
	
	display: none;
	
	position: fixed;
	
	bottom: 30px;
	
	right: 55px;
	
}

.pagetop a {
	
	display: block;
	
	width: 50px;
	
	height: 50px;
	
	background-color: #333;
	
	text-align: center;
	
	color: #fff;
	
	font-size: 24px;
	
	text-decoration: none;
	
	line-height: 50px;
	
}


/* スタイルまとめ */

.ovh{

    overflow: hidden;

}

.headline-gothic{
    
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    
}

.headline-mincho{
    
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    
}

.headline-en{

    font-family: 'Oswald', sans-serif;

}

.gothic{
    
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    
}

.mincho{
    
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    
}

.lh-05{

    line-height: 0.5;
}

.lh-1{

    line-height: 1;
}

.lh-2{

    line-height: 2;
}

.lh-3{

    line-height: 3;
}

.mt-0{

    margin-top: 0px;

}

.mt-6{

    margin-top: 6px;

}

.mt-12{

    margin-top: 12px;

}

.mt-16{

    margin-top: 12px;

}

.mt-24{

    margin-top: 24px;

}

.mt-32{
    
    margin-top: 32px;
    
}

.mt-48{
    
    margin-top: 48px;
    
}

.mt-64{
    
    margin-top: 64px;
    
}

.mb-0{

    margin-bottom: 0px;

}

.mb-6{

    margin-bottom: 6px;

}

.mb-12{

    margin-bottom: 12px;

}

.mb-16{

    margin-bottom: 12px;

}

.mb-24{

    margin-bottom: 24px;

}

.mb-32{
    
    margin-bottom: 32px;
    
}

.mb-48{
    
    margin-bottom: 48px;
    
}

.mb-64{
    
    margin-bottom: 64px;
    
}

.pt-0{

    margin-top: 0px;

}

.pt-6{

    margin-top: 6px;

}

.pt-12{

    margin-top: 12px;

}

.pt-16{

    margin-top: 12px;

}

.pt-24{

    margin-top: 24px;

}

.pt-32{
    
    margin-top: 32px;
    
}

.pt-48{
    
    margin-top: 48px;
    
}

.pt-64{
    
    margin-top: 64px;
    
}

.pb-0{

    margin-bottom: 0px;

}

.pb-6{

    margin-bottom: 6px;

}

.pb-12{

    margin-bottom: 12px;

}

.pb-16{

    margin-bottom: 12px;

}

.pb-24{

    margin-bottom: 24px;

}

.pb-32{
    
    margin-bottom: 32px;
    
}

.pb-48{
    
    margin-bottom: 48px;
    
}

.pt-64{
    
    margin-top: 64px;
    
}

.fs-48{

    font-size: 48px;

}

.fs-32{

    font-size: 32px;

}

.fs-28{

    font-size: 28px;

}

.fs-24{

    font-size: 24px;

}

.fs-20{

    font-size: 20px;
    
}

.fs-18{

    font-size: 18px;
    
}

.fs-14{

    font-size: 14px;
    
}

.fs-12{

    font-size: 12px;
    
}

.fw-b{
    
    font-weight: bold;
    
}

.f-it{
    
    font-style: italic;
    
}

.font-marcellus{

	font-family: 'Marcellus', serif;

}

.tac{

    text-align: center;

}

.tal{

    text-align: left;

}

.tar{

    text-align: right;

}

.bb1{

    border-bottom: solid 1px #CCC;

}

.bg-gray{

	background: #eee;

}

a:hover{

	opacity: 0.8;
	
}

.clearfix:after {

    content:" ";

    display:block;

    clear:both;
    
}