﻿/* ==========================================================================
/* -- 画面の横幅が768pxまで
 ========================================================================== */
@media only screen and (max-width: 768px) {
	body {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		word-wrap: break-word;
		-webkit-text-size-adjust: 100%;
		min-width: inherit;
		_display: inherit;
		_zoom: inherit;
	}
	/*
overflow:scroll; の指定がある場合は word-wrap:normal;　で解除
*/
	/*-------------------------------------------------------------------------------------*/
	#header {
		padding: 0% 0% 0% 0%;
		margin: 0% 0% 0% 0%;

		background-color: #002e75;
	}
	#header img {
		width: 100%;
	}
	#header a:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}
	/*--------------------------------------------------------*/
	ul#nav1 {
		display: none;
	}
	ul#nav2 {
		display: block;
		font-size: 100%;
		font-weight: bold;
		list-style: none;
		position: fixed;
		top: 20px;
		right: 0px;
		margin: 0;
		z-index: 100;
	}
	ul#nav2 li {
		width: 80px;
	}
	.sub_logo {
		padding: 0.0vw 0% 0.0vw 0%;
		margin: 0.0vw 0% 0.0vw 0%;
		width: 35%;
		position: fixed;
		top: 5.0vw;
		left: 5.0vw;
	}
		/*-------------------------------------------------------------------------------------*/
	#sustainabooth_wrap01 {
		padding: 30.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}
	#sustainabooth_wrap02 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	
	#sustainabooth_wrap03 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	
	#sustainabooth_wrap04 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	
	#sustainabooth_wrap05 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	
	#sustainabooth_wrap06 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	

	#sustainabooth_wrap07 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	color: #FFFFFF;
	}	





/*-------------------------------------------------------------------------------------*/

	.sustainabooth01 {
		padding: 0.0vw 0px 8.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}
	.sustainabooth01 img {
		width: 100%;
	}
	.sustainabooth01 h1 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 5.0vw;
}
	.sustainabooth01 h2 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}

.sustainabooth01 hr {
 height: 1px;
 background-color: #FFFFFF;
 border: none;
}
.sustainabooth01 p.midashi {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}
.sustainabooth01 p.photo {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
}
.sustainabooth01 p.read01 {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}
.sustainabooth01 p.read02 {
		padding: 3.0vw 0px 5.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}
/*-------------------------------------------------------------------------------------*/
	.sustainabooth02 {
		padding: 0.0vw 0px 20.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}
	.sustainabooth02 img {
		width: 100%;
	}
	.sustainabooth02 h2 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}
.sustainabooth02 hr {
 height: 1px;
/* background-color: #084cb3;*/
 background-color: #FFFFFF;
 border: none;
}
.sustainabooth02 p.read01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.5vw;
}
.sustainabooth02 ul.list01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
}
.sustainabooth02 ul.list01 li {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.5vw;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.sustainabooth02 ul.note01 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
}
.sustainabooth02 ul.note01 li {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.5vw;
	text-indent: -1.0em;
	padding-left: 1.0em;
}

.sustainabooth02 p.contact {
		padding: 3.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
}
.sustainabooth02 .notelist01 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
		width: 100%;
}
.sustainabooth02 .notelist01 tr {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
}
.sustainabooth02 .notelist01 td {
		padding: 1.0vw 0px 1.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		display: block;
		width: 100%;
}
.sustainabooth02 .notelist01 td.item01 {
width: inherit;
		border-bottom: none;
}
.sustainabooth02 .notelist01 td.item02 {
width: inherit;
		border-bottom: none;
}

.sustainabooth02 .notelist01 td.item03 {
width: inherit;
		border-bottom: 1px solid #084cb3;
}

.sustainabooth02 .price02 {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	font-size: 3.7vw;
		width: 100%;
}
.sustainabooth02 .price02 tr {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
}
.sustainabooth02 .price02 td {
		padding: 1.0vw 0px 1.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		display: block;
		width: 100%;
}
.sustainabooth02 .price02 td.item01 {
width: inherit;
		border-bottom: none;
}
.sustainabooth02 .price02 td.item02 {
width: inherit;
		border-bottom: none;
}
.sustainabooth02 .price02 td.item03 {
width: inherit;
		border-bottom: none;
}
.sustainabooth02 .price02 td.item04 {
width: inherit;
		border-bottom: 1px solid #084cb3;
}
	/*-------------------------------------------------------------------------------------*/
	#hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	background-color: #002e75;
	}
	.hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.hoge img {
		width: 100%;
	}
	/*-------------------------------------------------------------------------------------*/
	.footer_warp {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-color: #002e75;
		width: 100%;
	}
	.footer_inner {
		padding: 50px 0px 80px 0px;
		margin: 0px 5% 0px 5%;
		width: 90%;
	}
	.footer_inner h2 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 15px 0px;
		width: 100%;
	}
	.footer_inner h2 img {
		width: 100%;
	}
	.footer_inner h3 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 40px 0px;
		width: 100%;
	}
	.footer_inner h3 img {
		width: 100%;
	}
	/*-------------------------------------------------------------------------------------*/
	.player {
		padding: 0px 0px 0px 0px;
		margin: 0px auto 30px;
		color: #FFF;
		width: 100%;
	}
	.player dl {
		padding: 0px 0px 0px 0px;
		margin: 0px 5% 0px 0px;
		width: 30%;
		float: left;
		font-family: "futura-pt";
		font-weight: 300;
	}
	.player dl:nth-child(3) {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		float: left;
	}
	.player dt {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	.player dt img {
		width: 100%;
	}
	.player dd.position {
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		font-size: 3.5vw;
		text-align: left;
	}
	.player dd.name {
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		font-size: 4.0vw;
		text-align: left;
	}
	/*-------------------------------------------------------------------------------------*/
	.llpname {
		padding: 0px 0px 0px 0px;
		margin: 80px auto 30px;
		color: #FFF;
		width: 100%;
	}
	.llpname .en {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 6.5vw;
		text-align: center;
		font-family: "futura-pt";
		font-weight: 300;
	}
	.llpname .jp {
		padding: 0px 0px 0px 0px;
		margin: 2px 0px 0px 0px;
		font-size: 1.0em;
		letter-spacing: 0.01em;
		text-align: center;
		font-family: "ryo-gothic-plusn";
		font-weight: 300;
	}
	/*-------------------------------------------------------------------------------------*/
	.add {
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px;
		color: #FFF;
		width: 100%;
	}
	.add .en {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
		font-size: 1.0em;
		line-height: 1.4em;
		text-align: center;
		font-family: "futura-pt";
		font-weight: 300;
	}
	.add .jp {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1.0em;
		line-height: 1.4em;
		text-align: center;
		font-family: "ryo-gothic-plusn";
		font-weight: 300;
	}
	/*-------------------------------------------------------------------------------------*/
	.footer_llpname {
		padding: 0px 0px 0px 0px;
		margin: 0px 5% 0px 5%;
		width: 90%;
	}
	.footer_llpname p {
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 15px 0px;
		color: #002e75;
		text-align: center;
		font-size: 6.0vw;
		font-family: "futura-pt";
		font-weight: 400;
	}
	/*-------------------------------------------------------------------------------------*/
	.br01 {
		display: block;
	}
	.br02 {
		display: none;
	}
}