/*! http://responsiveslides.com v1.54 by @viljamis */

/*content▼*/

#content_area {
	max-width: 960px;
	margin-top:15px;
	margin-left:200px;
	height: auto;
}

@media screen and (max-width: 800px){
#content_area {
	padding:0 20px;
	margin-left:0px;
}
}

#information_area {
	width:100%;
	height:auto;
	margin:10px 0;
}

#information_area2 {
	display:none;
	width:100%;
	height:auto;
	margin:10px 0;
}

@media screen and (max-width: 375px){
#information_area {
		display:none;
}
#information_area2 {
	display:block;
}
}

.infobox {
	/*display:none;*/
	display:block;
	/*width:97.25%;*/
	width:95.6%;
	height:7em;
	overflow-y:scroll;
	margin:20px 10px 0 0;
	/*padding:10px 10px;*/
	padding:1.5em 2%;
	border:#CCC dotted 1px;
	/*text-align:center;*/
	text-align:left;
	font-size:12px;
}

@media screen and (max-width: 1024px){
.infobox {
	/*display:none;*/
	display:block;
}
}

.main_text {
	text-align:justify;
	font-size:0.75em;
	height: auto;
	margin-top:15px;
}

@media screen and (max-width: 375px){
.main_text {
	line-height:2;
}
}

.sns {
	width:100% !important;
}

.floatclear {
	clear:both;
}

.zen1, .zen2 {
	width:auto;
	height:auto;
	margin:10px 0 15px 0;
}

/*.zen1 {
	float:left;
}*/

.zen2 {
		display:none;
	}

@media screen and (max-width: 320px){
.zen2 {
		display:block;
	}
.zen1 {
		display:none;
	}
}


#container {
	float:left;
	max-width:760px;
	height:auto;
}

@media screen and (max-width: 768px){
#container {
	width:748px;
}
}

@media screen and (max-width: 736px){
#container {
	width:696px;
}
}

@media screen and (max-width: 667px){
#container {
	width:627px;
}
}

@media screen and (max-width: 640px){
#container {
	width:600px;
}
}

@media screen and (max-width: 600px){
#container {
	width:560px;
}
}

@media screen and (max-width: 568px){
#container {
	width:548px;
}
}

@media screen and (max-width: 480px){
#container {
	width:440px;
}
}

@media screen and (max-width: 414px){
#container {
	width:374px;
}
}

@media screen and (max-width: 375px){
#container {
	width:355px;
}
}

@media screen and (max-width: 320px){
#container {
	width:300px;
}
}

.content-wrap {
	clear:both;
	width:100%;
	height:auto;
}

.left_space1 {
	background:url(../content_images/title_otf.png) no-repeat;
	height:2350px;
}

.left_space2 {
	background:url(../content_images/title_ttf.png) no-repeat;
	height:380px;
}

.left_space1, .left_space2 {
	background-position:left top;
	float:left;
	width:105px;
	margin:5px 15px 0 0;
	border-right:solid 1px #CCC;
}

@media screen and (max-width: 768px){
.left_space1 {
	background:url(../content_images/t_title_otf.png) no-repeat;
}
.left_space2 {
	background:url(../content_images/t_title_ttf.png) no-repeat;
}
.left_space1, .left_space2 {
	background-size:90px 60px;
	-webkit-background-size:90px 60px;
	   -moz-background-size:90px 60px;
	     -o-background-size:90px 60px;
}
}

@media screen and (max-width: 736px){
.left_space1, .left_space2 {
	float:none;
	width:696px;
	height:65px;
	margin:5px 0 15px 0;
	border-bottom:solid 1px #CCC;
	border-right:none;
}
}

@media screen and (max-width: 667px){
.left_space1, .left_space2 {
	width:627px;
}
}

@media screen and (max-width: 640px){
.left_space1, .left_space2 {
	width:600px;
}
}

@media screen and (max-width: 600px){
.left_space1, .left_space2 {
	width:560px;
}
}

@media screen and (max-width: 568px){
.left_space1, .left_space2 {
	width:528px;
}
}

@media screen and (max-width: 480px){
.left_space1, .left_space2 {
	width:440px;
}
}

@media screen and (max-width: 414px){
.left_space1, .left_space2 {
	width:375px;
}
}

@media screen and (max-width: 375px){
.left_space1, .left_space2 {
	width:335px;
}
}

@media screen and (max-width: 320px){
.left_space1, .left_space2 {
	width:280px;
}
}

.content {
	width:auto;
	height:auto;
}

.pdt_area {
	float:left;
	width:213px;
	height:auto;
	margin-bottom:10px;
}

.platform {
	/*margin-left:66px;*/
	margin-left: 25px;
	height:45px;
}
.platform2 {
	margin-left:86px;
	height:45px;
}

@media screen and (max-width: 768px){
.pdt_area {
	width:205px;
}
.platform {
	/*margin-left:61px;*/
	margin-left:21px;
}
.platform2 {
	margin-left:82px;
}
}

@media screen and (max-width: 736px){
.pdt_area {
	width:232px;
}
.platform {
	/*margin-left:74px;*/
	margin-left:25px;
}
.platform2 {
	margin-left:95px;
}
}

@media screen and (max-width: 667px){
.pdt_area {
	width:209px;
}
.platform {
	/*margin-left:62px;*/
	margin-left:23px;
}
.platform2 {
	margin-left:83px;
}
}

@media screen and (max-width: 640px){
.pdt_area {
	width:200px;
}
.platform {
	/*margin-left:58px;*/
	margin-left:19px;
}
.platform2 {
	margin-left:79px;
}
}

@media screen and (max-width: 600px){
.pdt_area {
	width:186px;
}
.platform {
	/*margin-left:52px;*/
	margin-left:12px;
}
.platform2 {
	margin-left:72px;
}
}

@media screen and (max-width: 568px){
.pdt_area {
	width:175px;
}
.platform {
	/*margin-left:46px;*/
	margin-left:6px;
}
.platform2 {
	margin-left:67px;
}
}

@media screen and (max-width: 480px){
.pdt_area {
	width:220px;
}
.platform {
	/*margin-left:68px;*/
	margin-left:28px;
}
.platform2 {
	margin-left:89px;
}
}

@media screen and (max-width: 414px){
.pdt_area {
	width:185px;
}
.platform {
	/*margin-left:50px;*/
	margin-left:10px;
}
.platform2 {
	margin-left:71px;
}
}

@media screen and (max-width: 375px){
.pdt_area {
	width:340px;
}
.platform {
	/*margin-left:128px;*/
	margin-left:88px;
}
.platform2 {
	margin-left:149px;
}
}

@media screen and (max-width: 320px){
.pdt_area {
	width:280px;
}
.platform {
	/*margin-left:98px;*/
	margin-left:61px;
}
.platform2 {
	margin-left:119px;
}
}

.pdt {
	/*height:240px;*/
	height:auto;
	margin-bottom:10px;
}

/*@media screen and (max-width: 768px){
.pdt {
	height:230px;
}
}

@media screen and (max-width: 640px){
.pdt {
	height:225px;
}
}

@media screen and (max-width: 600px){
.pdt {
	height:225px;
}
}

@media screen and (max-width: 568px){
.pdt {
	height:215px;
}
}

@media screen and (max-width: 480px){
.pdt {
	height:240px;
}
}*/

@media screen and (max-width: 375px){
.pdt {
	/*margin-left:55px;*/
	margin-left:62px;
}
}

@media screen and (max-width: 320px){
.pdt {
	/*margin-left:31px;*/
	margin-left:36px;
}
}

.pf_logo {
	list-style:none;
}

/*.li_mac a, .li_win a {
	float:left;
	width:40px;
	height:40px;
	border-left:solid 1px #CCC;
	-webkit-transition: 1s ease;
	   -moz-transition: 1s ease;
	     -o-transition: 1s ease;
	        transition: 1s ease;
}
.li_win a {
	border-right:solid 1px #CCC;
}

.li_mac a {
	background:url(../content_images/stores-1.png) no-repeat;
}
.li_mac a:hover {
	background:url(../content_images/stores-2.png) no-repeat #ccc;
}

.li_win a {
	background:url(../content_images/booth-1.png) no-repeat;
}
.li_win a:hover {
	background:url(../content_images/booth-2.png) no-repeat #ccc;
}*/


.li_stores a, .li_booth a {
	float:left;
	width:80px;
	height:40px;
	border-left:solid 1px #FFF;
	-webkit-transition: 1s ease;
	   -moz-transition: 1s ease;
	     -o-transition: 1s ease;
	        transition: 1s ease;
}
.li_booth a {
	border-right:solid 1px #FFF;
}

.li_stores a {
	background:url(../content_images/buySTORES1.png) no-repeat;
}
.li_stores a:hover {
	background:url(../content_images/buySTORES2.png) no-repeat #ccc;
}

.li_booth a {
	background:url(../content_images/buyBOOTH1.png) no-repeat;
}
.li_booth a:hover {
	background:url(../content_images/buyBOOTH2.png) no-repeat #ccc;
}


.pdt_text {
	clear:both;
	text-align:center;
	font-size:0.875em;
	font-weight:bold;
	line-height:1.3;
	height:125px;
}

.price_tbl {
	width:180px;
	height:auto;
	border-collapse:collapse;
	margin:5px auto 7px;
}

.weight, .price {
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:0.75em;
	padding:2px 6px;
}

.weight {
	background-color:#EEEEEE;
	width:80px;
	text-align:left;
}

.price {
	width:100px;
	text-align:right;
	font-weight:bold;
}

input {
	cursor:pointer;
}

/*content▲*/