@charset "utf-8";
/* CSS Document */
/* Sサイズ : 480 px およびそれ以下. 
-------------------------------------------------------------------------------*/

/*特定商取引
-----------------------------------------*/
dl.sctl {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.sctl dt {
	/*float: left;*/
	width: 100%;
	margin: 0;
	padding: 1em 0 0.5em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.sctl dd {
	margin: 0;
	padding: 0 0 1em 0;
	/*border-top: dotted 2px #EBEAE4;*/
	overflow: hidden;
}
/*お問い合わせ
-----------------------------------------*/
dl.contact {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.contact dt {
	/*float: left;*/
	width: 100%;
	margin: 0;
	padding: 1em 0 0.5em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.contact dd {
	margin: 0;
	padding: 0 0 1em 0;
	/*border-top: dotted 2px #EBEAE4;*/
	overflow: hidden;
}
.contactbox-left {
	margin: 0;
	padding: 0;
	float: left;
	width: 49%;
	text-align: right;
}
.contactbox-right {
	margin: 0;
	padding: 0;
	float: right;
	width: 49%;
	text-align: left;
}
.name01 {
	width: 30%;
}
.name02 {
	width: 30%;
}
.contactmail{
	width: 80%;
}
.contacttext{
	width: 90%;
	height: 150px;
	line-height: 160%;
}

/*トップバナー
-----------------------------------------*/
.bannerSP {
	display: block;
}
.bannerPC {
	display: none;
}
.box_top_bn {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.member_bn {
	margin: 0;
	padding: 0;
}
.member_bn ul {
	margin: 0;
	padding: 0;
}
.member_bn li {
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}
.member_bn li:nth-child(odd) {
	padding-right: 2%;
}
a img.onimg {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
					display: block;
}
a:hover img.onimg
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #FFF;
}
.news {
    position: relative;
    margin: 60px 0px 20px;
    padding: 16px 8px 16px;
    border: solid 2px #777777;
    border-radius: 8px;
}
.news h2 {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #777777;
    font-weight: bold;
}
.news li {
    margin: 0;
	padding: 10px 12px;
	border-bottom: 1px dashed #5a5a5a;
}
.news time {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #474747;
}
/*スマートフォン
-----------------------------------------*/
.icon {
	padding-bottom: 2em;
	max-width: 171px;
}
.app {
	margin: 10px 10px 0 0;
	max-width: 130px;
	display: inline-block;
}
.googlePlay {
	margin: 10px 10px 0 0;
	max-width: 130px;
	display: inline-block;
}


/* Mサイズ : 481 px ～ 768 px。
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {

/*特定商取引
-----------------------------------------*/
dl.sctl {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.sctl dt {
	float: left;
	width: 25%;
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.sctl dd {
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
}
/*お問い合わせ
-----------------------------------------*/
dl.contact {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.contact dt {
	float: left;
	width: 40%;
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.contact dd {
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
}
.contactbox-left {
	margin: 0;
	padding: 0;
	float: left;
	width: 49%;
	text-align: right;
}
.contactbox-right {
	margin: 0;
	padding: 0;
	float: right;
	width: 49%;
	text-align: left;
}
.name01 {
	width: 30%;
}
.name02 {
	width: 30%;
}
.contactmail{
	width: 80%;
}
.contacttext{
	width: 90%;
	height: 150px;
	line-height: 160%;
}
/*トップバナー
-----------------------------------------*/
.bannerSP {
	display: none;
}
.bannerPC {
	display: block;
}
.box_top_bn {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.member_bn {
	margin: 0;
	padding: 0;
}
.member_bn ul {
	margin: 0;
	padding: 0;
}
.member_bn li {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}
.member_bn li:nth-child(odd) {
	padding-right:0%;
}
a img.onimg {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
					display: block;
}
a:hover img.onimg
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #FFF;
}

}

/* Lサイズ : 769 px ～最大 1232 px。
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {

/*特定商取引
-----------------------------------------*/
dl.sctl {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.sctl dt {
	float: left;
	width: 25%;
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.sctl dd {
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
}
/*お問い合わせ
-----------------------------------------*/
dl.contact {
	margin: 0;
	padding: 0;
	border-bottom: dotted 2px #EBEAE4;
	overflow: hidden;
	clear: both;
}
.contact dt {
	float: left;
	width: 30%;
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
	font-weight: bold;
}
.contact dd {
	margin: 0;
	padding: 1em 0;
	border-top: dotted 2px #EBEAE4;
	overflow: hidden;
}
.contactbox-left {
	margin: 0;
	padding: 0;
	float: left;
	width: 49%;
	text-align: right;
}
.contactbox-right {
	margin: 0;
	padding: 0;
	float: right;
	width: 49%;
	text-align: left;
}
.name01 {
	width: 30%;
}
.name02 {
	width: 30%;
}
.contactmail{
	width: 50%;
}
.contacttext{
	width: 80%;
	height: 150px;
	line-height: 160%;
}

/*トップバナー
-----------------------------------------*/
.bannerSP {
	display: none;
}
.bannerPC {
	display: block;
}
.box_top_bn {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.member_bn {
	margin: 0;
	padding: 0;
}
.member_bn ul {
	margin: 0;
	padding: 0;
}
.member_bn li {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}
.member_bn li:nth-child(odd) {
	padding-right: 0%;
}
a img.onimg {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
					display: block;
}
a:hover img.onimg
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #FFF;
}

}