html * {-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;}

*, *:after, *:before {-webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;}

body {
	font-size: 100%;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    color: #000; 
	background-color: #e574ab;
	}

main {
	
}

body {
	color: #342020;
}

@media screen and (max-width:768px){
	body {
	  background-position: center top;
	  background-attachment: fixed;
	  background-size: cover;}
	}
	main{
		width: 100%;
		}
	
body, html {height: 100%;}




/* clearfix */
.container:after {content: '';
                  display: table;
                  clear: both;}


/* ------------------------------
    　　　グローバルナビ部分
------------------------------ */

.gn {
	margin: auto;
	text-align: center;
	background-color: #ff176e;
	}

.gnBtn{
	height: 40px;
	padding: 0 20px;
	text-align: center;
	margin: 7px 0 0;
}


.gnBtn:hover{
	opacity: .7;
 	transition: .2s;
	}


@media screen and (max-width:768px){
	.gn {
		height: 10vw;
	}
	.gnBtn{
		height: 7vw;
		padding: 0;
		text-align: center;
		margin: 1.5vw 2vw 0;
	}
}




/* ------------------------------
　　コンテンツ基本設定(レイアウト)
------------------------------ */
.contents{
	width: 1180px;
	margin: 150px auto;
	background-image: url("../img/bg.png");
	border: 1px solid #9c6400;
}
.article{
	width: 960px;
	margin: 0px auto 80px;
}
.article:first-child{
	margin: 100px auto 80px;
	}

@media screen and (max-width:768px){
	.contents{
		width: 100%;
		margin: 30vw auto;
		background-image: url("../img/bg.png");
		border: none;
		}
	.article{
		width: 100%;
		margin: 0px auto 10vw;
		}
	.article:first-child{
		margin: 15vw auto 10vw;
		}
	}


/* ------------------------------
　コンテンツ基本設定(色,文字サイズ)
------------------------------ */
body{
	color: #555;
	line-height: 1.6;
	}

a {
	text-decoration: none;
	border: none;
	color: #149eff;
	font-weight: 600;
	}

a:hover{
	text-decoration-line: underline
	}

.txts{
	font-size: 12px;
	}

h1 img{
	width: 1180px;
	margin: 5px auto 30px;
	}

@media screen and (max-width:768px){
	.txts{
	font-size: 3.5vw;
	}
	
	h1 img{
		width: 100%;
		margin: 5px auto 30px;
		}
	}

/* ------------------------------
    　  　インデックス項目
------------------------------ */
.subtitle {
	display: block;
	margin: 10px auto;
	height: 56px;
	}
@media screen and (max-width:768px){
	.subtitle {
		display: block;
		margin: 2vw auto;
		height: 12vw;
		}
	}

/* ------------------------------
　　　　　　　ページタイトル
------------------------------ */

.PageTitle {
	display: block;
	width: 480px;
	margin: auto;
	}

@media screen and (max-width:768px){
.PageTitle {
	width: 100%;
	}
}


/* ------------------------------
　　　　　　　PR
------------------------------ */

.pr {
	width: 49%;
	display: inline;
	margin: 10px 0 0;
	}

@media screen and (max-width:768px){
	width:100%;
}



/* ------------------------------
　　　　　　　フッター
------------------------------ */
.footer p{
	font-size: 11px;
	margin: 10px auto;
	text-align: center;
	font-weight: 400;
	letter-spacing: 1px;
	}