@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; */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);/* font-family: 'Noto Sans', sans-serif; */

html{
	
	height: 100%;
  
}

body{
	font-size: 16px;
	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;
    padding: 32px 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;

}

/* コンテンツ */

.content-heading-block{

	margin-top: 42px;

}

.content-heading-center{

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

	margin-bottom: 48px;
	
}

.content-heading-center span{

	padding-bottom: 3px;

	border-bottom: solid 2px #fff;

}


/* 基本のシンプルなボタン */
.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-96{

    font-size: 96px;

}

.fs-64{

    font-size: 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-12{

    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;

}

.font-garamond{

	font-family: 'EB Garamond', serif;

}

.tac{

    text-align: center;

}

.tal{

    text-align: left;

}

.tar{

    text-align: right;

}

.bb1{

    border-bottom: solid 1px #ddd;
    background: #fff;

}

.bg-gray{

	background: #eee;

}

/*.clearfix:after {

    content:" ";

    display:block;

    clear:both;
    
}*/
/******** ボタン類(btn) ********/

/* 黒ボタン デフォルトは白文字*/
a.btn-01{
	font-size: 11px;
	width: 150px;
	padding: 8px 4px;
	margin: 28px auto 36px auto;
	display: block;
	box-sizing: border-box;
	/*border: solid 1px #000;*/
	border-radius: 2px;
	background: #000;
	text-align: center;
	text-decoration: none;
	color: #fff;
	position: relative; /* ボタン内アイコン用 */
	transition: all 0.5s ease-out;
}
/*a.btn-01::before{
	content: url(../images/arrow.svg);
	margin-right: 0.5rem;
}**/
a.btn-01:hover{
	/*border: solid 1px #999;*/
	background: #999;
}
@media (min-width: 768px) {
	a.btn-01{
		margin: 28px 0 36px 0;
	}
}



a.btn-02{
	font-size: 11px;
	width: 100%;
	padding: 8px 4px;
	/*
	margin: 28px auto 36px auto;
	*/
	display: block;
	box-sizing: border-box;
	/*border: solid 1px #000;*/
	border-radius: 11px;
	background: #000;
	text-align: center;
	text-decoration: none;
	color: #fff;
	position: relative; /* ボタン内アイコン用 */
	transition: all 0.5s ease-out;
}
/*a.btn-01::before{
	content: url(../images/arrow.svg);
	margin-right: 0.5rem;
}**/
a.btn-02:hover{
	/*border: solid 1px #999;*/
	background: #999;
}

@media (min-width: 768px) {
	a.btn-02{
		/*
		margin: 28px 0 36px 0;
		*/
	}
}



.center{
	text-align: center;
}