::selection {
    background: #8FB954;
    color:#FFF;
}
::-moz-selection {
    background: #8FB954;
    color:#FFF;
}
body{
	background:#FFF;
    color:#484b4d;
    min-width:320px;
}

img.cover-full{
	width:100%;
	height:auto;
}

article{
	margin:0 auto 1em;
    padding:30px 10px;
    border-top:dashed 1px #CCC;
}

	article h1{
		text-align:center;
		margin:0 auto 2rem;
        color:#8FB954;
	}
		article h1 span{
			display:block;
				line-height:1.1;
		}
		article p{
			margin:0 1em 1em;
		}
		article figure{
			margin:0 1em 1em;
		}
section{
		margin:0 auto 2rem;
}


#wrap{
	overflow-x:hidden;
	width:100%;
}


footer{
	text-align:center;
    line-height:3;
    background:#8FB954;
    color:#FFF;
}

figure{
	margi:0 auto 1em;
}

.sub-title{
	margin:0 auto 1em;
	text-align:center;
	font-size:2rem;
    color:#F6AC19;
}

.frontbook{
    border:solid 1px #666;
}
/*----------------------------------------

		Header

----------------------------------------*/
header{
	width:100%;
	background:#8FB954;
	padding:2em 0;
}

	header h1{
		text-align:center;
		line-height:1;
        color:#FFF;
        padding:0 2rem;
        margin-bottom:2rem;
	}

		header figure{
			margin:0 1em 1em;
		}
        .mota-char{
            display:none;
            text-align:center;
        }
            .mota-char img{
                width:80%;
                height:auto;
            }

		#header-table {
			text-align:center;
			width:92%;
            margin:0 auto 1em;
            border-bottom:dashed 1px #FFF;
            color:#FFF;

		}
			#header-table th{
				display:block;
				padding-top:1rem;
				border-top:dashed 1px #FFF;
                font-size:1.6rem;
				text-align:left;
			}

			#header-table td{
				display:block;
				margin-bottom:1em;
				text-align:right;
				font-size:1.3rem;
			}
        
			#header-table ul{
                list-style: none;
			}
			#header-table li{
                margin-bottom: .5em;
                text-align: center;
            }
			#header-table a{
                color:#FFF;
			}

.tweet_btn{
    text-align:center;
}

/*----------------------------------------

		Concept

----------------------------------------*/

#box-concept{
    background:#FFF;
}

	#box-concept .title-col-01{
		font-size:2.6rem;
	}
	#box-concept .title-col-02{
		font-size:3.2rem;
	}

/*----------------------------------------

		special

----------------------------------------*/

#box-special{
    background:#FFF;
}

	#box-special .title-col-01{
		font-size:3.2rem;
        letter-spacing:.2rem;
	}
	#box-special .title-col-02{
		font-size:4.2rem;
	}
	#box-special .title-col-03{
		font-size:3.6rem;
	}

/*----------------------------------------

		article

----------------------------------------*/
#box-article{
    background:#FFF;
}

	#box-article .title-col-01{
		font-size:4rem;
	}
	#box-article .title-col-02{
		font-size:2.2rem;
	}
	#box-article .title-col-03{
		font-size:3.2rem;
	}

	#circle-list{
		margin:0 auto;
		text-align:center;
	}
		#circle-list li{
			box-sizing:border-box;
			width:48%;
			margin:0 auto 1.5em;
			display:inline-block;
			font-size:1.1rem;
			vertical-align:top;
		}

            #circle-list li a{
				display:block;
				color:#484b4d;
				text-decoration:none;
				-webkit-transition: all 0.5s ease-out;
				-moz-transition: all 0.5s ease-out;
				-o-transition: all 0.5s ease-out;
				transition: all 0.5s ease-out;
			}

			#circle-list li a:link,
			#circle-list li a:visited{
				filter:alpha(opacity=100);
				-moz-opacity:1;
				opacity:1;
			}
			#circle-list li a:hover,
			#circle-list li a:active{
				filter:alpha(opacity=70);
				-moz-opacity:.7;
				opacity:.7;
			}


            #circle-list img{
				width:100%;
				height:auto;
				margin-bottom:.5em;
			}
			#circle-list li strong{
				display:block;
			}
/*
			#circle_list strong:after{
				content:" / ";
			}
*/


/*----------------------------------------

		sample

----------------------------------------*/
#box-sample .art-title{
	font-size:4.8rem;
	line-height:1;
}

/*----------------------------------------

		information

----------------------------------------*/
#box-information .art-title{
	font-size:7rem;
	line-height:1;
}

		#info_table {
			text-align:center;
			width:100%;
			overflow:hidden;

		}
			#info_table th{
				display:block;
				margin-top:-1px;
				padding-top:1em;
				border-top:solid 1px #CCC;
				text-align:left;
				font-size:1.8rem;
                color:#F6AC19;
			}

			#info_table td{
				display:block;
				margin-bottom:1em;
				text-align:right;
				font-size:1.2rem;
			}
		.price{
			font-size:2.6rem;
		}
		.place{
			font-size:4rem;
		}

/*----------------------------------------

		Staff

----------------------------------------*/
#box-staff .art-title{
	font-size:7rem
}

			.staff-list {
				text-align:center;
				overflow:hidden;
			}
			.staff-list dt{
				display:block;
				padding-top:1em;
				border-top:solid 1px #CCC;
				text-align:left;
				font-size:2rem;
                color:#F6AC19;
			}

			.staff-list dd{
				display:block;
				padding-left:1em;
				text-align:right;
				margin-bottom:1em;
				font-size:1.4rem;
				line-height:1.2;
			}
			.staff-rebrank dt{
				margin-top:-1px;
			}
#box-staff figure{
    text-align:center;
}

/*----------------------------------------

		link

----------------------------------------*/
    #box-link{
        display:none;
}

/*----------------------------------------

		backlist

----------------------------------------*/
    #box-backllist .art-title{
        font-size:7rem
    }
    .backlist-info{
        text-align: center;
    }