#content {
    max-width:1060px;
    margin:0 auto;
}

/********************************
.home-atfirst-container
*********************************/

.home-atfirst-container{
	margin:50px 10px 0 10px;
	border:3px solid #777;
	float:left;
	padding:0px;
	position:relative;
}
.home-atfirst-container .title{
	position:absolute;
	top:-31px;
	left:-3px;
	padding:5px 10px;
	font-size:14px;
	background-color:#777;
	color:#fff;

	border-radius: 3px 3px 0 0 ;
}
.home-atfirst-container .image{
	float:left;
	margin:25px;
}
.home-atfirst-container .image img{
	width:100%;
	max-width:250px;
	min-width:250px;
}
.home-atfirst-container .text{
	margin:25px;
	line-height:180%;
}
.home-atfirst-container .link{
	margin-top:15px;
	font-size:90%;
}
.home-atfirst-container .link > div{
	margin:10px 0;
}
.home-atfirst-container .link > div > a{
	padding:0px 7px 0 0;
	white-space: nowrap;
}
.home-atfirst-container .link > div > a + a{
	border-left:1px solid #999;
	padding:0px 7px 0 10px;
	margin:0px;
}


.clear{
	clear:both;
}
@media only screen and (max-width: 600px) {

	.home-atfirst-container .image img{
		width:100%;
		max-width:180px;
		min-width:180px;
	}
	.home-atfirst-container .image{
		margin:20px;
	}
	.home-atfirst-container .text{
		margin:20px;
		line-height:180%;
	}

}


.home-container .top-title-container{
	margin-top:2.4rem;
	text-align:center;
}
.home-container .top-title-container .sitename{
	font-size:2.4rem;
	font-weight:bold;
	color:#000;
	font-family: 'M PLUS Rounded 1c', serif;
	text-decoration:none;
}
.home-container .top-title-container .sitename:hover{
	text-decoration:none;
}
.home-container .top-search-container{
	margin-top:2.4rem;
	margin-bottom:4.8rem;
}
.home-container .top-search-container #searchform {
	 width:500px;
	 margin: 0 auto;
}
.home-container .top-search-container #searchform > div input[type=text]{
	height:45px;
}
@media only screen and (max-width: 768px) {
	.home-container .top-title-container .sitename{
		font-size:1.4rem;
	}
	.home-container .top-search-container #searchform {
		width:300px;
	}
	.home-container .top-search-container{
		margin-bottom:2.4rem;
	}
}

.home-container .top-title-container .sitename-sub{
	font-size:0.9rem;
	font-weight:bold;
	color:#000;
	font-family: 'M PLUS Rounded 1c', serif;
	text-decoration:none;
}

.home-container .category-link-container {
	margin-top:2.4rem;
	margin-bottom:2.4rem;
	text-align:center;
}
.home-container .category-link-container a {
	display:inline-block;
	padding:6px 16px;
	margin:0 10px 10px 0;
	background-color:#ffffff;
	border: 1px solid #ccc;
	color:#333;
	text-decoration:none;
	border-radius:20px;
	font-size:0.9rem;
	transition:all 0.3s;
}
.home-container .category-link-container a:hover {
	background-color:#007cba;
	color:#fff;
}



/***************************
.home-container
****************************/

.home-container .home-latest-container{
	margin-top:3.6rem;
}
@media only screen and (max-width: 900px) {
	.home-container .home-latest-container{
		margin-top:0;
	}
}
.home-container .home-latest-container h2{
	margin-top:15px;
}

.home-container h2{
	margin-top:50px;
	margin-bottom:5px;
	padding-left:10px;
}

.home-container h2 span{
	font-size:80%;
}
.home-container .desc{

	color:#999;
	font-size:90%;

	margin-bottom:20px;
	border-bottom:1px solid #eee;

	padding-left:10px;
	padding-bottom:10px;

}

.home-container .btn-more{
	display: block;
	position:relative;

	text-decoration: none;
	padding:15px;
	margin:20px 10px;

	text-align:center;

	border-radius: 2px;

	color:#555;
	background-color:#EAEAEA;

	font-size:90%;


}
.home-container .btn-more:hover{
	color:#777;
	background-color:#f1f1f1;
}
.home-container .btn-more .fa{
	position:absolute;
	right:7px;

	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);

}

.home-container .btn-more-bk{

	position:relative;

	display: block;
	background: rgb(51,51,51);
	background: linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 100%);

	border:0px #ddd solid;
	text-decoration: none;
	color:#fff;
	padding:10px;
	text-align:center;

	margin:25px 10px;

	border-radius: 0px;

	font-size:90%;
}
.home-container .btn-more-bk:hover{
	background: rgb(0,0,0);
	background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
	color:#fff;
}

.home-container .btn-more-bk .fa{
	color:#fff;
	position:absolute;
	right:5px;

	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);

}


.home-container .link-normal{
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
}
.home-container .link-normal a{
	color:#00f;
	text-decoration: underline;
}

.home-container .ad-message{
	font-size:0.6rem;
	color:#999;
	margin-top:5px;
	margin-right:10px;
	text-align:right;
}


/***************************
.shop-container
****************************/

.shop-container{
    margin-top:50px;
}
.shop-container .items{
    display: flex;
    flex-wrap: wrap;
}
.shop-container .items .item{
    width: calc(33% - 20px);
    padding:10px;
    display: block;
}
.shop-container .items .item:hover{
    background-color:#fafafa;
}
@media only screen and (max-width: 900px) {
    .shop-container .items .item{
        width: calc(100% - 20px);
    }
}

.shop-container .items .item a{
    text-decoration:none;
}
.shop-container .items .item a.inner{
    display: block;
}
.shop-container .items .item a.inner:hover{
    color:#0d47a1;
}
.shop-container .items .item a.outer{
    margin-top:10px;
}

.shop-container .items .thumb img{
    width:100%;
    height: 250px;
    object-fit: cover;
}
.shop-container .items .title{
    text-align:center;
    font-weight:bold;
    margin-top:10px;
    color:#00f;
    text-decoration: underline;
}
.shop-container .items .info{
    font-size:90%;
    margin-top:10px;
    color:#555;
    height:100px;
}
.shop-container .items .info .linkmodoki{
    text-align:right;
    color:#00f;
    text-decoration: underline;
    margin-right:5px;
}

.shop-container .items .attr{
    margin-top:10px;
}
.shop-container .items .attr table{
    width:100%;
    color:#555;

}
.shop-container .items .attr td{
    font-size:90%;
    border:0;
    padding:10px 0;
    border-bottom:1px dashed #ccc;
}
.shop-container .items .attr .bizhour{
    height:60px;
}
.shop-container .items .attr .reput{
    font-weight:bold;
    color:#fb8c00;
}
.shop-container .items .attr .rate{
    font-weight:bold;
    font-size:110%;
}
.shop-container .items .attr .rate:before{
    content:"最高 ";
    color:#555;
    font-size:80%;
    font-weight:normal;
}


.shop-container .items .attr th{
    text-align:left;
    font-size:80%;
    font-weight:bold;
    color:#00695c;
    border:0;
    padding:10px 0;
    width:70px;
    border-bottom:1px dashed #ccc;
    background-color:transparent;
}
.shop-container .items .attr table tr:last-child th,
.shop-container .items .attr table tr:last-child td
{
    border-bottom:0;
}

.shop-container .btn-wrap{
    margin:40px 10px 60px 10px;
}

@media only screen and (max-width: 900px) {
    .shop-container .items .item + .item{
        margin-top:30px;
    }
    .shop-container .items .item a.inner{
        /*display: flex;*/
        /*flex-wrap: wrap;*/
    }
    .shop-container .items .item a.inner .title-info{
        /* width: calc(100% - 150px); */
		margin-left:10px;
    }

    .shop-container .items .item a.inner .col1{
        display: flex;
	}	

    .shop-container .items .item a.inner .col1 img{
        width:100%;
        max-width:200px;
        min-width:150px;

        height:100%;
        max-height:200px;
        min-height:150px;
    }
    .shop-container .items .item a.inner .col2{
        margin-left:10px;
    }
    .shop-container .items .title{
        text-align:left;
        font-weight:bold;
        margin-top:0px;
    }
    .shop-container .items .info{
        margin-top:0px;
        line-height:150%;
        height:auto;
    }
    .shop-container .items .attr{
        margin-top:0px;
    }
    .shop-container .items .attr td,
    .shop-container .items .attr th{
        padding:5px 0;
    }
    .shop-container .items .item a.outer{
        font-size:90%;

    }
    .shop-container .items .attr .bizhour{
        height:auto;
    }

}



/***************************
.shop-table-container
****************************/

.shop-table-container{
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
}
.shop-table-container .scroll-indicate{
    text-align:right;
    font-size:80%;
}
.shop-table-container table{
    width:100%;
}

.shop-table-container table tr:nth-child(odd) td {
    background: #f3f9f4;
}

.shop-table-container td.no{
    text-align:center;
    font-size:80%;

}
.shop-table-container td.reput{
    font-weight:bold;
    color:#fb8c00;
}
.shop-table-container td.reput .num{
    color:#555;
}
.shop-table-container td.rate{
    text-align:right;
    font-weight:bold;
}
.shop-table-container td.rate .min{
    font-size:100%;
}

.shop-table-container td,
.shop-table-container th{
    border:1px solid #ccc;
    white-space: nowrap;
    font-size:90%;
}
.shop-table-container .notice{
    font-size:90%;
}





/*
 * custom_btn_home
 */
 .home-container a.custom_btn_home {
	display: inline-block;
	/*width: max-content;*/
	width:calc(100% - 60px);
	/*min-width:100%;*/
	text-align: center;
	border-radius: 3px;
	font-size:1.2rem;
	white-space: nowrap;
	color: #fff;
	background-color: #ff1744;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

	border-bottom: 5px solid #b71c1c;
	padding:20px 30px 20px 30px;
	text-decoration: none;
	font-weight:bold;
	position:relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.home-container a.custom_btn_home::after {
	font-family:'FontAwesome';
	content: "\f105";
	position:absolute;
	right:20px;
	top:50%;
	transform: translateY(-50%) translateX(0);
	-webkit-transform: translateY(-50%) translateX(0);
}
.home-container a.custom_btn_home:hover {
	margin-top: 3px;
	border-bottom: 2px solid #b71c1c;
}

@media only screen and (max-width: 500px) {
	.home-container a.custom_btn_home {
		font-size:0.9rem;
	}
}
.home-container a.custom_btn_home.sub {
	background-color: #4caf50;
	border-bottom: 5px solid #388e3c;
}
.home-container a.custom_btn_home.sub:hover {
	border-bottom: 2px solid #388e3c;
}

.home-container a.custom_btn_home.info {
	background-color: #1565c0;
	border-bottom: 5px solid #0d47a1;
}
.home-container a.custom_btn_home.info:hover {
	border-bottom: 2px solid #0d47a1;
}



/********************************
.list-item-container.latest
*********************************/
.list-item-container.latest .list-item{
	display: block;
}
.list-item-container.latest .list-thumb{
	min-width:100px;
	max-width:700px;
	width:100%;
	padding-right:0px;
	position:relative;
}
.list-item-container.latest .list-thumb img{
	width:100%;
	height: 150px;
	object-fit: cover;
    vertical-align: top;
	border-radius: 10px;
}

.list-item-container.latest .list-date {
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	padding:0 3px;
	background-color:rgba(88,88,88,0.5);
	color:#fff;
	border-radius: 0 0 10px 0;
}

.list-item-container.latest .list-title{
	font-size:100%;
	margin:15px 0 5px 0;
    line-height:150%;
}

@media only screen and (max-width: 600px) {
	.list-item-container.latest .list-title{
		font-size:120%;
	}
}

/* .list-item-container.category */
.list-item-container.category .list-title{
	padding-right:15px;
    line-height:150%;
}



/* .list-item-container */
.list-item-container{
	display: flex;
	flex-wrap: wrap;
}
.list-item-container > a{
	display: block;
	text-decoration: none;
	color:#555;

	padding:15px;
	width: calc(25% - 30px);
}

@media only screen and (max-width: 900px) {
	.list-item-container > a{
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width: 600px) {
	.list-item-container > a{
		width: calc(100% - 20px);
	}
}

.list-item-container > a:hover{
	background-color:#fafafa;
	color:#0d47a1;
}
.list-item-container .list-item{
	display: flex;
}

.list-item-container .list-content{
	position:relative;
}
.list-item-container .list-content .list-cursor{
	position:absolute;
	right:0px;

	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);

	color:#ccc;
}


.list-item-container .list-thumb{
	min-width:100px;
	max-width:100px;
	width:100px;
	padding-right:10px;
}
.list-item-container .list-thumb img{
    width:100px;
    height:100px;
}
.list-item-container .list-title{
	font-weight:bold;
}
.list-item-container .list-cate{
	font-size:12px;
	color:#aaa;
}
.list-item-container .list-cate span{
    background-color:#eee;
    padding:3px 6px;
    border-radius: 8px;
}
.list-item-container .list-excerpt{
	font-size:14px;
}

.list-item-container .list-date {
	font-size:10px;
}