@charset "utf-8";
/* CSS Information========

Table of Contents:
 * info
 
========================== */

/*スマートフォン*/
@media screen and (min-width:0px)  {
/* =======================
		.container
========================== */
#container {
	width: 90%;
	margin: 10px auto;
}
#container .topicpath {
    margin-bottom: 60px;
}

.container #h1 {
    line-height: 1.2;
}
.contents {
	padding: 30px 0;
	border-bottom: solid 1px #e5e5e5;
}
.contents:first-child {
	padding: 30px 0 30px 0;
	border-top: solid 1px #e5e5e5;
}
.contents .news_img {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.contents .news_box {
	width: 100%;
	float: left;
}
.contents .news_box ul {
	margin: 0 0 10px 0;
}
.contents .news_box ul li {
	float: left;
}
.contents .news_box ul li.pict {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	margin: 0 10px 0 0;
	font-size: 1.0rem;
}
.contents .news_box ul li.day {
	padding: 4px 0 0 0;
}
.contents .news_box h3 {
	clear: both;
	margin: 0 0 20px 0;
    font-size: 1.8rem;
	line-height: 1.4;
}
#contents_box .link {
	margin-top: -65px;
	padding-top: 65px;
	display: block;
}
#container h2 {
	font-size: 2.4rem;
}
.last_contents {
	padding: 30px 0 90px 0;
}
.last_contents .news_box ul {
	margin: 0 0 20px 0;
}
.last_contents .news_box ul li {
	float: left;
}
.last_contents .news_box ul li.pict {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	margin: 0 10px 0 0;
	font-size: 1.0rem;
}

.last_contents .news_box ul li.day {
	padding: 4px 0 0 0;
}
.last_contents .news_box h3 {
	clear: both;
	margin: 0 0 20px 0;
    font-size: 1.8rem;
}
/* =======================
		#right_box
========================== */
#right_box .news_other {
	width: 100%;
    border: 1px solid #e3e3e3;
}
#right_box .news_other thead {
	padding: 20px 0 20px 15px;
	font-size: 1.6rem;
	border-bottom: 1px solid #e3e3e3;
}
#right_box .news_other tr {
	border-bottom: 1px dotted #e3e3e3;
    display: block;
	font-size: 1.3rem;
	line-height: 1.5;
}
#right_box .news_other tr td {
	padding: 20px 0 20px 15px;
}

#right_box .news_other thead tr, #right_box .news_other tr:last-child {
	border-bottom: none;
}
.btn_news a {
	background-image: url(../img/common/yazi_black.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	padding-left: 12px;
	line-height: 2;
	font-size: 1.3rem;
}
.agoda_syo{
    width: 60%;
    margin: 25px auto 0;
}
.certification_syo{
    width: 60%;
    margin: 25px auto 0;
}
.commendation_syo{
    width: 60%;
    margin: 25px auto 0;
}
.laundry_img {
    margin-bottom: 25px;
  }
}
/*タブレット*/
@media screen and (min-width:768px) {
.sp_none_right {
		display: block;
}
/* #contents_box {
	width: 80%;
} */
#container .ttl h3 {
	font-size: 2.4rem;
}
.contents .news_img {
	width: 28%;
	float: left;
	margin-bottom: 0;
	/* margin-right: 4%; */
}
.contents .news_box {
	width: 68%;
	float: right;
}
.contents .news_box ul {
	margin: 0 0 20px 0;
}
.btn_news a {
	background-image: url(../img/common/yazi_black.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	padding-left: 12px;
	line-height: 2;
	font-size: 1.3rem;
}
/* =======================
		#right_box
========================== */
#right_box {
	float: right;
	width: 20%;
	margin: 0 0 0 5%;
}
#right_box .news_other {
	width: 100%;
	border: 1px solid #e3e3e3;
}
#right_box .news_other thead {
	padding: 20px 0 20px 15px;
	border-bottom: 3px solid #a0a0a0;
	font-size: 1.6rem;
}
#right_box .news_other tr {
	border-bottom: 1px dotted #e3e3e3;
    display: block;
	font-size: 1.3rem;
	line-height: 1.5;
}
#right_box .news_other tr td {
	padding: 20px 0 20px 15px;
}

#right_box .news_other thead tr, #right_box .news_other tr:last-child {
	border-bottom: none;
}
.contents{
	padding: 30px 0 30px 0;
}
.agoda_syo{
    width: 60%;
    margin: 25px auto 0;
}
.certification_syo{
    width: 60%;
    margin: 25px auto 0;
}
.commendation_syo{
    width: 90%;
    margin: 25px auto 0;
}
.agodaju{
	padding: 30px 0 30px 0;	
}
.certification{
	padding: 30px 0 30px 0;	
}
.commendation{
	padding: 30px 0 30px 0;
}
}
/*タブレット(横)*/
@media screen and (min-width:1024px) {
#container {
	width: 1000px;
}
.page_image p{
	width: 160%;
	right: -300px;
	position: absolute;
}
.contents {
    padding: 30px 0 30px 0;
}
article.contents.clearfix.agodaju {
    padding: 30px 0 60px 0;
}
.agoda_syo{
    width: 50%;
    margin: 25px auto 0;
}
.certification_syo{
    width: 50%;
    margin: 25px auto 0;
}
.commendation_syo{
    width: 80%;
    margin: 75px auto 0;
}
.commendation{
	padding: 30px 0 30px 0;
}
}
/* PCページ */
@media screen and (min-width:1025px) {	
/* =======================
		#contents_box
========================== */
.page_image p{
	width: 100%;
	right: 0;
}
#container {
	width: 1000px;
	margin: 0 auto 70px;
}
#contents_box {
	/* width: 75%; */
	float: left;
}
#contents_box .link {
    margin-top: -65px;
    padding-top: 65px;
    display: block;
}
.contents {
	padding: 30px 0;
	border-bottom: solid 1px #e5e5e5;
}
.contents:first-child {
	padding: 30px 0 30px 0;
	border-top: solid 1px #e5e5e5;
}
.contents .news_img {
	/* width: 40%; */
	float: left;
}
.contents .news_box {
	width: 68%;
	float: right;
	font-size: 1.4rem;
}
.contents .news_box ul {
	margin: 0 0 20px 0;
}
.contents .news_box ul li {
	float: left;
}
.contents .news_box ul li.pict {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	margin: 0 10px 0 0;
	font-size: 1.3rem;
}
.contents .news_box ul li.day {
	padding: 6px 0 0 0;
}
.contents .news_box h3 {
	clear: both;
	margin: 0 0 20px 0;
    font-size: 1.8rem;
}
#container h2 {
	font-size: 2.4rem;
}
.agoda_syo {
    width: 42%;
    margin: 25px auto 5px;
}
.certification_syo{
    width: 42%;
    margin: 25px auto 5px;
}
.commendation_syo {
    width: 42%;
    margin: 25px auto 5px;
}
/* =======================
		#right_box
========================== */
#right_box {
	float: right;
	width: 20%;
	margin: 0 0 0 5%;
}
#right_box .news_other {
	width: 100%;
	border: 1px solid #e3e3e3;
}
#right_box .news_other thead {
	padding: 20px 0 20px 15px;
	border-bottom: 3px solid #a0a0a0;.
	font-size: 1.6rem;
}
#right_box .news_other tr {
	border-bottom: 1px dotted #e3e3e3;
    display: block;
	font-size: 1.3rem;
	line-height: 1.5;
}
#right_box .news_other tr td {
	padding: 20px 0 20px 15px;
}

#right_box .news_other thead tr, #right_box .news_other tr:last-child {
	border-bottom: none;
}
.btn_news a {
	background-image: url(../img/common/yazi_black.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	padding-left: 12px;
	line-height: 2;
	font-size: 1.3rem;
}
}