@charset "utf-8";
/* CSS Document */

body {
	color:#FFF;
	/*background:rgba(0, 0, 0, 0) url("/img/photodiary_bg") no-repeat fixed center top / cover;*/
}
.main_title {
	color:#FFF;
}
#header {
	/*background-color:#FFF;*/
}
/*
.btn_more a:link, .btn_more a:hover, .btn_more a:visited,
#main a:link, #main a:hover, #main a:visited {
	color:#FFF;
}*/

.btn_more2{text-align: center;}

#main {
	margin:20px 0 70px;
}
#main .container {
}
#area {


}


#area table {
    width: 100%;
		margin-bottom:3%;
}
#area tr {
}
#area td {
    border: 1px solid #555;
    font-size: 16px;
    text-align: center;
}
#area td a {
    display: block;
    padding: 5px;
    transition: all 0.5s ease 0s;
		background-color:rgba(1,1, 1, 0.4);
}
#area table a:hover {
    background-color: #47404f;
    color: #fff;
}
#main .btn {
    padding: 50px 0 0;
    text-align: center;
}
#main .btn a img {
    transition: all 0.5s ease 0s;
}
#main .btn a:hover img {
    opacity: 0.4;
}
#main .sys_box {
    padding: 50px 0;
		background: none;
}
#main .sys_box h3 {
    /*font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;*/
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1;
    margin: 0 0 5px;
    padding: 3% 0 2%;
    text-align: center;
}
#main .sys_box .area {
    color: #eb4699;
    font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 18px;
    text-align: center;
}
#main .sys_box .area span {
    border: 1px solid #333;
    color: #333;
    font-size: 12px;
    margin: 0 10px;
    padding: 2px 15px;
    vertical-align: text-top;
}
#main .sys_box .price {
    display: block;
    margin: 1% auto 3%;
		text-align: center;
		letter-spacing: 0.1em;
		color:#ffcdbf;
		font-size:1rem;
}
#main .sys_box .price span{
    border:1px solid #ccc;
		display: inline-block;
		padding:0 0.5%;
		margin-right:5px;
		font-size:0.85rem;
		color:#fff;
}
#main .sys_box ul {
}
#main .sys_box li {
    font-size: 14px;
}
.shop {
    color: #FFF;
}
#main .sys_box .shop a {
    color: #ffcdbf;
		text-decoration: none;
    transition: all 0.5s ease 0s;
}
#main .sys_box .shop a:hover {
    text-decoration: underline;
		color: #eee;
}
#main .sys_box table {
    width: 100%;
		font-size: 1rem;
}

#main .sys_box .item td{ text-align:center;background: #2D2932;}

#main .sys_box tr {
    /* background-color: #fff; */
}
#main .sys_box tr:nth-child(2n) {
    /* background-color: #fff7f7; */
}
#main .sys_box td {
    border: 1px solid #555;
    padding: 5px;
    text-align: left;
}
#main .sys_box td:first-child{
    width: 30%;
}
#main .sys_box td:nth-child(3){
text-align: center;
}
#main .sys_box td:last-child{
    width: 10%;
		text-align: center;
}