/* CSS Document */


/* reset：20180615.ver_1.1 版
---------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big,
em, img, small, strong, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, figure, figcaption, 
footer, header, nav, output, ruby, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, iframe,
footer, header, hgroup, menu, nav, section, img, svg {
	display: block;
}

ol, ul{
    list-style: none;
}

table{
    border-collapse: collapse; 
    border-spacing: 0;
}

caption, th{
    text-align: left;
}

img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}

a{
	text-decoration: none;
	color: #000000;
}

a:focus {
	outline: none;
}

html{
	overflow-y: scroll;
	/*font-size:62.5%;*/
}



/* body
---------------------------------------------------------------------*/
body{
	position: relative;
	min-height: 100vh;
	/*font-size:1.6rem;*/
	line-height: 1.8;
	overflow: hidden;
}

body, body *{
	font-family:"Noto Sans JP", "メイリオ", sans-serif;
	box-sizing: border-box;
	color: #333333;
}


/*- common.css -*/

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

* all

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

/* screen width 768px未満
---------------------------------------------------------------------*/
html{
	font-size: 14px;
}

body{
	font-size: 1rem;
}

a{
	transition: 0.5s;
}

.pc{
	display: none;
}

/* returnTop */
#returnTop{
	z-index:999;
	position:fixed;
	bottom:10px;
	right:10px;
}

#returnTop img{
	transition:ease-in .3s all;
	cursor:pointer;
	height:60px;
	width:60px;
}

/* title */




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	html{
		font-size: 16px;
	}
	
	.sp{
		display: none;
	}
	
	.pc{
		display: block;
	}
	
	/* returnTop */
	#returnTop img:hover{
		opacity:0.7;
	}
	
	/* title */
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	/* returnTop */
	
	/* title */
	
}







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

* header

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

/* screen width 768px未満
---------------------------------------------------------------------*/
header{
	border-bottom: 1px solid #CCCCCC;
	background:#FFFFFF;
}

header > div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}

header h1{
	padding:14px 10px;
}

header h1 img{
	height:23px;
	width:100px;
}

/* ar_r */
.ar_r{
	text-decoration:none;
	font-size:1rem;
	color:#666;
	padding:14px 10px;
}

.ar_r::after{
	content:url(../img/ar_red_r.svg);
  	vertical-align:middle;
	margin-left:8px;
}

/* SNSボタン */
.sns_share_btn{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background: #EEE;
	line-height:1;
	padding:10px;
	width:100%;
}

.sns_share_btn > div + div{
	margin-left:10px;
}

.sns_share_btn .line > *{
	height:20px !important;
	width:auto;
}

.sns_share_btn a, .sns_share_btn img{
	display:block;
	cursor:pointer;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	header h1 img{
		width:auto;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	header{
	}
	
	header > div{
		align-items:center;
		margin:0 auto;
		width:960px;
	}
	
	header h1{
		order:1;
	}
	
	header h1 img{
		height:auto;
		width:402px;
	}
	
	/* ar_r */
	.ar_r{
		padding:0;
		order:3;
	}

	/* SNSボタン */
	.sns_share_btn{
		flex-wrap:nowrap;
		justify-content:flex-end;
		background:none;
		padding:0;
		width:auto;
		order:2;
	}

	.sns_share_btn .line{
		display:none;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* footer

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

/* screen width 768px未満
---------------------------------------------------------------------*/
footer{
	background: #ec7d8a;
	text-align: center;
	padding: 3.5rem 1rem 2rem;
}

footer img{
	display: inline-block;
	height: 60px;
	width: 60px;
}

footer p{
	font-size: 1rem;
	line-height: 1;
	color: #FFFFFF;
	margin-top: 3rem;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	footer{
		padding: 160px 1rem 115px;
	}

	footer p{
		margin-top: 50px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* btmContents

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#btmContents{
	background: #ffdbdc;
	padding: 1.5rem 1rem;
	margin-top: 3.6rem;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	#btmContents{
		padding: 3.6rem 1rem;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	#btmContents{
		padding: 50px 1rem;
		margin-top: 100px;
	}
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}