@charset "utf-8";

/*============================================================
 STYLE
============================================================*/
/* layout
----------------------------------------------------------- */
.container { max-width : 1140px;}
#container { max-width : none;}
#container > div {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}
#container .row-offcanvas{
	margin-top:40px;
	padding-bottom: 50px;
}
#container #topcolumn,
#container #bottomcolumn { max-width: none;}
@media (min-width: 768px) {
	.container { width: 100% !important;}
}

/* acuve
----------------------------------------------------------- */
#areaWrapper1 {
	padding-right: 0;
	padding-left: 0;
}
div#area1 > div.pbNested > div.pbNested { overflow: visible;}

/* body
----------------------------------------------------------- */
body { background: #FFF;}
#page { overflow: hidden!important;}
body > div {
	overflow: hidden;
	font: 90% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Verdana, "ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.5;
	color: #4a9091;
}
@media (max-width: 767px) { 
	body > div { font: 100% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Verdana, "ＭＳ Ｐゴシック",sans-serif!important;} 
}
#mainArea,
#main_column {
	line-height: 2;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#mainArea,
	#main_column {
		margin-bottom: 0;
	}
}

/* title
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	color: #4a9091;
}
h1,
h2 { font-size: 150%;}
h3 { font-size: 125%;}
h4,
h5 { font-size: 100%;}
h1,
.pbBlock h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 180%;
}
h2 {
	margin: 40px 0 20px;
	padding: 0 0 15px;
	font-size: 200%;
	font-weight: bold;
	background: url(/p/library/img/top/h2_bg.png) no-repeat bottom center;
}
.pbBlock h3 {
	margin: 20px 0 20px;
	padding: 0 0 10px;
	font-size: 180%;
	font-weight: bold;
}
.pbBlock h4 {
	margin: 40px 0 20px;
	padding: 0 0 10px;
	font-size: 160%;
	font-weight: bold;
	border-bottom: 1px dotted #56A098;
}
.pbBlock h5 {
	margin: 40px 0 20px;
	padding: 0 0 10px;
	font-size: 150%;
}
.pbBlock h6 {
	margin: 40px 0 20px;
	padding: 0 0 10px;
	font-size: 120%;
	font-weight: bold;
}
.box-head h2{
	text-align:center;
	border:none;
	padding: 0 15% 10px;
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small {
	color: #4a9091;
	font-size: 75%;
	display: block;
	margin-bottom: 5px;
}
@media (max-width: 767px) { 
	h1,.pbBlock h1 { }
	h2 { font-size: 100%;}
	h3,.pbBlock h3 { font-size: 120%; }
}

/* text
----------------------------------------------------------- */
.pbBlock p { margin: 0 0 10px;}

/* link
----------------------------------------------------------- */
a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
	overflow: hidden;
	outline: none;
	-webkit-transform: perspective(0);
}

@media (max-width: 767px){
	a:hover,
	a:hover img,
	button:hover { opacity: 1!important;}
}

/* img
----------------------------------------------------------- */
img {
	max-width: 100%;
	vertical-align: top;
}

/* list
----------------------------------------------------------- */
:root ol, :root ul {
	margin: 0;
	padding: 0;
}

/* table 
----------------------------------------------------------- */
table { font-size: 100%;}
.table-responsive {
	border: none;
	margin: 0 0 30px;
}
.table-responsive table {
	border: 2px solid #A9A9A9;
	width: 100%;
} 
.table-responsive table tr th,
.table-responsive table tr td {
	padding: 10px 15px;
	border: 1px dashed #BBB;
	vertical-align: top;
} 
.table-responsive table tr th {
	background: #7D7D7D;
	color: #FFF;
}

@media (max-width: 767px) {
	.table-responsive { overflow-x: auto!important;}
	.table-responsive table tr th,
	.table-responsive table tr td { white-space: nowrap;}
}

/* input
----------------------------------------------------------- */
.header input[type="text"],
.header button,
#leftcolumn input[type="text"],
#leftcolumn input[type="email"],
#leftcolumn input[type="password"],
#leftcolumn button,
#leftcolumn select,
#leftArea input[type="text"],
#leftArea input[type="email"],
#leftArea input[type="password"],
#leftArea button,
#leftArea select,
#rightcolumn input[type="text"],
#rightcolumn input[type="email"],
#rightcolumn input[type="password"],
#rightcolumn button,
#rightcolumn select,
#rightArea input[type="text"],
#rightArea input[type="email"],
#rightArea input[type="password"],
#rightArea button,
#rightArea select {
	-webkit-appearance: none;
	border-radius: 0;
}
input:focus,
div:focus { outline: 0;}

/* slideToggle
----------------------------------------------------------- */
.slideToggle_title { cursor: pointer;}
.slideToggle_menu { display: none;}

/* bootstrap
----------------------------------------------------------- */
/* link */
.btn-link,
.btn-link:focus,
.btn-link:hover {
	color: #5A5954;
	text-decoration: none;
}
.btn-default,
.btn-danger,
.btn-success,
.btn-primary,
.btn-warning,
.list-group-item,
.dropdown-menu>li>a,
.thumbnail { opacity: 1!important;}
.btn-danger,
.btn-success,
.btn-primary,
.btn-warning { color: #FFF!important;}

/* list */
ul.alert { padding: 15px!important;}
ul.alert li,
ul.list-group li,
ul.dropdown-menu li,
ul.media-list li,
ul.list-unstyled li { margin: 0!important;}
ul.alert li:before,
ul.list-group li:before,
ul.dropdown-menu li:before,
ul.media-list li:before,
ul.list-unstyled li:before,
ul.pager li:before { display: none;}

/* icon */
span.fa,
span.glyphicon { margin: 0 10px 0 0;}
#mainArea span.fa,
#mainArea span.glyphicon,
#main_column span.fa,
#main_column span.glyphicon { margin: 0 0 0 5px;}
#mainArea .btn-group span.fa,
#mainArea .btn-group span.glyphicon,
#main_column .btn-group span.fa,
#main_column .btn-group span.glyphicon { margin: 0;}
.utility01 .menu .slideToggle_title .fa,
.utility01 .cart .fa {margin: 0 5px 0 0 !important;}

/* label */
.label {
	display: inline-block;
	margin: 0 0 3px;
	padding: .3em .6em .3em;
	line-height: 1.2;
}

/* dropdown-menu */
.dropdown-toggle-btn {
	border-top-right-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
}
.dropdown-menu {
	margin: 2px 0 0!important;
	padding: 5px 0!important;
}
.dropdown-menu.act { display: block;}

/* pre */
div pre {
	white-space: pre-wrap;
	overflow: hidden;
}

/*============================================================
 HEADER
============================================================*/
.header {
	overflow: hidden;
    margin: 0 0 20px;
    padding: 0;
	font-size: 105%;
}
.header .header_top {
padding: 10px 0;
background: #D0D5DB;
border-top: 8px solid #57A097;
}
@media (max-width: 767px){
	.header {
		color: #5A5954;
		margin: 0;
		padding: 0;
		background: none;
	}
	body.top .header { margin: 0 0 20px;}
	.header .container,
	.header .header_top { padding: 0;}
}

.header .header_top .wrap .container{
	width: 100%;
	overflow:hidden;
	padding: 17px 0 17px;
}

/* list
----------------------------------------------------------- */
.header ol,
.header ul {
	margin: 0px;
	padding: 0px;
	margin: 0px\9;
	padding: 0px\9;
	list-style: none;
}

/* link
----------------------------------------------------------- */
.header a { color: #57A097;}

/* lg
----------------------------------------------------------- */
.header .lg {
	float: left;
	margin: 10px 0 0;
}

@media (max-width: 767px){
	.header .lg {
		width: 80%;
		margin: 0;
		padding: 5px;
	}
	.header .lg img { max-width: 145px;}
}
		   
.header .catchcopy{
	width: 30%;
	float: left;
	padding: 3px 0;
	color: #57A097;
}
@media (max-width: 1135px) {
   .header .catchcopy{
	   width: 100%;
   }
	.header .utility .utility01 {
		width: 40% !important;
		padding: 3px 0;
		text-align: left !important;
	}
	.header .utility02 {
		width: 60% !important;
	}
}
		   

/* utility
----------------------------------------------------------- */	   
/* menu */
.header .utility .utility01 {
	float: left;
	margin: 0;
	width: 28%;
	padding: 3px 0;
	text-align: center;
}

.header .utility .utility01 .text{
	float: right;
	margin: 0 10px 0 0;
}
.header .utility .utility01 .text .name { margin: 0 7px;}
.header .utility .utility01 .menu .slideToggle_title {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-webkit-transform: perspective(0);
	color: #57A097;
}
.header .utility .utility01 .menu .slideToggle_title:hover { opacity: 0.6;}
.header .utility .utility01 .menu .slideToggle_menu {
	position: absolute;
	margin: 5px 0 0 80px;
	padding: 15px;
	background: #F1F1F1;
	color: #5A5954;
	z-index: 3;
	text-align: left;
}
.header .utility .utility01 .menu .slideToggle_menu li.title {
	margin: 0 0 5px;
	padding: 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #9D9B96;
}
.header .utility .utility01 .menu .slideToggle_menu a { color: #337ab7;}
.header .utility .utility01 .cart,
.header .utility .utility01 .menu{
	/* float: left; */
	margin-right: 10px;
	display: inline-block;
}
.header .cart .cart_number {
	margin: 0 0 0 10px;
	padding: 3px 5px;
	background: #FBB03D!important;
	color: #640116;
}

@media (max-width: 767px){
	.header .utility .utility01,
	.header .utility .utility01 .text,
	.header .utility .utility01 .menu {
		float: none;
		margin: 0;
		text-align: left;
		width: 100%;
		}
	.header .utility .utility01 .text,
	.header .utility .utility01 .menu {
		padding: 0;
		background: none;
 	}
 	.header .utility .utility01 .menu .slideToggle_title {
 		display: block;
 		padding: 11px 15px 8px;
 		font-weight: bold;
 		border-bottom: 1px solid #DDD;
 		text-align: left;
 }
	.header .utility .utility01 .menu .slideToggle_menu {
		position: static;
		width:100%;
		margin: 0;
		padding: 15px;
		color: #5A5954;
		border-bottom: 1px solid #DDD;
	}
	.header .utility .utility01 .menu .slideToggle_menu a {
		display: block;
		padding: 6px 0;
	}
	.header .utility .utility01 .cart {
		float: none;
		border-bottom: 1px solid #DDD;
		display: block;
		margin-right: 0;
	}
	.header .utility .utility01 .cart a {
		display: block;
		padding: 11px 15px 8px;
		color: #5A5954;
		font-weight: bold;
	}
}

/* fontsize */
.header .utility02 {
	overflow: hidden;
	float: right;
	width: 42%;
}
.header .fontsize {
	float: left;
	margin: 2px 25px 3px 0;
}
.header .fontsize p,
.header .fontsize ul,
.header .fontsize ul li { 
	float: left;
	margin: -5px 0;
    padding: 3px 0;
}
.header .fontsize p {
	margin: -2px 10px 0 0;
    color: #57A097;
}
.header .fontsize ul li {
	margin: 0 4px 0 0;
    padding: 2px 4px;
	border: 1px solid #57A097;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: perspective(0);
	color: #57A097;
}
.header .fontsize ul li:hover,
.header .fontsize ul li.textresizer-active {background: #57A097;color: #FFFFFF;}

/* search */
.header .search { float: left;}
.header .search .searchtext {
	float: left;
	margin: 3px 10px 0 0;
	color: #57A097;
}
.header .search form {
	background: #57A097;
	float: right;
}
.header .search form input[type="text"] {
	width: 180px;
	float: left;
	border: none;
	padding: 5px 10px 4px;
	color: #5A5954;
}
.header .search form button {
	float: left;
	padding: 0;
	border: 0;
	background: none;
}
.header .search form button span {
	margin: 0;
	padding: 4px 12px 2px 12px;
	font-size: 125%;
	color: #FFF;
}

@media (max-width: 767px){
	.header .search {
		float: none;
		padding: 10px;
		border-bottom: 1px solid #DDD;
	}
	.header .search form {
		float: none;
		overflow: hidden;
		padding: 2px;
	}
	.header .search form input[type="text"] {
		width: 88%;
		padding: 7px 5px 7px 10px;
	}
	.header .search form button {
		width: 12%;
		padding: 2px 0 1px;
	}

}

/* globalNavigation
----------------------------------------------------------- */
.header .globalNavigation {
	font-size: 92.76437%;
	font-weight: bold;
	background: #FFF;
}
.header .globalNavigation ul {
	overflow: hidden;
	margin-top:20px;
}
.header .globalNavigation ul li {
	width: 13%;
	display: block;
	text-align: center;
	vertical-align: middle;
	border-right: #5EB8B4 dotted 1px;
	float: left;
	min-height:5.5em;
}
.header .globalNavigation ul li.index {
	width: 22%;
}
.header .globalNavigation ul li.index a {
	padding:0;
	margin:0;
}		
.header .globalNavigation ul li a {
	display: block;
	padding: 15px 0px;
	color: #53BABF;
	font-size:108.333%;
}
.header .globalNavigation ul li a:hover,
body.top .header .globalNavigation ul .top a {
	opacity: 1!important;
	color: #FFF;
	background: #5EB8B4;
}
.header .globalNavigation ul li.index a:hover {
	background:#ffffff;
}
.header .globalNavigation ul li a span{
	font-size:76.923%;
	display:block;
	font-weight:normal;
}
@media (min-width: 768px){
	.header .globalNavigation { display: block!important;}
	.header .header_top .lg{ display: none;}
	.header .globalNavigation ul li:last-child {border-right: none !important;}
	}
@media (max-width: 767px){
	.header .globalNavigation ul li.index { display: none; }
	.header .header_top .lg{ display: block!important;}
	.header .utility .utility01{ width: 100% !important;}	
	.header .globalNavigation_menu {
		width: 20%;
		float: right;
		margin: 10px 0;
		text-align: center;
		cursor: pointer;
		background: #57A097;
		padding: 5px 0;
	}
	.header .globalNavigation_menu img { max-width: 26px;}
	.header .globalNavigation {
		display: none;
		position: absolute;
		width: 100%;
		font-size: 100%;
		z-index: 3;
		border-top: 1px solid #ccc;
	}
	.header .globalNavigation ul { border-left: none;}
	.header .globalNavigation ul li {
		width: 100%;
		float: none;
		text-align: left;
		border-right: none;
		min-height: auto;
	}
	.header .globalNavigation ul li a {
		padding: 15px 10px 5px;
		border-bottom: 1px solid #CCC;
	}
	.header .globalNavigation ul li a:hover,
	.header .globalNavigation ul li.act a,
	body.top .header .globalNavigation ul .top a {
		color: #5A5954;
		background: none;
	}
	.header .header_top {
		background: #fff;
	}
	.header .header_top .wrap .container{
		display: none;
	}
	.header .header_top .utility {
		clear: both;
	}
	.header .utility01 { display: block;}
}


/* FullWideSlider
----------------------------------------------------------- */
.fullWideSlider {
	display: none!important;
	opacity: 0;
	position: relative;
}
body.top .fullWideSlider {
	display:block!important;
	overflow: hidden;
	width: 980px;
	max-width: 980px;
	margin: 0 auto 25px;
}
@media (min-width: 979px){
	.pbNestedWrapper .fullWideSlider .wideslider_base { left: 0!important;}
}
.fullWideSlider ul,
.fullWideSlider ul li {
	float: left;
	display: inline-block;
	margin:0;
	padding:0;
	max-height: 300px;
	overflow: hidden;
}
.fullWideSlider ul li img { width: 100%;}
.fullWideSlider ul li a img { -webkit-transform: perspective(0);}
.fullWideSlider .wideslider_base {
	top: 0;
	position: absolute;
}
#topcolumn .fullWideSlider .wideslider_base { left: 0!important;}
.fullWideSlider .wideslider_wrap { position: absolute;}
.fullWideSlider .slider_prev,
.fullWideSlider .slider_next {
	position: absolute;
	cursor: pointer;
	padding: 0 30px 0 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-webkit-transform: perspective(0);
}
.fullWideSlider .slider_prev:hover,
.fullWideSlider .slider_next:hover { opacity: 0.6!important;}
.fullWideSlider .slider_prev { background: url(/p/library/img/top/bt_fullWideSlider_prev.png) no-repeat right center;}
.fullWideSlider .slider_next { background: url(/p/library/img/top/bt_fullWideSlider_next.png) no-repeat left center;}
.fullWideSlider .pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	margin: 0;
	text-align: center;
}
.fullWideSlider .pagination a {
	float: none;
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	width: 40px;
	height: 3px;
	background: #CCC;
	border: none;
	border-radius: 0px;
}
.fullWideSlider .pagination a.active { background: #333;}

/*============================================================
 FOOTER
============================================================*/
.footer { position: relative;}
.footer a { color: #FFFFFF;}
.pbFooterArea,
.pbFooterArea div { overflow: visible;}

/* list
----------------------------------------------------------- */
.footer ol,
.footer ul {
	margin: 0px;
	padding: 0px;
	margin: 0px\9;
	padding: 0px\9;
	list-style: none;
}

/* pagetop
----------------------------------------------------------- */
.footer .pagetop {
	width: 100%;
	height: 0;
	position: fixed;
	max-width: 1140px;
	text-align: right;
	margin: 0 0 45px;
	padding: 0 30px 0 0;
	z-index: 2;
}
.footer .pagetop a {
	background: #52B3AF;
	display:block;
	width:45px;
	height:45px;
	float:right;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #fff;
}
.footer .pagetop.stop { position: absolute;}
.footer .footerarea { position: relative; }
.footer .footerarea .pagetop_bottom { 
	position: absolute;
	top: 0;
	left: 70%;
}
@media (max-width: 767px){
	.footer .pagetop {
		max-width: 40px;
		position: fixed!important;
		right: 15px;
		bottom: 15px!important;
		padding: 0;
		opacity: 0.7;
	}
	.footer .footerarea .pagetop_bottom { display:none }
}

/* footerarea
----------------------------------------------------------- */
.footer .footerarea {
	background-image: url(/p/library/img/common/foot_bg.png);
	background-repeat: repeat-x;
	background-position:top center;
	background-color: #52B3AF;
	padding: 164px 0 20px;
}
.footer .footerarea .contentmenu_title{
	color:#ffffff;
}
@media (max-width: 767px){
	.footer .footerarea {
	background-position: center top;
	padding: 100px 0 20px;
}
	.footer .container { padding: 0;}
}

/* lg */
.footer .footerarea .lg{
	font-size:243.506%;
	margin-bottom:30px;
	display: none;
}
@media (max-width: 767px){
	.footer .footerarea .lg{
	margin-bottom:30px;
}
	.footer .footerarea .lg a {
		display: block;
		padding: 0 15px 15px;
		text-align: center;
	}
}

/* contentmenu */
@media (min-width: 768px) {
	.footer .footerarea .contentmenu {
		width: 100%;
		float: left;
		display: table;
		padding: 0;
	}
	.footer .footerarea .contentmenu .contentmenu_inner {}
	.footer .footerarea .contentmenu .contentmenu_inner .contentmenu_title {
		width: 90%;
		margin: 0 0 20px;
		font-size: 180%;
	}
	.footerarea .contentmenu_inner ul{
		width:33.333%;
		float:left;
		display: block!important;
		height: auto!important;
	}
}
	.footer .footerarea .contentmenu .contentmenu_inner ul li { margin: 0 0 10px;}
	.footer .footerarea .contentmenu .contentmenu_inner ul li a:before {
		content: "\f178";
		font-family: FontAwesome;
		margin-right: 10px;
	}
}

@media (max-width: 767px){
	.footer .footerarea .contentmenu {
		border-bottom: 1px solid #DDD;
		background: #52B3AF;
	}
	.footer .footerarea .contentmenu .contentmenu_inner .contentmenu_title {
		padding: 10px 15px;
		border-top: 1px solid #DDD;
		cursor: pointer;
	}
	.footer .footerarea .contentmenu .contentmenu_inner .contentmenu_title:after {
		content: "\f078";
		font-family: FontAwesome;
		float: right;
	}
	.footer .footerarea .contentmenu .contentmenu_inner .contentmenu_title.act:after { content: "\f077";}
	.footer .footerarea .contentmenu .contentmenu_inner .menu { display: none;}
	.footer .footerarea .contentmenu .contentmenu_inner ul li a {
		display: block;
		padding: 10px 15px;
		border-top: 1px solid #DDD;
		color: #52B3AF;
		background: #FFFFFF;
	}
	.footer .footerarea .contentmenu .contentmenu_inner ul li a:after {
		content: "\f054";
		font-family: FontAwesome;
		float: right;
	}
}

/* footermenu
----------------------------------------------------------- */
.footer .footermenu {
	padding: 10px 0;
	background: #52B3AF;
	color: #FFF;
}
.footer .footermenu a { color: #FFF;}
.footer .footermenu .menu {
	float: left;
	max-width: 65%;
	display:none
}
.footer .footermenu .menu ul li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.footer .footermenu .copyright {
	text-align: center;
}

@media (max-width: 767px){
	.footer .footermenu { padding: 10px;}
	.footer .footermenu .menu {
		float: none;
		margin: 0 0 10px;
		max-width: none;
	}
	.footer .footermenu .copyright {
		float: none;
		padding: 10px 0 0;
		border-top: 1px dotted #DDD;
		text-align: center;
		max-width: none;
	}
}

/*============================================================
 SIDE
============================================================*/
#leftcolumn .visible-xs { display: none!important;}
@media (max-width: 767px){
	#leftcolumn {
		width: 100%;
		position: static;
	}
}

/* side_box
----------------------------------------------------------- */
/* box */
.side_box {
	margin: 0 0 40px;
	color: #3A2A11;
	border: 1px solid #c9c9c9;
	border-radius: 8px;
	overflow: hidden;
}
.side_box .box-head {
	padding: 8px 15px 6px 20px;
	font-size: 115%;
	font-weight: bold;
	background: #e1e4e7;
}
.side_box .box-body { padding: 15px 20px;}
.side_box .box-body button,
.side_box .box-body .side_btn a {
	width: 100%;
	padding: 7px;
	background: #4A9091;
	color: #FFF;
	border: none;
	border-radius: 5px!important;
}
.side_box.search .box-body button{
	background: #E39338;
}
.side_box .box-body .side_btn a {
	display: block;
	text-align: center;
}

@media (min-width: 768px){
	.side_box .box-body {
		display: block!important;
		height: auto!important;
		padding: 15px 20px!important;
	}
}

@media (max-width: 767px){
	.side_box { margin: 10px 0 0;}
	.side_box .box-head {font-size: 100%;cursor: pointer;}
	.side_box .box-head:after {
		content: "\f107";
		font-family: FontAwesome;
		float: right;
	}
	.side_box .box-head.act:after { content: "\f106";}
	.side_box .box-body { display: none;}
}

/* login */
.side_box.login .box-body .mail,
.side_box.login .box-body .pass {
	overflow: hidden;
	background: #E1E4E7;
	border: 1px solid #C9C9C9;
	border-radius: 5px;
}
.side_box.login .box-body .mail,
.side_box.login .box-body .pass { margin: 0 0 10px;}
.side_box.login .box-body .mail span,
.side_box.login .box-body .pass span {
	width: 18%;
	float: left;
	margin: 0;
	font-size: 110%;
	color: #FFF;
	padding: 7px 3px 4px;
	text-align: center;
}
.side_box.login .box-body .mail input,
.side_box.login .box-body .pass input {
	width: 82%;
	float: right;
	border: none;
	padding: 6px 7px;
}
.side_box.login .box-body .forgot {
	margin: 0 0 5px;
	font-size: 90%;
	line-height: 1.2;
}
.side_box.login .box-body .forgot span { margin: 0 7px 0 2px;}
.side_box.login .box-body .memory {
	margin: 0 0 20px;
	font-size: 90%;
}
.side_box.login .box-body .memory input,
.side_box.login .box-body .memory label {
	vertical-align: middle;
	font-weight: normal;
}
.side_box.login .box-body .memory input { margin: 0 5px 0 0;}
.side_box.login .box-body .memory label { margin: 0;}

/* cart */
.side_box.cart .box-body .item span,
.side_box.cart .box-body .total span { padding: 0 0 0 5px;}
.side_box.cart .box-body .total,
.side_box.cart .box-body .postage { margin: 0 0 15px;}

/* search */
.side_box.search .box-body dl { margin: 0 0 10px;}
.side_box.search .box-body .easy-select-box { max-width: 100%;}
.side_box.search .box-body .easy-select-box .esb-displayer {
	padding: 4px 30px 4px 10px;
	background: url(/p/library/img/common/side_arw_btn.gif) no-repeat right center #FFF;
	border: 1px solid #A8A6A1;
	color: #ACACA9;
	cursor: pointer;
}
.side_box.search .box-body .easy-select-box .esb-dropdown {
	display: none;
	padding: 10px;
	background: #F1F1F1;
	position: absolute;
	border: 0;
	z-index: 10;
}
.side_box.search .box-body .easy-select-box .esb-dropdown .esb-item {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-webkit-transform: perspective(0);
}
.side_box.search .box-body .easy-select-box .esb-dropdown .esb-item:hover {
	cursor: pointer;
	color: rgba(0,0,0,0.6);
}
.side_box.search .box-body input[type="text"] {
	width: 100%;
	margin: 0 0 10px;
	padding: 4px 10px;
	border: 1px solid #A8A6A1;
	color: #ACACA9;
}
@media (max-width: 767px){
	.side_box.search .box-body select {
		display: block!important;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 5px 30px 4px 10px;
		background: url(/p/library/img/common/side_arw_btn.gif) no-repeat right center #FFF;
		background-size: auto 100%;
		border: 1px solid #A8A6A1;
		color: #ACACA9;
		cursor: pointer;*/;
	}
	.side_box.search .box-body .easy-select-box {
		display: none;
	}
}

/* category */
.side_box.category .box-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.side_box.category .box-body ul li { margin: 5px 0 0;}
.side_box.category .box-body ul li.level2,
.side_box.category .box-body ul li.level3 { margin-left: 10px;}
.side_box.category .box-body ul li > a { display: block;}
.side_box.category .box-body ul li a span.name {
	display: block;
	width: 80%;
	float:left;
}
.side_box.category .box-body ul li a span.name:before {
	content: "\f101";
	font-family: FontAwesome;
	margin-right: 10px;
}

.side_box.category .box-body ul li a span.number {
	display: block;
	float: right;
	padding: 1px 7px;
	color: #fff;
	background: #4A9091;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

/* calendar */
.side_box.calendar .box-body table { width: 100%;}
.side_box.calendar .box-body table th,
.side_box.calendar .box-body table td { text-align: center;}
.side_box.calendar .box-body .title {
	padding: 3px 0 2px;
	text-align: center;
	color: #3A2A11;
	font-size: 105%;
	background: #E0DDD8;
}
.side_box.calendar .box-body .calendarArea {
	padding: 10px;
	background: #FFF;
}
.side_box.calendar .box-body .calendarArea .sun { color: #E61E3D;}
.side_box.calendar .box-body .calendarArea .sat { color: #02A1E9;}
.side_box.calendar .box-body .calendarArea .today { background: #EEE;}
.side_box.calendar .box-body .calendarArea .off { color: #E61E3D;}
.side_box.calendar .box-body p.info { margin: 5px 0 0;}
.side_box.calendar {
	width: 260px;
	max-width: 100%;
	margin: 10px auto;
	border: none;
}
.side_box.calendar iframe {
	width: 100% !important;
}

/* contact */
.side_box.contact{
	border-radius:inherit;
	border:none;
	border-top: solid 5px #52B3AF;
	background: url(/p/library/img/common/pc_side_contact.png) no-repeat bottom center #D0D5DA;
	padding: 10px 20px 197px;
	text-align:center;
	color: #52B3AF;
}
.side_box.contact h2{
	font-size: 170%;
	background: none;
	margin: 0;
	font-family: serif
}
.side_box .banner {
	background:#ffffff;
	padding: 10px 0 1px;
	color:#3A2A11;
	margin-bottom: 20px;
}
@media (min-width: 768px){
	.side_box .banner a[href*="tel:"] { cursor: default; }
	.side_box .banner a[href*="tel:"]:hover,
	.side_box .banner a[href*="tel:"]:hover img { opacity: 1.0 !important; }
}
.facebook,
.official_site{
	text-align:center;
}
.br{
	content:"";
	display:block;
}
.google_calendar {
	text-align: center;
}

/*============================================================
 MAIN
============================================================*/
/* list
----------------------------------------------------------- */
#mainArea ol,
#main_column ol {
	margin: 0 10px 20px;
	padding: 0px 0px 0px 1.5em;
}
#mainArea ul,
#main_column ul {
	margin: 0 10px 20px;
	padding: 0;
	list-style: none;
}
#mainArea li,
#main_column li { margin: 0 0 5px;}
#mainArea ul li:before,
#main_column ul li:before {
	content: "\f111";
	font-family: FontAwesome;
	margin-right: 10px;
}

/* top
----------------------------------------------------------- */
/* slick-slider */
ul.slick-slider {
	margin: 0!important;
	padding: 0!important;
	list-style: none;
}
ul.slick-slider li { margin: 0!important;}
ul.slick-slider li:before,
ul.slick-slider button:before { display: none;}
ul.slick-slider .slick-arrow {
	width: 30px;
	height: 30px;
	z-index: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-webkit-transform: perspective(0);
}
ul.slick-slider .slick-arrow:hover { opacity: 0.6;}
ul.slick-slider .slick-arrow.slick-prev {
	background: url(/p/library/img/top/bt_prev.gif);
	left: 0;
}
ul.slick-slider .slick-arrow.slick-next {
	background: url(/p/library/img/top/bt_next.gif);
	right: 0;
}
ul.slick-slider ul.slick-dots { margin: 0!important;}
ul.slick-slider ul.slick-dots li {
	width: auto;
	height: auto;
}
ul.slick-slider ul.slick-dots li button {
    width: 40px;
	height: 3px;
	margin: 5px!important;
	padding: 0;
	background: #CCC;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
	text-indent: -9999px;
}
ul.slick-slider ul.slick-dots li.slick-active button { background: #333;}

/* main_slider */
#main_column .main_slider { opacity: 0;}
.main_slider {
	position: relative;
	margin: 0 0 50px;
}
.main_slider ul.slick-slider .slick-arrow { margin: -15px 0 0 0;}
.main_slider ul.slick-slider ul.slick-dots {bottom: -15px;}

/* carousel_slider */
#main_column .carousel_slider { opacity: 0;}
.carousel_slider {
	position: relative;
	margin: 0 0 70px;
}
.carousel_slider ul .slick-slide { margin: 0 5px;}
@media (max-width: 767px){
	.carousel_slider ul .slick-slide { margin: 0;}
}
.carousel_slider ul.slick-slider .slick-arrow {
	top: 100%;
	margin: 10px 0 0;
}
.carousel_slider ul.slick-dots { bottom: -35px;}

/*main_image*/
.main_image_box:after,
.top_box:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
}

.top_main,
.top_banner{
	display:none;
}
.top .top_main,
.top .top_banner{
	display:block;
}
.main_image_box{
	max-width: 1010px;
	margin: 0 auto 30px;
}
.top_banner{
	background: #e1e4e7;
}
.top_banner .main_image_box{
	padding:30px;
}
.top_banner .main_image_box div{
	float: left;
	width:32%;
	text-align:center;
}
.top_banner .main_image_box div h2,
.top_banner .main_image_box div p,
.top_banner .main_image_box div a{
	margin:0;
	padding:0;
	color: #4a9091;
}
.top_banner .main_image_box div h2 {
	font-weight: bold;
	font-size: 140%;
	background: none;
}
.top_banner .main_image_box div img{
	margin-bottom: 10px;
}
.top_banner .main_image_box div+div{
	margin-left:2%!important;

}
/* box */
.top_box { margin: 0 0 25px;}
.top_box:nth-child(2) .box-head {
	margin-top: 0;
}
.top_box .box-head {
	margin: 40px 0 20px;
	background-size: 12%;
	padding-top: 10px;
}
.top_box:nth-child(even) .box-head {
	background: url(/p/library/img/top/menu.png)no-repeat 2% top;
	background-size: 15%;
	/* background-size:contain; */
}
.top_box:nth-child(odd) .box-head {
	background: url(/p/library/img/top/menu2.png)no-repeat 98% top;
	background-size: 15%;
	/* background-size:contain; */
}
.top_box .box-head.side_bg {
	background-image:url(/p/library/img/top/menu3.png),url(/p/library/img/top/menu4.png);
	background-position:2% top, 98% top;
}
.top_box .box-head h2 {
	margin: 0;
}
.top_box .box-head a { float: right;}
.top_box .box-head a { font-size: 88%;}
.top_box .box-body { overflow: hidden;}
.top_box .box-body .item {
	width: 24%;
	float: left;
	vertical-align: top;
	margin: 0 0.5% 10px;
	padding: 15px;
	background: #e1e4e7;
	line-height: 1.3;
}
.top_box .box-body .item_small {
	width: 19.4%;
	margin: 0 0.3% 5px;
	padding: 5px;
}
.top_box .box-body .item a,
.top_box .box-body .item span { display: block;}
.top_box .box-body .item a { color: #5A5954;}
.top_box .box-body .item .img {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 10px;
}
.top_box .box-body .item .img .inner {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}
.top_box .box-body .item .title {
	font-size: 105%;
	margin: 0 0 3px;
	font-weight: bold;
}
.top_box .box-body .item .price {
	font-size: 105%;
	margin: 0 0 3px;
}
.top_box .box-body .item .review {
	margin: 0 0 3px;
	color: #f60;
}
.top_box .box-body .item .review .count { display: inline;}
.top_box .box-body .item .day { word-break: break-all;}

@media (max-width: 767px){
	.top_banner .main_image_box div h2 {
	font-size: 100%;
	}
	.top_banner .main_image_box div{
	font-size:88%;}
	/* .top_box:nth-child(even) h2{padding-left:20%;}
	.top_box:nth-child(odd) h2{padding-right:20%;} */
	.top_box .box-head.side_bg h2{padding:0 20%; font-size:88%;}
	.top_box .box-body .item .title { font-size: 100%;}
	.top_box .box-body .item {
		width: 48%;
		margin: 0 1% 10px;
	}
	.top_box .box-body .item_small {
		width: 31%;
		margin: 0 1% 10px;
	}
	.top_box h2 {
		background-size: contain;
	}
}

/* news */
.top_box.news .box-body {
	background-image:url(/p/library/img/top/news_bg1.png),url(/p/library/img/top/news_bg2.png);
	background-repeat:repeat-x,repeat-x;
	background-position:left top,left bottom;
	padding: 30px 10px;
	color: #449696;
}
.top_box.news .box-body .news_wrap {
	overflow: hidden;
	padding: 2px 0;
	clear: both;
}
.top_box.news .box-body .news_wrap:first-child { border-top: none;}
.top_box.news .box-body .news_wrap .day {
	width: 20%;
	float: left;
}
.top_box.news .box-body .news_wrap .article {
	width: 80%;
	float: left;
}
.top_box.news .box-body .news_wrap .article .title {
	font-weight: bold;
	margin: 0 0 5px;
	margin-right: 5px;
	display: inline;
}
.top_box.news .box-body .news_wrap .article .comment {
	display: inline;
  }
.top_box.news .box-body .news_wrap .article .title:before {
	content:"【";
}
.top_box.news .box-body .news_wrap .article .title:after {
	content:"】";
}
.top_box.news .box-body .news_wrap .article .link { margin: 5px 0 0;}
.top_box.news .box-body .news_wrap .article .link span { margin: 0 0 0 5px;}

@media (max-width: 767px){
	.top_box.news .box-body .news_wrap .day,
	.top_box.news .box-body .news_wrap .article {
		width: 100%;
		float: none;
	}
	.top_box.news .box-body .news_wrap .day { color: #999;}
}
/*scene*/
.scene {
	text-align: center;
	font-size: 140%;
	color: #579ec5;
	width: 33%;
	line-height: 1.4;
}
.scene img {
	margin-bottom: 10px;
}
@media (max-width: 767px){
	.scene {
		width: 33%;
		float: left;
		font-size: 90%;
	}
}
.checkitembtn {
	text-align: center;
}
.checkitembtn a {
	display: block;
	background: #e39338;
	text-align: center;
	padding: 5px;
	width: 285px;
	margin: 30px auto;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
}
/* check */
.bottomcolumn,
#container #bottomcolumn,
body.error .footer {
	margin: 100px 0 0;
	padding: 15px 0 0;
	/* background: url(/p/library/img/common/ft_bk.png) repeat-x left top ; */
}
.foot_check_wrap {
	padding: 1px 15px 0;
	position: relative;
	z-index: 3;
	background: #EFF0EB;
}
.foot_check_wrap .foot_check {
	margin: 30px auto 0;
	padding: 30px 20px 20px;
	max-width: 980px;
	background: #FFF;
}
.foot_check_wrap .foot_check .top_box { margin: 0;}
.foot_check_wrap .foot_check .item {
	width: 15.6%;
	float: left;
	vertical-align: top;
	margin: 0 0.5% 10px;
}

@media (max-width: 767px){
	.bottomcolumn,
	#container #bottomcolumn,
	body.error .footer {
		margin: 10px 0 0;
		padding: 15px 0 0;
	}
	.foot_check_wrap,
	body.error .footer {
		position: static;
	}
	.foot_check_wrap .foot_check {
		padding: 10px 10px 5px;
	}
	.foot_check_wrap .foot_check .item {
		width: 31%;
		margin: 0 1% 10px;
	}
}

/* youtube 
----------------------------------------------------------- */ 
.youtube { 
	position: relative; 
	width: 100%; 
	padding-top: 56.21%; 
	margin: 0 0 10px; 
} 
.youtube iframe { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 100% !important; 
	height: 100% !important; 
}


/* freepage 
----------------------------------------------------------- */ 
@media (min-width: 768px){
.categoryHdTitle {
	width: 1100px;
	max-width: 100%;
	margin: 0 auto 30px;
}
}
.graybox h2,
.graybox h3,
.graybox h4 {
	border: none;
	margin: 0 0 10px;
}
@media (max-width: 767px){
	.pcOnly { display: none; }
	.memobg { font-size: 100%; }
	.graybox h2,
	.graybox h3,
	.graybox h4 {
		font-size: 100%;
	}
}


.catelinkbtn a {
	display: block;
	border: 2px solid #4a9091;
	font-size: 115%;
	font-weight: bold;
	color: #444;
	border-radius: 10px;
	padding: 15px 3px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.3;
}

/* toppage_logolist */
#mainArea ul.top_logolist,
#main_column ul.top_logolist,
#mainArea ul.top_logolist2,
#main_column ul.top_logolist2 {
	overflow: hidden;
	width: 100%;
	margin: 0 0 6px;
	display: table;
	border-collapse: separate;
  	border-spacing: 3px 0;
}
#mainArea ul.top_logolist li,
#main_column ul.top_logolist li {
	display: table-cell;
	width: 19%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-align: center;
}
#mainArea ul.top_logolist2 li,
#main_column ul.top_logolist2 li {
	display: table-cell;
	width: 12.5%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-align: center;
}
#mainArea ul.top_logolist li a,
#main_column ul.top_logolist li a,
#mainArea ul.top_logolist2 li a,
#main_column ul.top_logolist2 li a {
	display: block;
}
#mainArea ul.top_logolist li a img,
#main_column ul.top_logolist li a img,
#mainArea ul.top_logolist2 li a img,
#main_column ul.top_logolist2 li a img {
	vertical-align: middle;
}
#mainArea ul.top_logolist li:before,
#main_column ul.top_logolist li:before,
#mainArea ul.top_logolist2 li:before,
#main_column ul.top_logolist2 li:before {
	display: none;
}
											
/*MakerBanner_list*/
#mainArea ul.MakerBanner_list,
#main_column ul.MakerBanner_list {
	margin: 0 auto;
	overflow: hidden;
}
#mainArea ul.MakerBanner_list li,
#main_column ul.MakerBanner_list li {
	float: left;
	width: 19%;
	margin: 0 1% 10px 0;	
	list-style-type: none;
	vertical-align: middle;
	text-align: center;
}
#mainArea ul.MakerBanner_list li:nth-child(5n),
#main_column ul.MakerBanner_list li:nth-child(5n) {
	margin: 0 0 10px 0;
}
ul.MakerBanner_list li img {
	width: 100%;
	height: auto;
}
ul.MakerBanner_list li:before {
	display: none;
}
@media (max-width: 767px) {
	#mainArea ul.MakerBanner_list li,
	#main_column ul.MakerBanner_list li {
		width: 32%;
		margin: 0 2% 10px 0;
	}
	#mainArea ul.MakerBanner_list li:nth-child(5n),
	#main_column ul.MakerBanner_list li:nth-child(5n) {
		margin: 0 2% 10px 0;
	}
	#mainArea ul.MakerBanner_list li:nth-child(3n),
	#main_column ul.MakerBanner_list li:nth-child(3n) {
		margin: 0 0 10px 0;
	}
}
											
											
/* zeus決済画面 */
/* 
#zeus_form h2.title {
 margin: 0 0 20px;
 padding: 0 0 10px;
 font-weight: bold;
 font-size: 180%;
 border-bottom: 3px solid #666;
}
#zeus_form .attention { font-weight: bold; }
#zeus_form table {
 width: 100%;
 font-size: 105%;
}
#zeus_form th,
#zeus_form td {
 padding: 10px;
 border-top: 1px dotted #ccc;
 width: auto;
}
#zeus_form select { font-size: 120%; }
#zeus_form input[type=submit] {
 width: auto;
 max-width: 90%;
}
#zeus_form input[type=submit] {
 background: #f9f9f9;
 border: 1px solid #999;
 border-radius: 5px;
 margin: 10px;
 padding: 10px 20px;
 box-shadow: 0 2px 2px #ccc;
}
#zeus_form input[type=submit]:hover { background: #fff; }
@media (max-width: 767px){
 #zeus_form h2.title {
  font-size: 120%;
  margin: 10px 0;
  padding: 0;
 }
 #zeus_form .attention { display: block; }
 #zeus_form table { font-size: 100%; }
 #zeus_form th,
 #zeus_form td {
  display: block;
  width: 100% !important;
  border: none;
  padding: 0
 }
}
*/


/* zeus */
form#zeus_form table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-bottom: 10px;
}
form#zeus_form table th,
form#zeus_form table td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
form#zeus_form table td input.box100 {
	width: 42%;
}

@media (max-width: 768px){
	form#zeus_form table td input {
		width: 100%;
	}
	form#zeus_form table,
	form#zeus_form table tbody,
	form#zeus_form table tr,
	form#zeus_form table th,
	form#zeus_form table td {
		display: block;
		width: 100%;
	}
	form#zeus_form table br {
		display: block !important;
		line-height: 0 !important;
	}
}

form#zeus_form input[value="戻る"],
form#zeus_form input[value="確認する"] {
	border: 1px solid #ccc;
	background: #f9f9f9;
	border-radius: 3px;
	margin: 0 5px;
	padding: 5px 20px;
	text-align: center;
}
form#zeus_form input[value="確認する"] {
	border-color: #5DC3DE;
	background-color: #dcf3fe;
}
form#zeus_form input[value="戻る"]:hover,
form#zeus_form input[value="確認する"]:hover {
	opacity: 0.7;
}