@charset "UTF-8";

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

html,
body {
	font-size: 10px;
	height: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Arial, "メイリオ", Meiryo, sans-serif;
	position: relative;
	background-color: #314296;
}

a {
	font-weight: bold;
	color: #f958b8;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #666;
}

p {
	font-size: 1.6rem;
	font-weight: 200;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	margin: 1em 0;
	color: #FFFFFF;

	word-break: break-all;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}


/* ------------------------------------
header
------------------------------------ */
.header {
	width: 100%;
	height: 79vw;
	background: #FFFFFF url('../images-2019/xs/30589424557_d976c943db_o.jpg?') no-repeat center/cover;
	position: relative;
}

.header__bl-logo {
	margin: 0;
	padding: 15px 0;
	font-size: 1rem;
	line-height: 1em;
	text-align: center;
	position: absolute;
	width: 100%;
}

.header__bl-logo img {
	height: 25px;
	width: auto;
}

.header__container {
	width: 100%;
	padding: 15px 15px 5px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: linear-gradient(0, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
}

.header__title {
	width: 66%;
	float: right;
}

/* .header__title img {} */



/* ------------------------------------
main
------------------------------------ */
.main {
	position: relative;
}

.section {
	padding: 0;
	margin: 0;
	padding-bottom: 48px;
}

.section--image {
	/* height: 800px; */
	height: calc(100vw * 0.666);
	padding: 0;
	background: no-repeat center center/cover;
}

.section__header {
	padding: 32px 15px 20px;
}

.link-to-en {
	padding: 8px 10px 0;
	font-size: 1.4rem;
	text-align: right;
}

.section__title {
	margin: 0 0 8px;
}

.section__body {}

.content-text__group {
	position: relative;
	padding: 0 15px 15px;

}

.section__button {
	padding: 20px 0;
}

.section__button a {
	text-decoration: none;
}

/* .section__button img {
	height: 44px;
} */

.hashtag {
	word-break: keep-all;
}

.button {
	background: #dd5e92;
	border-radius: 2em;
	font-size: 2rem;
	color: #FFF;
	padding: 0.6em 2em;
	text-decoration: none;
	word-break: keep-all;
	/* display: inline-block; */
}

.button:hover {
	background-color: #e4007f;
}

.button--instagram::before {
	width: 1em;
	height: 0.8em;
	margin: 0 0.2em 0 0;
	line-height: 1em;
	content: '';
	display: inline-block;
	background: url('../images-2019/icon__instagram--white.svg') no-repeat bottom/contain;
}


.button--mini {

	font-size: 1.1rem;
	border-radius: 2em;

}

/* ------------------------------------
intro
------------------------------------ */

.content__rule {
	padding: 15px;
	/* background: #d1e4f2; */
	border: 5px solid #d1e4f2;
	border-radius: 4px;
}

.content__rule p {

	color: #FFFFFF;
	font-weight: 600;

}




/* ------------------------------------
result
------------------------------------ */
.section--instagram-result {

	border-bottom: 4px solid #dd5e92;
}

.section--instagram-result .section__header {
	background-color: #dd5e92;
	padding: 20px 0;
}

.section--instagram-result .section__header h2 {
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
	margin: 0;
	color: #FFF;
}

.section--instagram-result .intro {
	margin: 15px 0 0;
	padding: 0 15px;

}

.section--instagram-result .group {

	margin: 0 0 48px;
}

.section--instagram-result .group h3 {
	text-align: center;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: 900;
}

.section--instagram-result .item {

	/* width:  */
	padding: 0 15px 80px;
}


.section--instagram-result h4 {
	color: #FFFFFF;

	font-size: 1.8rem;

}


.section--instagram-result p {
	color: #FFFFFF;

	/* font-size: 1.2rem; */
	/* line-height: 1.6em; */

}

.section--instagram-result .outro {
	text-align: center;
}

.section--instagram-result .outro p {
	font-size: 1.8rem;
	font-weight: 800;
}




/* ------------------------------------
instagram
------------------------------------ */
.section--instagram {
	padding: 0;
}


.section--instagram p {
	line-height: 2em;
}


p.image {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1em;
}

span.caption {
	color: #999;
	font-size: 1.2rem;
	display: none;
}



.text-en {
	padding: 15px;
	margin-bottom: 0;
	background-color: #1d3556;
}

.text-en h3 {
	color: #FFFFFF;
	font-size: 2.4rem;
	margin: 15px 0 24px;
}

.text-en h4 {
	color: #FFFFFF;
	font-size: 1.4rem;
	margin: 12px 0 8px;
}

.text-en p {
	font-size: 1.3rem;
	line-height: 1.4em;
	margin: 0 0 2em;
}

.text-en .group {
	margin: 0 0 4em;
}

.text-en .group:last-child {
	margin: 0;
}

.text-en .section__button .button {
	/* display: inline-block; */
	margin: 0 0 0.6em 0.4em;
	padding: 0.6em 1em;
	font-size: 1.7rem;
}


.text-en .section__button a:first-child .button {
	margin-left: 0;
}


/* ------------------------------------
image
------------------------------------ */

.content-image {
	width: 100vw;
	height: 66.66vw;
	background: #EEEEEE no-repeat center/cover;
	margin: 0;
}

.content-image--1 {
	background-image: url('../images-2019/xs/31690072178_508069d895_o.jpg');
}

.content-image--2 {
	background-image: url('../images-2019/xs/44036521214_912161b2d3_o.jpg');
	margin: 0 0 0;
}

.image__sample {

	margin: 0 0;

}


/* ------------------------------------
footer
------------------------------------ */
.footer {
	padding: 20px;
	text-align: center;
	background: #2d3033;
	color: #5e5d5a;
}

.footer a {
	color: #666;
	text-decoration: none;
}





/* ------------------------------------------------------------------------------------------------
Responsive
------------------------------------------------------------------------------------------------ */

/*
@media (max-width: @screen-xs-max) { 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
*/



/* -----------------------------------------------------
ex -small
----------------------------------------------------- */
@media (max-width: 320px) {
	p {
		font-size: 1.3rem;
	}

	.button {
		font-size: 1.45rem;
	}



	.section--instagram-result .item {
		padding: 0 0 45px;
	}


}


/* -----------------------------------------------------
sm
----------------------------------------------------- */
@media (min-width: 568px) {

	body {
		/* background: #F00; */
	}

	.header__container {
		padding: 30px 42px 10px;
	}

	.header__title {
		width: 400px;
	}

	.section__container {
		width: 568px;
		margin: auto;
	}


	
	.section__header .section__container {
		padding: 0 15px;
	}

}


/* -----------------------------------------------------
sm+
----------------------------------------------------- */
@media (min-width:992px) {
	body {
		/* background: #F90; */
	}

	.header {
		margin: auto;
		height: 640px;
		background-image: url('../images-2019/md/30589424557_d976c943db_o.jpg');
		background-position-y: top;
	}

	.header__container {
		padding: 42px 56px 15px;
	}

	.section__container {
		width: 720px;
		margin: auto;
	}

	.content-image {
		width: 100vw;
		height: 50vw;
	}


	.image__posts {
		/* position: absolute;
		top:0;
		right: 0;
		width: 320px; */
	}

	.image__sample {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 20px;
	}

	.image__sample p.image {
		flex-basis: 50%;
		margin-top: 0;
		margin-bottom: 0;
		/* width: 48%;  display: inline-block; */
	}


	.content-image--1 {
		background-image: url('../images-2019/sm/31690072178_508069d895_o.jpg');
	}

	.content-image--2 {
		background-image: url('../images-2019/sm/44036521214_912161b2d3_o.jpg');
	}


.section--instagram-result .item {

	padding: 0 15px 45px;
}



}


/* -----------------------------------------------------
md+
----------------------------------------------------- */
@media (min-width:1200px) {

	body {
		/* background: #FF0; */
	}

	.header {
		width: 1200px;
		height: 720px;
		background-image: url('../images-2019/md/30589424557_d976c943db_o.jpg?');
		background-position-y: top;
		margin-bottom: 20px;
	}


	.section__container {
		width: 1024px;
		margin: auto;
	}


	.link-to-en {
		/* padding: 8px 10px 0; */
		/* text-align: left; */
		font-size: 1.6rem;
	}


	p {
		font-size: 1.8rem;
	}


	.content-image {
		width: 100vw;
		height: 50vw;
	}

	.content-image--1 {
		background-image: url('../images-2019/md/31690072178_508069d895_o.jpg');
	}

	.content-image--2 {
		background-image: url('../images-2019/md/44036521214_912161b2d3_o.jpg');
	}


	.text-en h3 {
		font-size: 2.4rem;
	}

	.text-en h4 {
		font-size: 1.6rem;
	}

	.text-en p {
		font-size: 1.4rem;
	}



	.section--instagram-result {
		margin: 24px 0;
	}

	.section--instagram-result p {
		font-size: 1.6rem;
	}

	.section--instagram-result .items {
		display: flex;
		flex-wrap: wrap;
	}
	.section--instagram-result .item {
		flex-basis: 50%;
	}


	.section--instagram-result .item.mks-embed {
		flex-basis: 45%;
	}


	.section--instagram-result .item.mks-text {
		flex-basis: 55%;
	}
}


/* -----------------------------------------------------
lg+
----------------------------------------------------- */
@media (min-width:1480px) {

	body {
		/* background: #0FF; */
	}

	.header {
		width: 1480px;
		height: 860px;
		background-image: url('../images-2019/lg/30589424557_d976c943db_o.jpg');
		background-position-y: top;
	}

	.content-image {
		/* height: 33.33vw; */
	}

}


/* -----------------------------------------------------
xl
----------------------------------------------------- */
@media (min-width: 1680px) {
	body {
		/* background: #990; */
	}

	.header {
		margin: auto;
		width: 1480px;
		height: 960px;
		background-image: url('../images-2019/lg/30589424557_d976c943db_o.jpg?');
		background-position-y: top;
	}


	.image__sample {
		padding: 20px 0px;
	}

	.content-image--1 {
		background-image: url('../images-2019/lg/31690072178_508069d895_o.jpg');
	}

	.content-image--2 {
		background-image: url('../images-2019/lg/44036521214_912161b2d3_o.jpg');
	}


	
	.section--instagram-result .section__container {
		width: 1280px;
	}

	.section--instagram-result .item {
		flex-basis: 33%;
	}

}


/* ------------------------------------------------------------------------------------------------
Printing
------------------------------------------------------------------------------------------------ */
@media print {}