@charset "UTF-8";
/*-----------------------*----*----*----*----*----*----*----*----*----* スマホ */
@media screen and (max-width:640px){

/*-----------------------*----*----*----*----*----*----* #index .container .index */
#index .container .index h1 {
	background: url(../img/h1-m.png) no-repeat center center;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

/*-----------------------*----*----*----*----*----*----* main */
/*-----------------------*----*----*----*----*----* detail */
article.main section.contents div#detail {
	background: url(../img/bg.png) no-repeat center bottom;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

article.main section.contents div#detail p {
	margin:79% 0% 5px 0%
}

/*-----------------------*----*----*----*----*----*----* theta */
article.main section.contents div#detail section#theta_pc {display:none;}

article.main section.contents div#detail section#theta_pcc div {margin:0;}

article.main section.contents div#detail section#theta_pcc,
article.main section.contents div#detail section#theta_pcc ul,
article.main section.contents div#detail section#theta_pcc ul li {
	box-shadow: none;
	clear: both;
	float:none;
}

section.contents div#detail section#theta_pcc ul {
	padding-bottom: 35px;
}

section.contents div#detail section#theta_pcc li {
	width: 95%;
	text-align: center;
	margin: 0 0 20px 0;
	float: none;
}

section.contents div#detail section#theta_pcc li:nth-child(3) {margin-left:5px;}
section.contents div#detail section#theta_pcc li:nth-child(4) {margin-left:5px;}

section.contents div#detail section#theta_pcc li strong{
	font-size: 18px;
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
}



}
/*-----------------------*----*----*----*----*----*----*----*----*----* タブレット用 */
@media screen and (max-width:768px) and (min-width:641px){

/*-----------------------*----*----*----*----*----*----* #index .container .index */
#index .container .index h1 {
	background: url(../img/h1-pc.png) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

/*-----------------------*----*----*----*----*----*----* main */
/*-----------------------*----*----*----*----*----* detail */
article.main section.contents div#detail {
	background: url(../img/bg.png) no-repeat right bottom;
	background-size: 44% auto;
	-webkit-background-size: 44% auto;
}

}
/*-----------------------*----*----*----*----*----*----*----*----*----* PC */
@media screen and (min-width:769px) {

/*-----------------------*----*----*----*----*----*----* #index .container .index */
#index .container .index h1 {
	background: url(../img/h1-pc.png) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

/*-----------------------*----*----*----*----*----*----* main */
/*-----------------------*----*----*----*----*----* detail */
article.main section.contents div#detail {
	background: url(../img/bg.png) no-repeat right bottom;
	background-size: 55% auto;
	-webkit-background-size: 55% auto;
}

/*-----------------------*----*----*----*----*----*----* theta */
article.main section.contents div#detail section#theta_pcc {display:none}

article.main section.contents div#detail section#theta_pc div {margin:0;}

article.main section.contents div#detail section#theta_pc,
article.main section.contents div#detail section#theta_pc ul,
article.main section.contents div#detail section#theta_pc ul li {
	box-shadow: none;
}

section.contents div#detail section#theta_pc ul {
	padding-bottom: 20px;
}

section.contents div#detail section#theta_pc li {
	width: auto;
	text-align: center;
	float:left;
	margin-right: 6px;
}

section.contents div#detail section#theta_pc li:last-child {
	margin-right: 0;
}

section.contents div#detail section#theta_pc li strong{
	font-size: 18px;
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 3px;
}


}




@media screen and (min-width: 761px){
	
article.main section.contents div#detail{
    background: url(../img/bg.png) no-repeat right -28px bottom;
    background-size: 50% auto;
}
	
article.main section.contents div#detail p{
    margin: 19em 0% 0% auto;
    clear: both;
}

}