::selection {
    background: #8FB954;
    color:#FFF;
}
::-moz-selection {
    background: #8FB954;
    color:#FFF;
}
body{
	background:#CCC url("./images/bg.jpg") center 0px;
	background-attachment: fixed;
    color:#484b4d;
}
article{
	margin:0 auto;
    padding:4rem 1rem;
    border-top:dashed 1px #CCC;
}

	article h1{
		margin:0 auto 2rem;
		text-align:center;
        color:#8FB954;
        text-shadow: -1px -1px 0 rgba(0,0,0,.1) ;
	}
		article h1 span{
			line-height:1;
		}

	article p{
		margin:0 5rem 2rem;
	}

	article figure{
		margin:0 auto 1em;
	}

section{
		margin:0 auto 2rem;
}


#wrap{
	width:768px;
	margin:0 auto;
	background:#FFF;
}


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

figure{
	margin:0 auto 1em;
}

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

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

		Header

----------------------------------------*/
header{
	width:100%;
	background:#8FB954;
    padding-top:2rem;
    border-top:solid 20px #FFF;
    position:relative;
    z-index:1;
}

	header h1{
        text-align:center;
        margin-bottom:3rem;
    }
	header a{
        color:#FFF;    
    }

	.front-book{
		display:inline-block;
        width:400px;
        height:320px;
        margin-left:3.2rem;
        text-align:right;
	}
    
    .mota-char{
        position:absolute;
        top:150px;
        right:-40px;
        z-index:999;
    }


		#header-table {
                margin:0 auto;
                width:700px;
				border:solid 1px #FFF;
				border-width:1px 0;
                color:#FFF;
		}
			#header-table th,
			#header-table td{
				padding:1.4rem;
				border-bottom:dashed 1px #FFF;
                font-size:1.6rem;
			}
			#header-table th{
                white-space: nowrap;
            }
			#header-table ul{
                list-style: none;
            }
			#header-table li{
                display: inline-block;
                width: 48%;
                margin-bottom: .5em;
                text-align: center
            }

.tweet_btn{
    padding:2rem 0;
    text-align:center;
}

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

		Concept

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

#box-concept{
    background:#FFF;
}
    #box-concept .title-col-01{
		display:block;
		font-size:6rem;
	}	

	#box-concept .title-col-02{
		display:block;
		font-size:6rem;

	}	

    #box-concept ul{
        list-style:none;
        margin:0 auto;
        text-align:center;
    }
        #box-concept ul li{
            margin-bottom:1rem;
        }
        #box-concept ul li:last-child{
            margin-bottom:0;
        }
    #box-concept figure img{
        border:solid 1px #CCC
    }
/*----------------------------------------

		special

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

#box-special{
    background:#FFF;
}
    #box-special figure{
        text-align:center;
    }
	#box-special .title-col-01{
		display:block;
		font-size:7.6rem;
        letter-spacing:1.4rem;
        margin-bottom: .3em;
	}
	#box-special .title-col-02{
		display:block;
		font-size:6rem;
        letter-spacing:1.6rem;
	}
	#box-special .title-col-03{
		display:block;
		font-size:6rem;
        letter-spacing:.6rem;
	}

    .special-sample{
        text-align: center;
    }
/*----------------------------------------

		article

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

	#box-article .title-col-01{
		display:block;
		font-size:7.6rem;
        letter-spacing:4rem;
        margin-bottom: .2em;
	}
	#box-article .title-col-02{
		display:block;
		font-size:4rem;
        letter-spacing:.4rem;
        margin-bottom: .2em;
	}
	#box-article .title-col-03{
		display:block;
		font-size:6rem;
        letter-spacing:1.5rem;
	}

	#circle-list{
		margin:0 auto;
		text-align:center;
	}
		#circle-list li{
			box-sizing:border-box;
			width:360px;
			margin:0 auto 1.5em;
			display:inline-block;
			font-size:1.6rem;
            line-height:1;
			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{
				margin-bottom:1rem;
				border:solid 8px #EEE;
			}
			#circle-list strong:after{
				content:" / ";
                font-weight:normal;
			}

		#circle-list li.circle-list-child-mbf{
			width:100%;
        }

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

		sample

----------------------------------------*/
#box-sample .art-title{
	font-size:6rem;
	line-height:1;
}
.slider-wrap{
    width:600px;
    margin:0 auto 2em;
}
/*----------------------------------------

		information

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

        #box-information figure{
            margin:0 auto 2em;
            text-align:center;
        }

		#info_table {
                margin:0 auto;
                width:600px;
				border:solid 1px #CCC;
				border-width:2px 0;
		}
			#info_table th,
			#info_table td{
				padding:1.4rem;
				border-bottom:dotted 1px #CCC;
			}
			#info_table th{
			}

			#info_table td{
			}
            #info_table strong{
                color:#8FB954;
            }

            #info_table ul{
                list-style:none;
			}
                #info_table li{
                    margin:0 auto 1em;
                }
                #info_table li:last-child{
                    margin:0 auto;
                }
            .price{
                font-size:2.0rem;
            }
/*----------------------------------------

		Staff

----------------------------------------*/
#box-staff{
    position:relative;
}
    #box-staff .art-title{
        font-size:7rem
    }
			.staff-list {
                position:relative;
                z-index: 999;
                margin-bottom: 3em;
			}
			.staff-list dt{
				font-size:1.5rem;
                color:#8FB954;
			}

			.staff-list dd{
				font-size:1.3rem;
				margin-bottom:1em;
			}

			.staff-rebrank{
				display:inline;
				float:left;
				width:200px;
				margin-left:5rem;
			}
			.staff-thx{
				display:inline;
				float:right;
				width:260px;
				margin-right:5rem;
				text-align:right;
			}
			.staff-thx dd{
                margin-right:-.5em;
			}

#box-staff figure{
                position:absolute;
                left:200px;
                top:280px;
                z-index: 1;
	}
	.staff-caution{
        position:relative;
        z-index: 999;
		clear:both;
		text-align:center;
	}

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

		link

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

    #box-link dl{
        width:600px;
        margin:0 auto;
    }

        #box-link dt{
            font-weight:bold;
            color:#8FB954;
            margin-bottom:.5em;
        }
        #box-link dd{
            margin:0 auto 1em 1em;
        }


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

		backlist

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