@charset "utf-8";

@font-face{
    font-family: 'mplus_m';
    src: url('../font/mplus_m.woff') format('woff');}


html,body { height:100%;}
body {
    background: #fff url(../img/bg_paper.png) repeat;
    line-height: 2em;
    font-size: 12px;
    color: #444;
    font-family: 'mplus_m';
    }

#wrapper {
    width: 100%;
    position: relative;
    height:auto !important; /*forIE6*/
    height: 100%; /*forIE6*/
    min-height: 100%;
    margin: 0 auto; padding: 0 0;
    }
    
    /*---共通---*/
    #header, #contents {	width: 80%; }
    #mainimage, #footer {	width: 100%; }
	
#header {
    width: 930px;
    margin: 0 auto; padding: 60px 0 60px 0;
    text-align: center; 
    background: url(../img/kamome.png) no-repeat 870px bottom;
    }

#mainimage {
    height: 400px;
    background: #eee;
    }

#contents {
    width: 930px;
    margin: -2px auto 0 auto;
    padding-bottom: 150px;
    overflow: hidden;
    position: static;
    zoom:1;
    }

#footer {
    height: 50px;
    margin: 100px auto 0 auto;
    bottom: 0;
    position: absolute;
    text-align: center;
    }

#scrolltop {
    width: 80px; height: 80px;
    bottom: 50px; right:3%;
    position: fixed;
    }

/*------------------------
    Header
------------------------*/
#header nav ul {
    overflow: hidden;
    position: static;
    zoom:1; 
    display: flex;
    justify-content: center;
    margin: 20px -30px 0 0;
    }

#header nav ul li {
    margin-right: 30px;
    float: left;
    font-size: 17px;
    }
    
    #header nav ul li.glnv_active {
	border-bottom: 1px dotted #000;
	}


/*------------------------
    contents
------------------------*/
.thumb { width: 680px; margin: 0 auto; }
ul.sbnv{
    width: 20%;
    background-color: #eee;
    }
    .contents_bg {
	background: url(../img/profile.png) no-repeat right top;
	background-size: 50%;
	}
    .block_right { float:right; margin: 0;}
    .block_left { float:left; margin: 0;}
    .block_center { 
	width:750px; margin: 0 auto;
	overflow: hidden;
	position: static;
	zoom:1;}
    .border-handwriting { background: url(../img/line.gif) no-repeat top;}
    
/* ---------------------- */
    ul.illust_thumb {
	margin: 0 -20px 0 0;
	padding: 0;
	overflow: hidden;
	position: static;
	zoom:1;
	}
    ul.illust_thumb li {
	float: left;
	width: 170px; height: 170px;
	margin: 0 20px 20px 0;
	/* box-shadow:rgba(212, 212, 212, 0.419608) 0px 0px 5px 3px;
	-webkit-box-shadow:rgba(212, 212, 212, 0.419608) 0px 0px 5px 3px;
	-moz-box-shadow:rgba(212, 212, 212, 0.419608) 0px 0px 5px 3px; */
	}
    ul.illust_thumb li.none {
	float: left;
	width: 170px; height: 170px;
	margin: 0 20px 20px 0;
	border: 0px solid #fff;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
    ul.illust_thumb li img {
	width: 100%; height: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
	

/* ---------------------- */
ul.store {
list-style:none;}

span.dan {
float:left;
width:120px;}

span.dan2 {
display: block;}

/*------------------------
    Font
------------------------*/
h1, #header nav {
    font-family:'EB Garamond', serif;
    letter-spacing: 0.1em;}

.hw {
    font-family: 'Homemade Apple', cursive;}

h1 { font-size:	20px;}
h2 { font-size:	20px; text-align: center;}
h3 { font-size:	12px;}

strong { font-size: 140%;}

/*------------------------
    Link
------------------------*/
a { color:#000; text-decoration:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    }
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    }
.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #000;
    height: 1px;
    margin-top: 7px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    }
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
    }

a img.linkimg {
    background:none!important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;}

a:hover img.linkimg {
    opacity:0.5; filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )"; background:none!important; }

#contents a { 
    color:#000; text-decoration:underline;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    }
#contents a:hover {
    opacity:0.5; filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )"; background:none!important; }
    
/*------------------------
    style
------------------------*/
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.mb80 { margin-bottom: 60px;}
.mb100 { margin-bottom: 100px;}

.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}

.mr5 { margin-right: 5px;}

.bt {	border-top: 1px solid #ccc;}