/* =========================================================

	ベトナム店のご案内 /campaign/vietnam.html

	@create		: 2017/6/21
	@version	: 2.00
	@author		: K.Sekioka of HEVIZ Co.,Ltd.

============================================================ */



@import url(../styles2017/common_pc.css);
@import url(../styles2017/common_sp.css) only screen and (max-width: 760px);



	/* -----------------------------------------------------
		Base
	-------------------------------------------------------- */



	#vietnamPage {
		display			: block;
		position		: relative;
		margin			: 0 0 0 10px;
		padding			: 275px 0 50px 0;
		color			: #59493f;
		font-size		: 10pt;
		font-family		: "游明朝","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-weight		: 500;
		line-height		: 1.7;

		background-color		: #f7f4eb;
		background-image		: url(../img/vietnam/bg.jpg);
		background-position		: center top;
		background-repeat		: no-repeat;
		zoom			: 1;
	}
	#vietnamPage:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#vietnamPage a         { color:#c39317; text-decoration:none;      }
	#vietnamPage a:visited { color:#c39317; text-decoration:none;      }
	#vietnamPage a:hover   { color:#d91f69; text-decoration:underline; }


	#vietnamPage ul,
	#vietnamPage ul li,
	#vietnamPage dl,
	#vietnamPage dl dt,
	#vietnamPage dl dd {
		margin			: 0;
		padding			: 0;
		list-style-type	: none;
	}


	/* -----------------------------------------------------
		Header
	-------------------------------------------------------- */


	#vietnamPage > header {
		display			: block;
		position		: relative;
		width			: 495px;
		margin			: 0;
		padding			: 0;
		background		: rgba(255,255,255,0.9);
	}

	#vietnamPage > header h1 {
		margin			: 0;
		padding			: 20px 40px;
		color			: #071f23;
		font-size		: 14pt;
		font-weight		: 500;
		line-height		: 1.5;
	}


	#vietnamPage > .detail {
		float			: left;
		width			: 400px;
		margin			: 80px 0 0 65px;
		padding			: 0;
		font-size		: 11pt;
	}



	/* イメージキャラクター ---------------------- */

	#vietnamPage > #character {
		display			: block;
		position		: relative;
		float			: right;
		width			: 446px;
		margin			: 80px 0 0 0;
		padding			: 0;
		background		: #ffffff;
	}

	#vietnamPage > #character > header {
		margin			: -100px 50px 0;
		padding			: 0;
		text-align		: right;
	}

	#vietnamPage > #character > header h2 {
		margin			: 0;
		padding			: 0;
		letter-spacing	: 1.5;
		font-size		: 9pt;
		font-weight		: 500;
	}

	#vietnamPage > #character > header h1 {
		margin			: 0;
		padding			: 0;
		letter-spacing	: 1;
		font-size		: 16pt;
		font-weight		: 500;
		letter-spacing	: 1;
	}

	#vietnamPage > #character > .detail {
		margin			: 0;
		padding			: 10px 45px 25px 50px;
		font-size		: 9pt;
		line-height		: 1.5;
	}



	/* ビデオ ------------------------------------ */

	#vietnamPage #videos {
		clear			: both;
		display			: block;
		position		: relative;
		margin			: 0 150px;
		padding			: 20px 0 0 0;
	}


	#vietnamPage #videos ul li {
		display			: block;
		position		: relative;
		width			: 100%;
		margin			: 30px 0 0 0;
		padding			: 56.25% 0 0 0;
	}

	#vietnamPage #videos ul li iframe {
		position	: absolute;
		top			: 0;
		right		: 0;
		width		: 100% !important;
		height		: 100% !important;
	}



	/* カリフォルニアフィットネス＆ヨガの概要 ---- */

	#vietnamPage #california {
		display			: block;
		position		: relative;
		margin			: 50px 50px 0 50px;
		padding			: 0;
		zoom			: 1;
	}
	#vietnamPage #california:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#vietnamPage #california > header {
		margin			: 0;
		padding			: 20px 0;
		border-top		: 1px solid #cac2ab;
		border-bottom	: 1px solid #cac2ab;
		background			: #fcfbf8;
		background			: linear-gradient(to right, #f7f4eb 0%, #fcfbf8 50%,#f7f4eb 100%);
	}

	#vietnamPage #california > header h1 {
		margin			: 0;
		padding			: 0;
		text-align		: center;
		color			: #59493f;
		font-size		: 15pt;
		font-weight		: 500;
	}

	#vietnamPage #california .image1 {
		float			: right;
		margin			: 35px 0 0 0;
	}

	#vietnamPage #california .image2 {
		float			: left;
		margin			: 35px 0 0 0;
	}

	#vietnamPage #california .detail {
		clear			: left;
		float			: left;
		width			: 490px;
		margin			: 20px 0 0 0;
		padding			: 0;
	}



	/* イースペシャルを発売 ---------------------- */

	#vietnamPage #especial {
		display			: block;
		position		: relative;
		margin			: 80px 50px 0 50px;
		padding			: 0;
		zoom			: 1;
	}
	#vietnamPage #especial:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#vietnamPage #especial > header {
		margin			: 0;
		padding			: 20px 0;
		border-top		: 1px solid #cac2ab;
		border-bottom	: 1px solid #cac2ab;
		background			: #fcfbf8;
		background			: linear-gradient(to right, #f7f4eb 0%, #fcfbf8 50%,#f7f4eb 100%);
	}

	#vietnamPage #especial > header h1 {
		margin			: 0;
		padding			: 0;
		text-align		: center;
		color			: #59493f;
		font-size		: 15pt;
		font-weight		: 500;
	}


	#vietnamPage #especial .image1 {
		float			: right;
		margin			: 35px 0 0 0;
	}

	#vietnamPage #especial .image2 {
		float			: left;
		margin			: 35px 0 0 0;
	}

	#vietnamPage #especial .detail {
		clear			: left;
		float			: left;
		width			: 400px;
		margin			: 20px 0 0 0;
		padding			: 0;
	}
	#scenery_01{
		width: 840px;
		margin: auto;
	}
	#scenery_01 > img{
	    margin-top: 1rem;
	    margin-bottom: -1rem;
	}
@media (max-width: 767px){
	#scenery_01{
		width: 90%;
	}
}

	/* ザ サイエンス オブ ビューティ ------------ */

	#vietnamPage #stores {
		display			: block;
		position		: relative;
		margin			: 0;
		padding			: 80px 0 0 0;
		background		: url(../img/vietnam/stores.png) center top no-repeat;
		zoom			: 1;
	}
	#vietnamPage #stores:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#vietnamPage #stores > header {
		margin			: 0 50px;
		padding			: 0;
	}

	#vietnamPage #stores > header h1 {
		margin			: 0;
		padding			: 0;
		color			: #59493f;
		font-size		: 15pt;
		font-weight		: 500;
	}



	/* 各店舗 */

	#vietnamPage #stores > article {
		display			: block;
		position		: relative;
		margin			: 25px 50px 0 50px;
		padding			: 25px;
		background		: #ffffff;
		zoom			: 1;
	}
	#vietnamPage #stores > article:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#vietnamPage #stores > article > header {
		float			: right;
		width			: 395px;
		margin			: 0;
		padding			: 10px 10px 10px 45px;
		background		: url(../img/vietnam/store_mark.png) left center no-repeat;
		box-sizing		: border-box;
	}

	#vietnamPage #stores > article > header h1 {
		margin			: 0;
		padding			: 0;
		line-height		: 1;
	}


	#vietnamPage #stores > article .image {
		float			: left;
		margin			: 0;
	}

	#vietnamPage #stores > article address {
		clear			: right;
		float			: right;
		width			: 395px;
		margin			: 35px 0 0 0;
		padding			: 0;
		font-style		: normal;
		line-height		: 2;
	}

	#vietnamPage #stores > article address dl dt {
		clear			: left;
		float			: left;
		padding			: 0 1em 0 0;
	}



	/* リンク ------------------------------------ */

	#vietnamPage footer nav {
		display			: block;
		position		: relative;
		margin			: 15px 50px 0 50px;
		padding			: 0;
		zoom			: 1;
	}
	#vietnamPage footer nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#vietnamPage footer nav ul li {
		padding				: 35px 0 0 0;
	}

	#vietnamPage footer nav ul li a,
	#vietnamPage footer nav ul li a:visited {
		display			: block;
		height			: 80px;
		line-height		: 80px;
		text-align		: center;
		color			: #ffffff;
		text-decoration	: none;
		box-sizing		: border-box;
	}

	#vietnamPage footer nav ul li a img {
		vertical-align	: middle;
		padding			: 0 10px 0 0;
	}


	#vietnamPage footer nav ul li.site {
		float			: left;
		width			: 395px;
	}
	#vietnamPage footer nav ul li.site a {
		background			: #c08f10;
		background			: linear-gradient(to right, #d5ab49 0%, #c08f10 100%);
	}


	#vietnamPage footer nav ul li.facebook {
		float			: right;
		width			: 395px;
	}

	#vietnamPage footer nav ul li.facebook a {
		background			: #ffffff;
		color				: #385797;
		border				: 1px solid #385797;
		line-height			: 56px;
	}


	#vietnamPage footer nav ul li.contact {
		clear				: both;
	}

	#vietnamPage footer nav ul li.contact a {
		background			: #e0b970;
		background			: linear-gradient(to right, #eed19a 0%, #e0b970 100%);
	}

	#vietnamPage footer nav ul li a:hover {
		background			: #f0607b;
		color				: #ffffff;
		text-decoration		: none;
	}



/* ---------------------------------------------------------
	レスポンシブ
------------------------------------------------------------ */



	@media (max-width: 767px) {



		/* Base ------------------------------------------- */

		#vietnamPage {
			margin				: 0;
			padding				: 180px 0 50px 0;
			line-height			: 1.5;
			background-size		: 100% auto;
		}

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



		/* Header ----------------------------------------- */
	
		#vietnamPage > header {
			width			: auto;
			margin			: 0 5%;
		}

		#vietnamPage > header h1 {
			padding			: 20px;
			font-size		: 12pt;
		}
		#vietnamPage > header h1 br {
			display			: none;
		}

		#vietnamPage > .detail {
			float			: none;
			width			: auto;
			margin			: 30px 5% 0;
			font-size		: 10pt;
		}



		/* イメージキャラクター ---------------------------- */

		#vietnamPage > #character {
			float			: none;
			width			: 90%;
			max-width		: 446px;
			margin			: 80px auto 0;
		}

		#vietnamPage > #character > header {
			margin			: 20px 5% 0;
			padding			: 0;
			text-align		: center;
		}

		#vietnamPage > #character > header h2 {
			letter-spacing	: normal;
		}

		#vietnamPage > #character > header h1 {
		}

		#vietnamPage > #character > .detail {
			margin			: 0 5%;
			padding			: 20px 0;
			font-size		: 10pt;
		}



		/* ビデオ ------------------------------------ */

		#vietnamPage #videos {
			margin			: 50px 5% 0;
			padding			: 0;
		}



		/* カリフォルニアフィットネス＆ヨガの概要 ---- */
		/* イースペシャルを発売 ---------------------- */

		#vietnamPage #california,
		#vietnamPage #especial {
			margin			: 80px 0 0 0;
			padding			: 0;
		}

		#vietnamPage #california > header h1,
		#vietnamPage #especial > header h1 {
			margin			: 0 5%;
			font-size		: 12pt;
		}
		#vietnamPage #california > header h1 br,
		#vietnamPage #especial > header h1 br {
			display			: none;
		}

		#vietnamPage #california .image1,
		#vietnamPage #california .image2,
		#vietnamPage #especial .image1,
		#vietnamPage #especial .image2 {
			float			: none;
			margin			: 35px 5% 0;
			text-align		: center;
		}

		#vietnamPage #california .detail,
		#vietnamPage #especial .detail {
			float			: none;
			width			: auto;
			margin			: 35px 5% 0;
		}



		/* ザ サイエンス オブ ビューティ ------------ */

		#vietnamPage #stores {
			margin			: 0;
			padding			: 80px 0 0 0;
		}

		#vietnamPage #stores > header {
			margin			: 0 5%;
		}

		#vietnamPage #stores > header h1 {
			font-size		: 12pt;
		}


		/* 各店舗 */

		#vietnamPage #stores > article {
			margin			: 25px 5% 0;
			padding			: 10px;
		}

		#vietnamPage #stores > article > header {
			float			: none;
			width			: auto;
			margin			: 0;
			padding			: 10px 0 10px 45px;
		}

		#vietnamPage #stores > article .image {
			float			: none;
			margin			: 15px 0 0 0;
			text-align		: center;
		}

		#vietnamPage #stores > article address {
			float			: none;
			width			: auto;
			margin			: 35px 5% 0;
			line-height		: 1.5;
		}



		/* リンク ------------------------------------ */

		#vietnamPage footer nav {
			margin			: 50px 5% 0;
		}

		#vietnamPage footer nav ul li {
			padding				: 15px 0 0 0;
		}

		#vietnamPage footer nav ul li a,
		#vietnamPage footer nav ul li a:visited {
			height			: auto;
			line-height		: 1.5;
			padding			: 20px 10px;
		}

		#vietnamPage footer nav ul li.site,
		#vietnamPage footer nav ul li.facebook {
			float			: none;
			width			: auto;
		}
	}

		#vietnamPage footer nav ul li.facebook a {
			padding			: 10px;
		}