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


/*	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");*/

#test{
       background-color: deeppink;
    color: #fff;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
}


/*top*/
.top header {
	padding:35px 55px;
	margin-bottom:50px;
	height:100vh;
}
.top header h2 {
	position:relative;
	width:355px;
	margin-bottom:45px;
}
.top header nav {
	display:inline-block;
}
.top header nav ul li {
	position:relative;
	font-size:1.4rem;
	margin-bottom:1.5em;
}
.top header nav ul li:last-child {
	margin-bottom:0;
}
.top header nav ul li span ,
.top header nav ul li a {
	position:relative;
	display:block;
	text-decoration:none;
	line-height:1.1;
	color:#FFF;
	cursor:pointer;
	transition: .5s;
	width:100px
}
.top header nav ul li span:hover ,
.top header nav ul li a:hover {
	text-decoration:none;
	transition: .5s;
	color:#FFF;
}
.top header nav ul li .menu {
	position: absolute;
	top:0;
	left:100px;
	display: none;
	z-index: 10;
	white-space:nowrap;
}
.top header nav ul li .menu ol {
	padding-left:1em;
	background:none;
	display:inline-block;
}
.top header nav ul li .menu ol li {
	display:block;
	float:none;
	width:100%;
	margin-bottom:.2em;
}
.top header nav ul li .menu ol li a {
	background:#4c4642;
	padding:.8em 1.5em;
	width:200px;
}
.top header nav ul li .menu ol li a:hover {
	background:rgba(75,70,66,.8);
}
.top header .main_slider_in {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	height:100vh;
	width:100%;
}
.top header .main_slider_in div {
	background-position:center center;
	background-size:cover !important;
	height:100vh;
	width:100%;
	margin:0;
	padding:0
}
.top header p {
	position:absolute;
	left:30px;
	bottom:200px;
	z-index:10;
	line-height:1.1;
}
.top header p em {
	position: absolute;
	top: 0;
	left: 0;
	z-index:5;
	transform-origin: top center;
	animation: scrollLine 2s infinite forwards;
	width: 1px;
	height: 6em;
	display:block;
	background:#FFF;
}
.top header p em:before {
	content: "";
	position: absolute;
	bottom:0;
	left: 7px;
	width: 1px;
	height: 15px;
	background: #FFF;
	transform: skewX(-45deg);
}
@keyframes scrollLine {
    0% {
        height: 6em;
    }

    100% {
        height: 150px;
   }
}
header p span {
	display:inline-block;
	font-size:1.2rem;
	color:#FFF;
	padding:1.5em 0 0 1em;
	text-transform: uppercase;
	transform: rotate(90deg);
}
header .main_slider_in img {
	display:none !important;
}



.top_about {
	margin-bottom:100px;
}
.top_about h3 {
	font-size:2.4rem;
	line-height:1.1;
	margin-bottom:.8em;
}
.top_about p {
	font-size:1.4rem;
}
.top_about p img {
	display: block;
	margin-top: 30px;
}
.top_news {
	position:relative;
	margin-bottom:100px;
}
.top_news h3 {
	font-size:2.4rem;
	line-height:1.1;
	margin-bottom:.8em;
}
.top_news .box {
	position:relative;
}
.top_news .box section .img {
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
}
.top_news .box section .img img {
	transition:1s all;
}
.top_news .box section .img a:hover img {
	transform:scale(1.1,1.1);
	transition:1s all;
}
.top_news .box section h4 {
	font-size:1.6rem;
	margin-bottom:.5em;
}
.top_news .box section h4 a {
	font-weight:700;
}
.top_news .box section time {
	display:block;
	font-size:1.3rem;
	margin-bottom:1.3em;
}
.top_news .box section time + p {
	text-align:right;
	font-size:1.4rem;
	color:#595757;
	padding-right:15px;
}
.top_news .box section time + p a {
	position:relative;
	display:inline-block;
	white-space:nowrap;
	color:#595757;
}
.top_news .box section time + p a:before {
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	left:-.8em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.2px;
	border-color: transparent transparent transparent #595757;
	display: inline-block;
	content:'';
}
.top_news .more_btn {
	position: absolute;
	top:0;
	right:0;
}
.top_news .more_btn a {
	display:inline-block;
	background:#a3a3a3;
	color:#FFF;
	line-height:1.1;
	font-size:1.4rem;
	padding:.6em 2em;
	text-decoration:none;
}
.top_comment {
	font-size:1.4rem;
	margin-bottom:2.5em;
}



/*works*/
.works main .box ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.works main .box ul li {
	float:left;
	width:48%;
	margin-bottom:50px;
}
.works main .box ul li:nth-child(2n) {
	float:right;
}
.works main .box ul li:nth-child(2n+1) {
	clear:both;
}
.works main .box ul li:nth-last-child(-n+2) {
	margin-bottom:0;
}
.works main .box ul li span {
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
.works main .box ul li span img {
	transition:1s all;
}
.works main .box ul li a:hover span img {
	transform:scale(1.1,1.1);
	transition:1s all;
}
.works main .box ul li em {
	display:block;
	padding:0 .5em;
	font-size:1.8rem;
}


/*works-detail*/
.works-detail main .vi {
	margin-bottom:30px;
}





/*news*/
.news main .box ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.news main .box ul li {
	float:left;
	width:48%;
	margin-bottom:50px;
}
.news main .box ul li:nth-child(2n) {
	float:right;
}
.news main .box ul li:nth-child(2n+1) {
	clear:both;
}
.news main .box ul li:nth-last-child(-n+2) {
	margin-bottom:0;
}
.news main .box ul li span {
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
.news main .box ul li span img {
	transition:1s all;
}
.news main .box ul li a:hover span img {
	transform:scale(1.1,1.1);
	transition:1s all;
}
.news main .box ul li em {
	display:block;
	padding:0 .5em .5em;
	font-size:1.8rem;
}
.news main .box ul li time {
	display:block;
	padding:0 .5em;
	font-size:1.3rem;
}


/*news-detail*/
.news-detail main .vi {
	margin-bottom:30px;
}


/*item*/
.item main .box section {
	padding-bottom:40px;
	margin-bottom:50px;
	border-bottom: solid 1px #000000;
}
.item main .box section:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom: none;
}
.item main .box section .img_name {
	display:table;
	width:100%;
	margin-bottom:30px;
}
.item main .box section .img_name .img ,
.item main .box section .img_name .box_r {
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.item main .box section .img_name .img {
	width:480px;
}
.item main .box section .img_name .box_r {
	padding-left:20px;
}
.item main .box section .img_name .box_r h4 {
	display:inline-block;
	font-size:2.4rem;
}
.item main .box section .img_name .box_r dl {
	position:absolute;
	bottom:0;
	left:20px;
	line-height:1.3;
}
.item main .box section .img_name .box_r dl dt {
	font-size:1.4rem;
	margin-bottom:.8em;
}
.item main .box section .img_name .box_r dl dd em ,
.item main .box section .img_name .box_r dl dd span {
	display:block;
	font-size:1.4rem;
}
.item main .box section .img_name .box_r dl dd em {
	margin-bottom:.4em;
}
.item main .box section .img_name .box_r dl dd span {
	font-size:1.8rem;
}


/*newsletter*/
.newsletter main .box section {
	padding-bottom:40px;
	margin-bottom:50px;
	border-bottom: solid 1px #000000;
}
.newsletter main .box section:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom: none;
}
.newsletter main .box section .img_stock {
	display:table;
	margin-bottom:30px;
}
.newsletter main .box section .img_stock .img ,
.newsletter main .box section .img_stock .box_r {
	position:relative;
	display:table-cell;
	vertical-align:bottom;
}
.newsletter main .box section .img_stock .img {
	padding:0 20px;
}
.newsletter main .box section .img_stock .img span {
	display:block;
	width:190px;
	background:#FFF;
	box-shadow: 3px 3px 20px 1px rgba(0, 0, 0, 0.8);
}
.newsletter main .box section .img_stock .box_r {
	padding-left:20px;
}
.newsletter main .box section .img_stock .box_r dl {
	display:table;
	left:20px;
	line-height:1.3;
}
.newsletter main .box section .img_stock .box_r dl dt ,
.newsletter main .box section .img_stock .box_r dl dd {
	display:table-cell;
	vertical-align:middle;
}
.newsletter main .box section .img_stock .box_r dl dt {
	padding-right:30px;
}
.newsletter main .box section .img_stock .box_r dl dt em ,
.newsletter main .box section .img_stock .box_r dl dt span {
	display:block;
	font-size:1.4rem;
}
.newsletter main .box section .img_stock .box_r dl dt em {
	margin-bottom:.4em;
}
.newsletter main .box section .img_stock .box_r dl dt span {
	font-size:2.4rem;
}
.newsletter main .box section .img_stock .box_r dl dd span {
	display:inline-block;
	font-size:1.8rem;
	padding:.6em 1.5em;
}
.newsletter main .box section .img_stock .box_r dl dd.stock span {
	background:#8fc31f;
}
.newsletter main .box section .img_stock .box_r dl dd.no-stock span {
	background:#c9caca;
}


/*about*/
.about main .vi {
	margin-bottom:30px;
}
.about main .com01 {
	margin-bottom:40px;
}
.about main .com01 p:not(:last-of-type) {
	margin-bottom:1.2em;
}
.about main .box:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.about main .box .img {
	float:left;
	width:295px;
}
.about main .box .com02 {
	float:right;
	width:655px;
}
.about main .box .com02 p:not(:last-of-type) {
	margin-bottom:1.2em;
}



/*method*/
.method main .box ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.method main .box ul li {
	float:left;
	width:48%;
	margin-bottom:50px;
}
.method main .box ul li:nth-child(2n) {
	float:right;
}
.method main .box ul li:nth-child(2n+1) {
	clear:both;
}
.method main .box ul li:nth-last-child(-n+2) {
	margin-bottom:0;
}
.method main .box ul li span {
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
.method main .box ul li span img {
	transition:1s all;
}
.method main .box ul li a:hover span img {
	transform:scale(1.1,1.1);
	transition:1s all;
}
.method main .box ul li em {
	display:block;
	padding:0 .5em;
	font-size:1.8rem;
}.method main .box ul li em i {
	font-size:1.4rem;
	padding-left: .5em;
}


/*method-detail*/
.method-detail main .vi {
	margin-bottom:30px;
}
.method-detail main h4 {
	margin-bottom:30px;
}
.method-detail main h4 span {
	font-size:2.4rem;
	margin-right: .5em;
}
.method-detail main h4 em {
	font-size:1.4rem;
}
.method-detail main .com01 {
	margin-bottom:40px;
}
.method-detail main .com01 p:not(:last-of-type) {
	margin-bottom:1.2em;
}
.method-detail main .box:after ,
.method-detail main .box section:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.method-detail main .box section:not(:last-child) {
	margin-bottom: 30px;
}
.method-detail main .box .img {
	float:left;
	width:295px;
}
.method-detail main .box .com02 {
	float:right;
	width:655px;
}
.method-detail main .box section:nth-child(even) .img {
	float:right;
}
.method-detail main .box section:nth-child(even) .com02 {
	float:left;
}
.method-detail main .box .com02 p:not(:last-of-type) {
	margin-bottom:1.2em;
}


/*use*/
.use main .box {
	font-size:1.4rem;
	margin-bottom:3em;
}
.use main .box section:not(:last-of-type) {
	margin-bottom:1.5em;
}
.use main .box section p:not(:last-of-type) , 
.use main .box section ol:not(:last-of-type) {
	margin-bottom:1.2em;
}
.use main .box section p span {
	margin-right:.5em;
}
.use main .box section ol {
	position:relative;
	padding-left:2.5em;
}
.use main .box section ol li:not(:last-of-type) {
	margin-bottom:.3em;
}
.use main .box section ol li span {
	margin-left:-1.2em;
}
.use main .box section ol li em {
	margin-right:.5em;
}
.use main .box section ol li ul {
	position:relative;
	padding-left:2.5em;
}
.use main .box section ol li ul li:not(:last-of-type) {
	margin-bottom:.3em;
}
.use main .box section ol li ul li em {
	margin-left:-1.7em;
}
.use main .box section table {
	margin-left:1em;
}
.use main .box section table:not(:last-of-type) {
	margin-bottom:.3em;
}
.use main .box section table th {
	padding-right:1em;
}
.use main .box section table td span {
	margin-left:.5em;
}
.use main .com01 {
	font-size:1.4rem;
	margin-bottom:2em;
}
.use main dl dt {
	font-size:1.4rem;
	margin-bottom:.2em;
}
.use main dl dd {
	font-size:1.4rem;
}
.use main dl dd ul {
	display:table;
}
.use main dl dd ul li {
	display:table-row;
}
.use main dl dd ul li span ,
.use main dl dd ul li i ,
.use main dl dd ul li em {
	display:table-cell;
}
.use main dl dd ul li i {
	padding:0 .5em;
}


/*link*/
.link main .com01 {
	margin-bottom:5em;
}
.link main .box {
	padding:0 1em;
}
.link main .box section {
	margin-bottom:4em;
}
.link main .box section:last-child {
	margin-bottom:0;
}
.link main .box section h4 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.1;
	margin-bottom:.6em;
}
.link main .box section ul {
	padding:0 .5em;
}
.link main .box section ul li {
	font-size:1.4rem;
	margin-bottom:.2em;
}
.link main .box section ul li:last-child {
	margin-bottom:0;
}


/*contact*/
.contact main .comment {
	margin-bottom:3em;
}
.contact main .comment p:not(:last-of-type) {
	margin-bottom:1.2em;
}
.contact main .form_box {
	background:#FFF;
	padding:3em 4em;
}
.contact main .form_box h4 {
	line-height:1.1;
	font-size:3.6rem;
	margin-bottom:.8em;
}
.contact main .form_box table {
	width:100%;
	margin-bottom:20px;
}
.contact main .form_box table th ,
.contact main .form_box table td {
	padding:.6em 0;
}
.contact main .form_box table th {
	width:230px;
	padding:.6em 2em;
	padding-top:1em;
	font-size:1.6rem;
	text-align:right;
}
.contact main .form_box .btn {
	padding-left:230px;
}
.contact main .form_box .com01 {
	padding-top:40px;
	padding-left:230px;
}
.contact.login-now main #id ,
.contact.login-now main #name ,
.contact.login-now main #email {
	pointer-events : none;
}


/*event-form*/
.event-form main h4 {
	line-height:1.1;
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:.3em;
}
.event-form main .comment {
	margin-bottom:3em;
}
.event-form main .comment p:not(:last-of-type) {
	margin-bottom:1.2em;
}
.event-form main .form_box {
	background:#FFF;
	padding:3em 4em;
}
.event-form main .form_box h5 {
	line-height:1.1;
	font-size:3.6rem;
	margin-bottom:.8em;
}
.event-form main .form_box table {
	width:100%;
	margin-bottom:20px;
}
.event-form main .form_box table th ,
.event-form main .form_box table td {
	padding:.6em 0;
}
.event-form main .form_box table th {
	width:230px;
	padding:.6em 2em;
	padding-top:1em;
	font-size:1.6rem;
	text-align:right;
}
.event-form main .form_box table td {
	font-size:1.6rem;
}
.event-form main .form_box .btn {
	padding-left:230px;
}
.event-form main .form_box .com01 {
	padding-top:40px;
	padding-left:230px;
}
.event-form.login-now main #id ,
.event-form.login-now main #name ,
.event-form.login-now main #email {
	pointer-events : none;
}


/*library*/
.library main .serch_box {
	margin-bottom:2em;
}
.library main .serch_box dl {
	display:table;
}
.library main .serch_box dl dt ,
.library main .serch_box dl dd {
	display:table-cell;
	vertical-align:middle;
	height:45px;
}
.library main .serch_box dl dt {
	width:280px;
}
.library main .serch_box dl dt input {
	width:100%;
	height:45px;
	line-height:1.1;
	padding:1em 4px;
	font-size:1.4rem;
	background:#FFFFFF;
	border: solid 1px #000000;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
	outline: 0;
}
.library main .serch_box dl dt input:focus {
	outline: 0;
	border: solid 1px #666666;
}
.library main .serch_box dl dd {
	padding-left:15px;
}
.library main .serch_box dl dd button {
	position:relative;
	background:#000000;
	border:1px solid #000000;
	display: inline-block;
	cursor:pointer;
	color:#ffffff;
	height:100%;
	line-height:45px;
	text-decoration:none;
	text-align:center;
	font-size:1.9rem;
	font-weight:700;
	letter-spacing:0;
	padding:0 1.5em;
	margin:0;
	text-decoration:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: 0;
}
.library main .serch_box dl dd button:first-letter {
	letter-spacing:1em;
}
.library main .serch_box dl dd button:hover ,
.library main .serch_box dl dd button:focus {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
.library main .lang_list {
	margin-bottom:4em;
}
.library main .lang_list ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library main .lang_list ul li {
	position:relative;
	float:left;
	width:3.846%;
	line-height:1.1;
}
.library main .lang_list ul li:not(:last-child):after {
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	display:block;
	background:#000;
	content:'';
}
.library main .lang_list ul li a {
	display:block;
	text-align:center;
	font-size:2.4rem;
	padding:.2em 0;
}
.library main .tarm_list:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library main .tarm_list section {
	float:left;
	width:48%;
	margin-bottom:60px;
}
.library main .tarm_list section:nth-child(2n) {
	float:right;
}
.library main .tarm_list section:nth-child(2n+1) {
	clear:both;
}
.library main .tarm_list section:nth-last-child(-n+2) {
	margin-bottom:0;
}
.library main .tarm_list section a {
	display:table;
	text-decoration:none;
}
.library main .tarm_list section a p ,
.library main .tarm_list section a h4 {
	display:table-cell;
	vertical-align:bottom;
}
.library main .tarm_list section a p {
	width:145px;
}
.library main .tarm_list section a h4 {
	padding-left:20px;
	line-height:1.1;
}
.library main .tarm_list section a h4 em {
	display:block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:3.2rem;
	letter-spacing:.1em;
	margin-bottom:.2em;
}
.library main .tarm_list section a h4 span {
	display:block;
	font-size:1.4rem;
	letter-spacing:.1em;
}


/*library-cat*/
.library-cat main .cat_info {
	display:table;
	margin-bottom:4em;
}
.library-cat main .cat_info p ,
.library-cat main .cat_info h4 {
	display:table-cell;
	vertical-align:bottom;
}
.library-cat main .cat_info p.img {
	width:55px;
}
.library-cat main .cat_info h4 {
	padding-left:20px;
	padding-right:20px;
	line-height:1.1;
	white-space:nowrap;
}
.library-cat main .cat_info h4 em {
	display:block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:3.2rem;
	letter-spacing:.1em;
	margin-bottom:.2em;
}
.library-cat main .cat_info h4 span {
	display:block;
	font-size:1.4rem;
	letter-spacing:.1em;
}
.library-cat main .cat_info p.com {
	font-size:1.4rem;
}
.library-cat main .tarm_list ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library-cat main .tarm_list ul li {
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:.6em;
}
.library-cat main .tarm_list ul li:nth-child(3n) {
	margin-right:0;
}
.library-cat main .tarm_list ul li:nth-child(3n+1) {
	clear:both;
}
.library-cat main .tarm_list ul li:nth-last-child(-n+3) {
	margin-bottom:0;
}


/*library-detail*/
.library-detail main .item_detail .img_box {
	margin-bottom:3em;
}
.library-detail main .item_detail .img_box:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library-detail main .item_detail .img_box .slide {
	float:left;
	width:780px;
}
.library-detail main .item_detail .img_box .thum {
	float:right;
	width:175px;
}
.library-detail main .item_detail .img_box .thum ol li {
	position:relative;
	margin-bottom:10px;
}
.library-detail main .item_detail .img_box .thum ol li:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0.5;
	background: #000;
}
.library-detail main .item_detail .img_box .thum ol .slick-current li:after {
	opacity: 0;
}
.library-detail main .item_detail .img_box .thum .slick-vertical .slick-slide {
	border: 0 solid transparent;
}
.library-detail main .item_detail .img_box .thum .slick-arrow {
	z-index: 999;
	width:100%;
	background:rgba(0,0,0,.2);
	text-align:center;
	transform: translate(0,0);
}
.library-detail main .item_detail .img_box .thum .slick-prev {
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
}
.library-detail main .item_detail .img_box .thum .slick-prev:before {
	content: "▲";
	font-size:1.6rem;
	line-height:20px;
	text-align:center;
	display:block;
}
.library-detail main .item_detail .img_box .thum .slick-next {
	top: auto;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
}
.library-detail main .item_detail .img_box .thum .slick-next:before {
	content: "▼";
	font-size:1.6rem;
	line-height:20px;
	text-align:center;
	display:block;
}
.library-detail main .item_detail h4 {
	padding:0 10px;
	margin-bottom:.3em;
	font-size:3.2rem;
	line-height:1.1;
}
.library-detail main .item_detail h5 {
	padding:0 10px;
	margin-bottom:.9em;
	font-size:1.4rem;
	line-height:1.1;
}
.library-detail main .item_detail .box {
	padding:0 10px;
}
.library-detail main .item_detail .box:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library-detail main .item_detail .box .comment {
	float:left;
	width:680px;
	font-size:1.4rem;
}
.library-detail main .item_detail .box .box_r {
	float:right;
	width:245px;
}
.library-detail main .item_detail .box .box_r .related {
	border: solid 1px #828282;
	background:#FFF;
	padding:.5em;
	margin-bottom:1.5em;
	border-radius:.3em;
}
.library-detail main .item_detail .box .box_r .related h6 {
	background:#727171;
	color:#FFF;
	padding:.4em .6em;
	margin-bottom:.6em;
	font-size:1.6rem;
	color:#FFF;
}
.library-detail main .item_detail .box .box_r .related ul {
	font-size:1.6rem;
	padding:0 .4em;
}
.library-detail main .item_detail .box .box_r .related ul li:not(:last-child) {
	margin-bottom:.2em;
}
.library-detail main .item_detail .box .box_r .name {
	padding:0 .2em;
	font-size:1.4rem;
	color:#3e3a39;
}
.library-detail main .item_detail .box .box_r time {
	display:block;
	padding:0 .2em;
	font-size:1.3rem;
	color:#3e3a39;
}
.library-detail main .item_detail .box .box_r time span ,
.library-detail main .item_detail .box .box_r time em {
	display:block;
}


/*library-search*/
.library-search main .serch_box {
	margin-bottom:2em;
}
.library-search main .serch_box dl {
	display:table;
}
.library-search main .serch_box dl dt ,
.library-search main .serch_box dl dd {
	display:table-cell;
	vertical-align:middle;
	height:45px;
}
.library-search main .serch_box dl dt {
	width:280px;
}
.library-search main .serch_box dl dt input {
	width:100%;
	height:45px;
	line-height:1.1;
	padding:1em 4px;
	font-size:1.4rem;
	background:#FFFFFF;
	border: solid 1px #000000;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
	outline: 0;
}
.library-search main .serch_box dl dt input:focus {
	outline: 0;
	border: solid 1px #666666;
}
.library-search main .serch_box dl dd {
	padding-left:15px;
}
.library-search main .serch_box dl dd button {
	position:relative;
	background:#000000;
	border:1px solid #000000;
	display: inline-block;
	cursor:pointer;
	color:#ffffff;
	height:100%;
	line-height:45px;
	text-decoration:none;
	text-align:center;
	font-size:1.9rem;
	font-weight:700;
	letter-spacing:0;
	padding:0 1.5em;
	margin:0;
	text-decoration:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: 0;
}
.library-search main .serch_box dl dd button:first-letter {
	letter-spacing:1em;
}
.library-search main .serch_box dl dd button:hover ,
.library-search main .serch_box dl dd button:focus {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
.library-search main .lang_list {
	margin-bottom:4em;
}
.library-search main .lang_list ul:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library-search main .lang_list ul li {
	position:relative;
	float:left;
	width:3.846%;
	line-height:1.1;
}
.library-search main .lang_list ul li:not(:last-child):after {
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	display:block;
	background:#000;
	content:'';
}
.library-search main .lang_list ul li a {
	display:block;
	text-align:center;
	font-size:2.4rem;
	padding:.2em 0;
}
.library-search main .search_list {
	padding:30px;
	background:#FFF;
}
.library-search main .search_list section {
	margin-bottom:30px;
}
.library-search main .search_list section:last-child {
	margin-bottom:0;
}
.library-search main .search_list section a {
	display:block;
	padding:20px 30px;
	border: solid 1px #000000;
	text-decoration:none;
}
.library-search main .search_list section a:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.library-search main .search_list section .img {
	float:left;
	width:30%;
}
.library-search main .search_list section .box_r {
	float:right;
	width:65%;
	font-size:1.4rem;
}
.library-search main .search_list section .box_r h4 {
	margin-bottom:.3em;
	font-size:3.2rem;
	line-height:1.1;
}
.library-search main .search_list section .box_r h5 {
	margin-bottom:.9em;
	font-size:1.4rem;
	line-height:1.1;
}


/*login*/
.login main .login_box {
	background:#FFF;
	padding:100px 100px 50px;
	margin-bottom:100px;
	border-radius:.5em;
}
.login main .login_box p img {
	width:auto;
	max-width:100%;
	margin:0 auto;
}
.login main .login_box input[type=checkbox] {
	appearance: none;
	display: none !important;
}
.login main .login_box input[type=checkbox] + span {
	display: inherit;
	position: absolute;
	vertical-align: inherit;
}
.login main .login_box input[type=checkbox] + span:before {
	display: none !important;
}
.login main .member_info {
	margin-bottom:3em;
}
.login main .member_info h3 {
	font-size:2.4rem;
	margin-bottom:.3em;
}
.login main .member_info p {
	font-size:1.4rem;
}
.login main .member_about {
	margin-bottom:3em;
	padding:30px;
	background:#FFF;
}
.login main .member_about section {
	margin-bottom:50px;
}
.login main .member_about section:last-child {
	margin-bottom:0;
}
.login main .member_about section h3 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.2;
	padding-left:.5em;
	margin-bottom:.3em;
	border-left: solid 4px #006934;
}
.login main .member_about section dl {
	padding:0 20px;
	margin-bottom:0;
}
.login main .member_about section dl:first-of-type {
	margin-bottom:15px;
}
.login main .member_about section dl:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.login main .member_about section dl dt {
	float:left;
	font-size:2.0rem;
	font-weight:700;
	margin-right:1em;
}
.login main .member_about section dl dt {
	float:left;
	font-size:1.4rem;
}
.login main .member_about section p {
	font-size:1.4rem;
	padding:0 20px;
	margin-bottom:15px;
}
.login main .member_about section p:last-child {
	margin-bottom:0;
}
.login main .new_banner a {
	display:block;
	background:#000000;
	color:#FFF;
	text-decoration:none;
}
.login main .new_banner a dl {
	display:table;
	width:100%;
}
.login main .new_banner a dl dt ,
.login main .new_banner a dl dd {
	display:table-cell;
	vertical-align:middle;
	line-height:1.1;
}
.login main .new_banner a dl dt {
	width:360px;
}
.login main .new_banner a dl dd {
	text-align:right;
	padding-right:150px;
}
.login main .new_banner a dl dd span ,
.login main .new_banner a dl dd em {
	display:block;
	text-align:right;
}
.login main .new_banner a dl dd span {
	font-size:2.2rem;
	font-weight:700;
	margin-bottom:.4em;
}
.login main .new_banner a dl dd em {
	font-family: 'Bodoni Moda', serif;
	font-size:2.2rem;
	font-weight:500;
	letter-spacing:.4em;
	margin-right:-.4em;
	text-transform: uppercase;
}


/*register*/
.register main .register_comment {
	margin-bottom:50px;
	font-size:1.4rem;
}
.register main .register_comment section:not(:last-child) {
	margin-bottom:40px;
}
.register main .register_comment h3 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.2;
	margin-bottom:.3em;
}
.register main .register_comment p:not(:last-child) {
	margin-bottom:1.2em;
}
.register main .register_form {
	padding:30px;
	background:#FFF;
}
.register main .register_form h3 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.2;
	margin-bottom:2em;
}
.register main .register_form .box .um * ,
.register main .register_form .box .um *:before ,
.register main .register_form .box .um *:after {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.register main .register_form .box .um .um-field-checkbox-option ,
.register main .register_form .box .um .um-field-radio-option {
	white-space: nowrap;
}
.register main .register_form .um-col-1 ,
.register main .register_form .um-field-block {
	font-size:1.6rem;
	margin-bottom:40px;
}
.register main .register_form .um-col-1:last-of-type {
	margin-bottom:0;
}
.register main .register_form .um-col-1 .um-field {
	padding:0;
	margin-bottom:20px;
}
.register main .register_form .um-col-1:first-of-type .um-field[data-key='user_login'] ,
.register main .register_form .um-col-1:first-of-type .um-field[data-key='confirm_user_password'] ,
.register main .register_form .um-col-1:first-of-type .um-field[data-key='enrollment'] {
	margin-bottom:0;
}
.register main .register_form .um-col-1 .um-field:last-of-type {
	margin-bottom:0;
}
.register main .register_form .um-col-1:first-of-type .um-field:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.register main .register_form .um-col-1:first-of-type .um-field .um-field-label {
	float:left;
	width:20%;
	text-align:right;
	padding-top:.5em;
}
.register main .register_form .um-col-1:first-of-type .um-field .um-field-area {
	float:left;
	width:80%;
	padding-left:3%;
}
.register main .register_form .um-col-1 .um-field-error {
	clear:both;
	top:10px;
	margin-top:0;
	margin-left:23%;
	padding:.3em 1em;
	line-height:1.3 !important;
}
.register main .register_form .um-col-1:nth-of-type(2) .um-field-error {
	margin-left:0;
}
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_25'] {
	margin-left:23%;
	font-size:1.4rem;
}
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_28'] ,
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_29'] {
	margin-left:23%;
	font-size:1.4rem;
}
.register main .register_form .um-col-1 input[type=checkbox] ,
.register main .register_form .um-col-1 input[type=radio] {
	appearance: none;
	display: none !important;
}
.register main .register_form .um-col-1 input[type=checkbox] + span ,
.register main .register_form .um-col-1 input[type=radio] + span {
	display: inherit;
	position: absolute;
	vertical-align: inherit;
}
.register main .register_form .um-col-1 input[type=checkbox] + span:before ,
.register main .register_form .um-col-1 input[type=radio] + span:before {
	display: none !important;
}
.register main .register_form .um-col-1:nth-of-type(2) {
	margin-left:23%;
}
.register main .register_form .um-col-1:nth-of-type(2) h4 {
	font-size:2.2rem;
	font-weight:700;
	line-height:1.2;
	padding:0 0 .2em .5em;
	border-bottom: solid 1px #231815;
	border-left: solid 4px #231815;
}
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23'] ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26'] {
	overflow-y:scroll;
	height:120px;
	font-size:1.4rem;
	padding-right:20px;
}
/* スクロールバー本体 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar{
	width: 10px;
background: #dee2e5;
}
/* 横方向のスクロールバー本体 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar:horizontal,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar:horizontal{
	width: 10px;
background: #dee2e5;
}
/* スクロールバーの動く部分 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar-thumb,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar-thumb{
	background: #177662;
border-radius: 2px;
}
/* 横方向のスクロールバーの動く部分 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar-thumb:horizontal,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar-thumb:horizontal{
	background: #177662;
border-radius: 2px;
}
/* スクロールバーの動く部分の前 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar-track-piece:start,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar-track-piece:start{
	background: #dee2e5;
}
/* スクロールバーの動く部分の後ろ */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar-track-piece:end,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
}
/* スクロールバー角 */
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23']::-webkit-scrollbar-corner,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26']::-webkit-scrollbar-corner{
background: transparent;
}
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23'] strong ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23'] strong span ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26'] strong ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26'] strong span {
	font-weight:700;
}
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='privacy-check'] .um-field-label ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='privacy-check_27'] .um-field-label {
	display:none;
}


.account main .um-account-profile-link {
	display: none;
}


.user main .um-profile-edit {
	display: none;
}


/*shop*/
.shop main h4 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.2;
	margin-bottom:.5em;
}
.shop main .comment {
	font-size:1.4rem;
	margin-bottom:2em;
}
.shop main .box {
	padding:30px;
	background:#FFF;
}
.shop main .box section {
	padding:20px 30px;
	margin-bottom:30px;
	border: solid 1px #000000;
}
.shop main .box section:last-child {
	margin-bottom:0;
}
.shop main .box section:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.shop main .box section .img {
	float:left;
	width:160px;
}
.shop main .box section .img span {
	display:block;
	background:#FFF;
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4);
}
.shop main .box section .box_r {
	float:right;
	width:650px;
}
.shop main .box section .box_r .box_top {
	margin-bottom:10px;
	padding-bottom:.3em;
	border-bottom: solid 1px #c1c1c1;
}
.shop main .box section .box_r .box_top:after {
	content: " ";
	font-size: 0.1rem;
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.shop main .box section .box_r .box_top h5 {
	float:left;
	font-size:2.0rem;
	font-weight:700;
	line-height:1.2;
	margin-right:1em;
}
.shop main .box section .box_r .box_top time {
	display:block;
	float:left;
	font-size:1.3rem;
	padding-top:.5em;
}
.shop main .box section .box_r .box_top .price {
	float:right;
	font-size:1.8rem;
}
.shop main .box section .box_r .comment {
	font-size:1.4rem;
	margin-bottom:2em;
}
.shop main .box section .box_r .comment p:not(:last-child) {
	margin-bottom:1.2em;
}
.shop main .box section .box_r .cart_btn {
	text-align:right;
}
.shop main .box section .box_r .cart_btn a {
	display:inline-block;
	white-space:nowrap;
	background:#a3a3a3;
	font-size:1.4rem;
	line-height:1.1;
	padding:.6em 2em;
	color:#FFF;
	text-decoration:none;
}


/*cart*/
.cart main .woocommerce img,
.cart main .woocommerce-page img {
	width: auto;
	height: auto;
	max-width: 150px;
}
.cart main .shop_table {
	font-size: 1.4rem;
}
.cart main .woocommerce a.button.history {
	background: #5f4d4d;
	color: #FFF;
	margin-right: 2em;
}


/*checkout*/
.checkout main .woocommerce #customer_details input[type="text"] ,
.checkout main .woocommerce #customer_details input[type="tel"] ,
.checkout main .woocommerce #customer_details input[type="email"] ,
.checkout main .woocommerce #customer_details input[type="date"] ,
.checkout main .woocommerce #customer_details input[type="number"] ,
.checkout main .woocommerce #customer_details textarea {
	width:100%;
	padding:10px 4px;
	font-size:1.4rem;
	background:#FFFFFF;
	border: solid 1px #dddddd;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.checkout main .woocommerce #customer_details input[type="text"]:focus ,
.checkout main .woocommerce #customer_details input[type="tel"]:focus ,
.checkout main .woocommerce #customer_details input[type="email"]:focus ,
.checkout main .woocommerce #customer_details input[type="number"]:focus ,
.checkout main .woocommerce #customer_details input[type="date"]:focus ,
.checkout main .woocommerce #customer_details textarea:focus {
	outline: 0;
	border: solid 1px #666666;
}
.checkout main .woocommerce #customer_details input[type="number"] {
	text-align:center;
}
.checkout main .woocommerce #customer_details textarea {
	/*width:400px;*/
	height:350px;
}


@media screen and (max-width: 1100px) {
/*top*/
.top header {
	padding:35px 25px;
}

/*item*/
.item main .box section .img_name .img {
	width:50%;
}
.item main .box section .img_name .box_r h4 {
	margin-bottom: 1em;
}

/*about*/
.about main .box .img {
	width:295px;
}
.about main .box .com02 {
	width:calc(100% - 340px);
}

/*method-detail*/
.method-detail main .box .img {
	width:295px;
}
.method-detail main .box .com02 {
	width:calc(100% - 340px);
}

/*contact*/
.contact main .form_box table th {
	width:150px;
	padding:.6em 1em;
	padding-left:0;
}
.contact main .form_box .btn {
	padding-left:150px;
}
.contact main .form_box .com01 {
	padding-left:150px;
}


/*event-form*/
.event-form main .form_box table th {
	width:150px;
	padding:.6em 1em;
	padding-left:0;
}
.event-form main .form_box .btn {
	padding-left:150px;
}
.event-form main .form_box .com01 {
	padding-left:150px;
}

/*library*/
.library main .lang_list ul li {
	width:3.846%;
}

/*library-detail*/
.library-detail main .item_detail .img_box .slide {
	width:79%;
}
.library-detail main .item_detail .img_box .thum {
	width:18.5%;
}
.library-detail main .item_detail .box .comment {
	width:70%;
}
.library-detail main .item_detail .box .box_r {
	width:25%;
}

/*library-search*/
.library-search main .lang_list ul li {
	width:3.846%;
}

/*login*/
.login main .new_banner a dl dd {
	padding-right:50px;
}

/*shop*/
.shop main .box section .box_r {
	width:calc(100% - 200px);
}


/*cart*/
.cart main .woocommerce img,
.cart main .woocommerce-page img {
	width: auto;
	height: auto;
	max-width: 150px;
}
.cart main .shop_table {
	font-size: 1.4rem;
}
.cart main .woocommerce a.button.history {
	background: #5f4d4d;
	color: #FFF;
	margin-right: 2em;
}
}




@media screen and (max-width: 1000px) {
	.item main .box section .img_name .img {
		width:40%;
	}
	.about main .box .img {
		width:30%;
	}
	.about main .box .com02 {
		width:65%;
	}
	.method-detail main .box .img {
		width:30%;
	}
	.method-detail main .box .com02 {
		width:65%;
	}
	.library main .lang_list ul li {
		width:7.692%;
		margin-bottom: 1em;
	}
	.library main .lang_list ul li:nth-last-child(-n+13) {
		margin-bottom: 0;
	}
	.library main .lang_list ul li:nth-child(13):after {
		display: none;
	}
	.library main .tarm_list section a h4 em {
		font-size:2.8rem;
	}
	.library-cat main .cat_info h4 em {
		font-size:2.8rem;
	}
	.library-detail main .item_detail .img_box .slide {
		float:none;
		width:100%;
		margin-bottom: 15px;
	}
	.library-detail main .item_detail .img_box .thum {
		float:none;
		width:100%;
	}
	.library-detail main .item_detail .img_box .thum ol li {
		padding: 0 5px;
	}
	.library-detail main .item_detail .img_box .thum ol li:after {
		left: 5px;
		width: calc(100% - 10px);
	}
	.library-detail main .item_detail .img_box .thum .slick-arrow {
		width:20px;
		height: calc(100% - 10px);
	}
	.library-detail main .item_detail .img_box .thum .slick-prev {
		top: 0;
		bottom: auto;
		left: 0;
		right: auto;
		margin: auto;
	}
	.library-detail main .item_detail .img_box .thum .slick-prev:before {
		content: "◀︎";
		font-size:1.6rem;
		line-height:20px;
		text-align:center;
		display:block;
	}
	.library-detail main .item_detail .img_box .thum .slick-next {
		top: 0;
		bottom: auto;
		left: auto;
		right: 0;
		margin: auto;
	}
	.library-detail main .item_detail .img_box .thum .slick-next:before {
		content: "▶︎";
		font-size:1.6rem;
		line-height:20px;
		text-align:center;
		display:block;
	}
	.library-search main .lang_list ul li {
		width:7.692%;
		margin-bottom: 1em;
	}
	.library-search main .lang_list ul li:nth-last-child(-n+13) {
		margin-bottom: 0;
	}
	.library-search main .lang_list ul li:nth-child(13):after {
		display: none;
	}
	.library-search main .search_list section .box_r h4 {
		font-size:2.8rem;
	}
	.login main .new_banner a dl dt {
		width:40%;
	}
	.login main .new_banner a dl dd {
		padding-right:20px;
	}
	.login main .new_banner a dl dd span {
		font-size:2.0rem;
	}
	.login main .new_banner a dl dd em {
		font-size:2.0rem;
	}
	
			
}

@media screen and (max-width: 920px) {
	.register main .register_form .box .um .um-field-half {
		width: 98%;
		float: none;
	}
	.shop main .box section .box_r .box_top h5 {
		float:none;
		margin-right:0;
	}
	.shop main .box section .box_r .box_top time {
		float:none;
		padding-top:.5em;
	}
	.shop main .box section .box_r .box_top .price {
		float:none;
		padding-top:.2em;
		font-size:1.8rem;
		text-align: right;
	}
}


@media screen and (max-width: 840px) {
	.login main .new_banner a dl dt {
		width:35%;
	}
	.login main .new_banner a dl dd span {
		font-size:2.0rem;
	}
	.login main .new_banner a dl dd em {
		font-size:2.0rem;
	}
}


@media screen and (max-width: 767px) {
/*top*/
.top header {
	padding:0;
	margin-bottom:10vw;
	height:auto;
}
.top header h2 {
	display: none;
}
.top header nav {
	display: none;
}
.top header .main_slider_in {
	position: relative;
	top: inherit;
	left:inherit;
	z-index:-1;
	height:auto;
}
.top header .main_slider_in div {
	height:auto;
	background-image: none !important;
}
.top header p {
	position:absolute;
	left:4vw;
	bottom:30vw;
	z-index:10;
	line-height:1.1;
}
header .main_slider_in img {
	display:block !important;
}



.top_about {
	margin-bottom:10vw;
}
.top_about h3 {
	font-size:1.8rem;
	font-weight: 700;
}
.top_about p img {
	margin-top: 8vw;
}
.top_news {
	margin-bottom:10vw;
}
.top_news h3 {
	font-size:1.8rem;
	font-weight: 700;
}
.top_news .box section .img {
	margin-bottom:3vw;
}
.top_news .box section h4 {
	font-size:1.6rem;
}
.top_news .box section time {
	font-size:1.3rem;
	margin-bottom:1.3em;
}
.top_news .box section time + p {
	font-size:1.4rem;
	padding-right:3vw;
}
.top_news .more_btn {
	position: relative;
	top: inherit;
	right:inherit;
	padding: 0 5vw;
	padding-top: 8vw;
}
.top_news .more_btn a {
	display:block;
	text-align: center;
	font-size:1.4rem;
	padding:.6em 0;
}
.top_comment {
	font-size:1.4rem;
	margin-bottom:2.5em;
}



/*works*/
.works main .box ul li {
	float:none;
	width:100%;
	margin-bottom:8vw;
}
.works main .box ul li:nth-child(2n) {
	float:none;
}
.works main .box ul li:nth-last-child(-n+2) {
	margin-bottom:8vw;
}
.works main .box ul li:last-child {
	margin-bottom:0;
}
.works main .box ul li span {
	margin-bottom:2vw;
}
.works main .box ul li em {
	font-size:1.6rem;
}


/*works-detail*/
.works-detail main .vi {
	margin-bottom:6vw;
}





/*news*/
.news main .box ul li {
	float:none;
	width:100%;
	margin-bottom:8vw;
}
.news main .box ul li:nth-child(2n) {
	float:none;
}
.news main .box ul li:nth-last-child(-n+2) {
	margin-bottom:8vw;
}
.news main .box ul li:last-child {
	margin-bottom:0;
}
.news main .box ul li span {
	margin-bottom:2vw;
}
.news main .box ul li em {
	font-size:1.6rem;
	padding-bottom:.2em;
}



/*news-detail*/
.news-detail main .vi {
	margin-bottom:6vw;
}


/*item*/
.item main .box section {
	padding-bottom:5vw;
	margin-bottom:5vw;
}
.item main .box section .img_name {
	display:block;
	margin-bottom:6vw;
}
.item main .box section .img_name .img ,
.item main .box section .img_name .box_r {
	display:block;
}
.item main .box section .img_name .img {
	width:100%;
	margin-bottom: 3vw;
}
.item main .box section .img_name .box_r {
	padding-left:0;
}
.item main .box section .img_name .box_r h4 {
	display:block;
	font-size:1.8rem;
	font-weight: 700;
	margin-bottom: .3vw;
}
.item main .box section .img_name .box_r dl {
	position: relative;
	bottom: inherit;
	left:inherit;
	line-height:1.3;
}
.item main .box section .img_name .box_r dl dt {
	font-size:1.4rem;
	margin-bottom:.8em;
}
.item main .box section .img_name .box_r dl dd em ,
.item main .box section .img_name .box_r dl dd span {
	font-size:1.4rem;
}
.item main .box section .img_name .box_r dl dd em {
	margin-bottom:.4em;
}
.item main .box section .img_name .box_r dl dd span {
	font-size:1.6rem;
}


/*newsletter*/
.newsletter main .box section {
	padding-bottom:5vw;
	margin-bottom:5vw;
}
.newsletter main .box section .img_stock {
	display:block;
	margin-bottom:6vw;
}
.newsletter main .box section .img_stock .img ,
.newsletter main .box section .img_stock .box_r {
	display:block;
}
.newsletter main .box section .img_stock .img {
	padding:0 4vw;
}
.newsletter main .box section .img_stock .img span {
	width:50vw;
	margin: 0 auto;
	margin-bottom: 6vw;
}
.newsletter main .box section .img_stock .box_r {
	padding-left:0;
}
.newsletter main .box section .img_stock .box_r dl {
	position: relative;
	bottom: inherit;
	left:inherit;
	line-height:1.3;
}
.newsletter main .box section .img_stock .box_r dl dt ,
.newsletter main .box section .img_stock .box_r dl dd {
	display:block;
}
.newsletter main .box section .img_stock .box_r dl dt {
	padding-right:0;
}
.newsletter main .box section .img_stock .box_r dl dt em ,
.newsletter main .box section .img_stock .box_r dl dt span {
	font-size:1.4rem;
}
.newsletter main .box section .img_stock .box_r dl dt em {
	margin-bottom:.4em;
}
.newsletter main .box section .img_stock .box_r dl dt span {
	font-size:1.6rem;
}
.newsletter main .box section .img_stock .box_r dl dd span {
	display:block;
	font-size:1.6rem;
	padding:.6em 1.5em;
}


/*about*/
.about main .vi {
	margin-bottom:6vw;
}
.about main .com01 {
	margin-bottom:8vw;
}
.about main .box .img {
	float:none;
	width:100%;
	margin-bottom: 5vw;
}
.about main .box .com02 {
	float:none;
	width:100%;
}



/*method*/
.method main .box ul li {
	float:none;
	width:100%;
	margin-bottom:8vw;
}
.method main .box ul li:nth-child(2n) {
	float:none;
}
.method main .box ul li:nth-last-child(-n+2) {
	margin-bottom:8vw;
}
.method main .box ul li:last-child {
	margin-bottom:0;
}
.method main .box ul li span {
	margin-bottom:2vw;
}
.method main .box ul li em {
	padding:0 .5em;
	font-size:1.6rem;
}.method main .box ul li em i {
	font-size:1.4rem;
	padding-left: .5em;
}


/*method-detail*/
.method-detail main .vi {
	margin-bottom:6vw;
}
.method-detail main h4 {
	margin-bottom:6vw;
}
.method-detail main h4 span {
	font-size:1.8rem;
	font-weight: 700;
	margin-right: .5em;
}
.method-detail main h4 em {
	font-size:1.4rem;
}
.method-detail main .com01 {
	margin-bottom:5vw;
}
.method-detail main .com01 p:not(:last-of-type) {
	margin-bottom:1.2em;
}
.method-detail main .box section:not(:last-child) {
	margin-bottom: 5vw;
}
.method-detail main .box .img {
	float:none;
	width:100%;
	margin-bottom: 5vw;
}
.method-detail main .box .com02 {
	float:none;
	width:100%;
}
.method-detail main .box section:nth-child(even) .img {
	float:none;
}
.method-detail main .box section:nth-child(even) .com02 {
	float:none;
}


/*use*/
.use main .box section ol li table th ,
.use main .box section ol li table td {
	display: block;
}
.use main .box section ol li table th {
	font-weight: 700;
}
.use main .box section ol li table tr:not(:last-child) td {
	margin-bottom: .5em;
}
.use main dl dd ul {
	display:block;
}
.use main dl dd ul li {
	display:block;
}
.use main dl dd ul li span ,
.use main dl dd ul li i ,
.use main dl dd ul li em {
	display:block;
}
.use main dl dd ul li i {
	display: none;
}
.use main dl dd ul li:not(:last-child) em {
	margin-bottom: .5em;
}



/*link*/
.link main .com01 {
	margin-bottom:5em;
}
.link main .box {
	padding:0 .5em;
}
.link main .box section h4 {
	font-size:1.8rem;
	font-weight:700;
}


/*contact*/
.contact main .form_box {
	padding:4vw 3vw;
}
.contact main .form_box h4 {
	font-size:1.8rem;
}
.contact main .form_box table {
	margin-bottom:4vw;
}
.contact main .form_box table th ,
.contact main .form_box table td {
	display: block;
	padding:.6em 0;
}
.contact main .form_box table th {
	width:100%;
	padding:.6em 0;
	padding-top:.6em;
	padding-bottom: 0;
	font-size:1.6rem;
	font-weight: 700;
	text-align:left;
}
.contact main .form_box .btn {
	padding-left:0;
}
.contact main .form_box .com01 {
	padding-top:8vw;
	padding-left:0;
}


/*event-form*/
.event-form main h4 {
	font-size:1.8rem;
}
.event-form main .form_box {
	padding:4vw 3vw;
}
.event-form main .form_box h5 {
	font-size:1.8rem;
}
.event-form main .form_box table {
	margin-bottom:4vw;
}
.event-form main .form_box table th ,
.event-form main .form_box table td {
	display: block;
	padding:.6em 0;
}
.event-form main .form_box table th {
	width:100%;
	padding:.6em 0;
	padding-top:.6em;
	padding-bottom: 0;
	font-size:1.6rem;
	font-weight: 700;
	text-align:left;
}
.event-form main .form_box table td {
	font-size:1.6rem;
}
.event-form main .form_box .btn {
	padding-left:0;
}
.event-form main .form_box .com01 {
	padding-top:8vw;
	padding-left:0;
}



/*library*/
.library main .serch_box dl {
	display:block;
}
.library main .serch_box dl dt ,
.library main .serch_box dl dd {
	display:block;
	height:45px;
}
.library main .serch_box dl dt {
	width:100%;
	margin-bottom: 5vw;
}
.library main .serch_box dl dt input {
	height:45px;
}
.library main .serch_box dl dd {
	padding-left:0;
	text-align: center;
}
.library main .serch_box dl dd button {
	width:80%;
}
.library main .lang_list {
	margin-bottom:4em;
}
.library main .lang_list ul li {
	width:14.285%;
	margin-bottom: 5vw;
}
.library main .lang_list ul li:nth-last-child(-n+13) {
	margin-bottom: 5vw;
}
.library main .lang_list ul li:nth-child(13):after {
	display: block;
}
.library main .lang_list ul li:nth-child(7n):after {
	display: none;
}
.library main .lang_list ul li a {
	font-size:1.8rem;
}
.library main .tarm_list section {
	float:none;
	width:100%;
	margin-bottom:8vw;
}
.library main .tarm_list section:nth-child(2n) {
	float:none;
}
.library main .tarm_list section:nth-last-child(-n+2) {
	margin-bottom:8vw;
}
.library main .tarm_list section:last-child {
	margin-bottom:0;
}
.library main .tarm_list section a p {
	width:25%;
}
.library main .tarm_list section a h4 {
	padding-left:4%;
}
.library main .tarm_list section a h4 em {
	font-size:1.8rem;
}


/*library-cat*/
.library-cat main .cat_info {
	display:block;
	margin-bottom:1em;
	width: 50px;
}
.library-cat main .cat_info p ,
.library-cat main .cat_info h4 {
	display:block;
}
.library-cat main .cat_info p.img {
	width:60%;
	margin: 0;
	margin-bottom: 5vw;
}
.library-cat main .cat_info h4 {
	padding-left:0;
	padding-right:0;
	line-height:1.5;
	white-space: normal;
}
.library-cat main .cat_info h4 em {
	font-size:2.4rem;
}

.library-cat main .tarm_list ul li {
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:1em;
}
.library-cat main .tarm_list ul li:nth-child(3n) {
	margin-right:4%;
}
.library-cat main .tarm_list ul li:nth-child(3n+1) {
	clear:none;
}
.library-cat main .tarm_list ul li:nth-last-child(-n+3) {
	margin-bottom:1em;
}
.library-cat main .tarm_list ul li:nth-child(2n) {
	margin-right:0;
}
.library-cat main .tarm_list ul li:nth-child(2n+1) {
	clear:both;
}
.library-cat main .tarm_list ul li:nth-last-child(-n+2) {
	margin-bottom:0;
}


/*library-detail*/
.library-detail main .item_detail .img_box .slide {
	float:none;
	width:100%;
	margin-bottom: 5vw;
}
.library-detail main .item_detail .img_box .thum {
	float:none;
	width:100%;
}
.library-detail main .item_detail .img_box .thum ol li {
	margin-bottom:0;
}
.library-detail main .item_detail h4 {
	padding:0;
	margin-bottom:.3em;
	font-size:2.0rem;
}
.library-detail main .item_detail h5 {
	padding:0;
	line-height:1.5;
}
.library-detail main .item_detail .box {
	padding:0;
}
.library-detail main .item_detail .box .comment {
	float:none;
	width:100%;
	margin-bottom: 5vw;
}
.library-detail main .item_detail .box .box_r {
	float:none;
	width:100%;
}


/*library-search*/
.library-search main .serch_box dl {
	display:block;
}
.library-search main .serch_box dl dt ,
.library-search main .serch_box dl dd {
	display:block;
	height:45px;
}
.library-search main .serch_box dl dt {
	width:100%;
	margin-bottom: 5vw;
}
.library-search main .serch_box dl dd {
	padding-left:0;
	text-align: center;
}
.library-search main .serch_box dl dd button {
	width:80%;
}
.library-search main .lang_list ul li {
	width:14.285%;
	margin-bottom: 5vw;
}
.library-search main .lang_list ul li:nth-last-child(-n+13) {
	margin-bottom: 5vw;
}
.library-search main .lang_list ul li:nth-child(13):after {
	display: block;
}
.library-search main .lang_list ul li:nth-child(7n):after {
	display: none;
}
.library-search main .lang_list ul li a {
	font-size:1.8rem;
}
.library-search main .search_list {
	padding:3vw;
}
.library-search main .search_list section {
	margin-bottom:8vw;
}
.library-search main .search_list section a {
	padding:3vw;
}
.library-search main .search_list section .img {
	float:none;
	width:80%;
	margin: 0 auto;
	margin-bottom: 5vw;
}
.library-search main .search_list section .box_r {
	float:none;
	width:100%;
}
.library-search main .search_list section .box_r h4 {
	font-size:2.0rem;
	line-height:1.5;
}
.library-search main .search_list section .box_r h5 {
	line-height:1.5;
}


/*login*/
.login main .login_box {
	padding:4vw 3vw;
	margin-bottom:10vw;
}
.login main .member_info h3 {
	font-size:1.8rem;
}
.login main .member_about {
	padding:3vw;
}
.login main .member_about section {
	margin-bottom:8vw;
}
.login main .member_about section h3 {
	font-size:1.8rem;
	font-weight:700;
}
.login main .member_about section dl {
	padding:0;
}
.login main .member_about section dl:first-of-type {
	margin-bottom:5vw;
}
.login main .member_about section dl dt {
	float:none;
	font-size:1.6rem;
	margin-right:0;
}
.login main .member_about section dl dt {
	float:none;
}
.login main .member_about section p {
	padding:0;
	margin-bottom:5vw;
}
.login main .new_banner a dl {
	display:block;
}
.login main .new_banner a dl dt ,
.login main .new_banner a dl dd {
	display:block;
}
.login main .new_banner a dl dt {
	width:100%;
}
.login main .new_banner a dl dd {
	text-align:left;
	padding:5vw;
}
.login main .new_banner a dl dd span ,
.login main .new_banner a dl dd em {
	text-align:left;
}
.login main .new_banner a dl dd span {
	font-size:1.8rem;
	margin-bottom:.4em;
	line-height: 1.7;
}
.login main .new_banner a dl dd em {
	font-size:1.8rem;
}


/*register*/
.register main .register_comment {
	margin-bottom:8vw;
	font-size:1.4rem;
}
.register main .register_comment section:not(:last-child) {
	margin-bottom:6vw;
}
.register main .register_comment h3 {
	font-size:1.8rem;
}
.register main .register_form {
	padding:3vw;
}
.register main .register_form h3 {
	font-size:1.8rem;
	font-weight:700;
}
.register main .register_form .box .um .um-field-checkbox-option ,
.register main .register_form .box .um .um-field-radio-option {
	white-space: normal;
}
.register main .register_form .um-col-1 ,
.register main .register_form .um-field-block {
	margin-bottom:6vw;
}
.register main .register_form .um-col-1 .um-field {
	margin-bottom:5vw;
}
.register main .register_form .um-col-1:first-of-type .um-field .um-field-label {
	float:none;
	width:100%;
	font-weight: 700;
	text-align:left;
	padding-top:0;
}
.register main .register_form .um-col-1:first-of-type .um-field .um-field-area {
	float:none;
	width:100%;
	padding-left:0;
}
.register main .register_form .um-col-1 .um-field-error {
	margin-left:0;
}
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_25'] {
	margin-left:0;
}
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_28'] ,
.register main .register_form .um-col-1:first-of-type .um-field[data-key='um_block_97_29'] {
	margin-left:0;
}
.register main .register_form .um-col-1:nth-of-type(2) {
	margin-left:0;
}
.register main .register_form .um-col-1:nth-of-type(2) h4 {
	font-size:1.8rem;
}
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23'] ,
.register main .register_form .um-col-1:nth-of-type(2) .um-field[data-key='um_block_97_23_26'] {
	height:50vw;
	padding-right:4vw;
}



/*shop*/
.shop main h4 {
	font-size:1.8rem;
}
.shop main .box {
	padding:3vw;
}
.shop main .box section {
	padding:3vw;
	margin-bottom:6vw;
}
.shop main .box section .img {
	float:none;
	width:50%;
	margin: 0 auto;
	margin-bottom: 5vw;
}
.shop main .box section .box_r {
	float:none;
	width:100%;
}
.shop main .box section .box_r .box_top {
	margin-bottom:4vw;
}
.shop main .box section .box_r .box_top h5 {
	float:none;
	font-size:1.8rem;
}
.shop main .box section .box_r .box_top time {
	float:none;
}
.shop main .box section .box_r .box_top .price {
	float:none;
	font-size:1.8rem;
	text-align: right;
}
.shop main .box section .box_r .cart_btn {
	text-align:center;
	padding: 0 10%;
}
.shop main .box section .box_r .cart_btn a {
	display:block;
	padding:.8em 0;
}


/*cart*/
.cart main .woocommerce img,
.cart main .woocommerce-page img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.cart main .shop_table {
	font-size: 1.4rem;
}
.cart main .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
	float: none;
	margin: 0 auto;
	margin-bottom: 3vw;
	display: block;
	text-align: center;
}
.cart main .woocommerce .shop_table .product-quantity::before {
	position: relative;
	top: .7em;
}
.cart main .woocommerce .shop_table .quantity .qty {
	width: 30vw;
	padding:10px 4px;
	font-size:1.4rem;
	text-align: center;
}
.cart main .woocommerce a.button.history {
	background: #5f4d4d;
	color: #FFF;
	margin-right: 2em;
}


/*checkout*/
.checkout main .woocommerce #customer_details textarea {
	height:40vw;
}
.checkout main .woocommerce .form-row.place-order .button {
	margin-bottom: 6vw;
	display: block;
	padding: 3vw 0;
	text-align: center;
	width: 100%;
}
}