@charset "UTF-8";

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style-position: inside;
}

body
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	font-size:13px;
	color:#111;
}

html,body{
	width: 100%;
	overflow-x: hidden;
	height:auto;
}

a
{
	color: #1050bb;
}

/**
 * global
 */
.tel
{
	font-family: 'Marcellus SC', serif;
}

#contents
{
	padding-top: 130px;
	min-height: 100px;
	margin-bottom:10px;
}

section
{
	position: relative;
	/* [disabled]padding: 10px 0; */
}

.text-warning
{
	color: #e09e41;
}
.text-danger
{
	color: #d8423f;
}
.text-success
{
	color: #33AA55;
}
.text-info
{
	color: #3399CC;
}
.list-group-item-heading
{
	font-weight: bold;
	color:#F39;
	display:inline;
}

.font-bold
{
	font-weight: bold;
}

.mb-2
{
	margin-bottom: 2px;
}
.mb-10
{
	margin-bottom: 10px;
}
.mb-20
{
	margin-bottom: 20px;
}
.pd-lr-30
{
	padding-left: 30px;
	padding-right: 30px;
}
.pd-t-10
{
	padding-top: 15px;
}
.pd-t-30
{
	padding-top: 15px;
}

.bg-white
{
	background-color: #FFFFFF;
}

.inline-block
{
	display: inline-block;
}

.btn-info-border {
    background-color: #000;
    background-image: url("/asset/img/titlebar_bg.png");
    background-repeat: repeat-x;
    border: 1px solid #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.btn-info-border {
	color:#FFF;
}

a.btn-info-border:hover {
	color:#999;
}

/**
 * 	header
 */
header
{
	position: fixed;
	background-color: rgba(255,255,255,1.0);
	width: 100%;
	z-index: 33;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.block-brand
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.block-logo
{
	position: relative;
	color: #111111;
}
.block-logo small
{
	font-size: 14px;
	line-height: 1;
}
.brand-logo:hover,
.brand-logo
{
	display: inline-block;
	font-family: 'Marcellus SC', serif;
	font-size: 38px;
	line-height: 28px;
	color: #111111;
	text-decoration: none;
}
.block-logo i
{
	position:absolute;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	bottom: -8px;
	left: 50%;
	width: 50%;
	margin-left: -25%;
	text-align: center;
	letter-spacing: 2em;
	white-space: nowrap;
	font-style: normal;
}
.block-mail,
.block-tel
{
	position:relative;
	color: #111111;
	text-align: center;
	float: right;
	margin-left: 8px;
}
.brand-tel:hover,
.brand-tel
{
	display: inline-block;
	font-family: 'Crimson Text', serif;
	border: 1px solid #666;
	border-radius: 4px;
	color: #111111;
	text-decoration: none;
	font-size: 32px;
	line-height: 1;
	height: 42px;
	padding: 3px 16px;
}
.brand-tel+i
{
	position: absolute;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	bottom: -1.4em;
	left: 0;
	width: 100%;
}
.brand-mail:hover,
.brand-mail
{
	display: inline-block;
	border: 1px solid #666;
	border-radius: 4px;
	color: #111111;
	text-decoration: none;
	font-size: 28px;
	line-height: 20px;
	height: 42px;
	padding: 8px 30px;
}
.brand-mail+i
{
	position: absolute;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	bottom: -1.4em;
	left: 0;
	width: 100%;
}



#section-top
{
	overflow: hidden;
	width: 100%;
}

.navbar-black
{
	border-radius: 0;
	margin: 0;
	background-color: #000000;
    min-height:30px;
}
.navbar-brand
{
	font-family: 'Marcellus SC', serif;
	font-size: 12px;
	line-height: 1;
	padding-top: 8px;
	color: #FFFFFF;
}
footer .navbar-brand
{
	color: #111111;
}
.navbar-brand:hover, .navbar-brand:focus
{
	color: #FFFFFF;
	text-shadow: 0 0 5px rgba(255,255,0,1.0);
}
.navbar-brand small
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 12px;
}
.navbar-brand span
{
	font-size: 26px;
}
.navbar-tel:focus,
.navbar-tel:active,
.navbar-tel:visited,
.navbar-tel
{
	font-family: 'Marcellus SC', serif;
	font-size: 18px;
	line-height: 1;
	padding-top: 8px;
	color: #FFFFFF;
	text-decoration: none;
}
.navbar-tel .fa
{
	vertical-align: text-bottom;
}

.navbar-fixed-bottom .row
{
	color: #fff;
}
.navbar-fixed-bottom .row>div
{
	padding-top: 6px;
}
.navbar-fixed-bottom .tel
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 32px;
	font-family: 'Crimson Text', serif;
}
.navbar-fixed-bottom .tel .fa
{
	font-size:24px;
}

.navbar-toggle {
	width: 40px;
	height: 40px;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.navbar-inverse .navbar-toggle
{
	border-color: #999;
}
.navbar-toggle span {
	display: block;
	background: #CCC;
	width: 24px;
	height: 2px;
	position: absolute;
	left: 7px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

.navbar-toggle span:nth-child(1) {
	top: 10px;
}
.navbar-toggle span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
.navbar-toggle span:nth-child(3) {
	bottom: 10px;
}
.navbar-toggle:not(.collapsed) span:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	-moz-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
.navbar-toggle:not(.collapsed) span:nth-child(2) {
	opacity: 0;
}
.navbar-toggle:not(.collapsed) span:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-moz-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}
.navbar-toggle.icon-mail
{
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	line-height: 38px;
	margin-right: 5px;
}


header .nav li
{
	position: relative;
}
.navbar-collapse
{
	position: relative;
}
.nav-active-indicator
{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	position: absolute;
	display: inline-block;
	height: 3px;
	bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: #f3e2c7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a
{
	text-shadow: -1px -1px 1px rgba(0,0,0,0.6),1px 1px 1px rgba(255,255,255,0.3);
}

.navbar-nav li:after
{
	content:"";
	display: inline-block;
	position:absolute;
	height: 3px;
	left: 50%;
	right: 50%;
	bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: #f3e2c7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	transition: all 0.5s ease 0s;
}
.navbar-nav li:hover:after,
.navbar-nav li.active:after
{
	left: 0;
	right: 0;
}





/**
 * 	content
 */
#section-top1
{
	margin-top: 15px;
}
.site-list img
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 10px;
	cursor: pointer;
	border:1px solid #EEE;
}
.site-list img:hover
{
	opacity: 0.8;
}

#section-jisseki-new .row
{
	position: relative;
}
#section-jisseki-new .row .fa-arrow-down
{
	position: absolute;
	font-size: 2em;
	left: 50%;
	bottom: 0;
	margin-left: -0.5em;
	color: #FFAA55;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(255,255,255,0.8);
	-moz-transition: bottom 1s linear 0;
	-webkit-transition: bottom 1s linear 0;
	-ms-transition: bottom 1s linear 0;
	transition: bottom 1s linear 0;
}
.fa-arrow-down.right
{
	transform: rotate(-45deg);
}
.fa-arrow-down.left
{
	transform: rotate(45deg);
}

#section-jisseki-new .row:active .fa-arrow-down,
#section-jisseki-new .row:hover .fa-arrow-down
{
	animation: move-d 0.5s infinite linear;
}
#section-jisseki-new .row:active .fa-arrow-down.right,
#section-jisseki-new .row:hover .fa-arrow-down.right
{
	animation: move-r 0.5s infinite linear;
}
#section-jisseki-new .row:active .fa-arrow-down.left,
#section-jisseki-new .row:hover .fa-arrow-down.left
{
	animation: move-l 0.5s infinite linear;
}
#section-jisseki-new .row:not(.header)>div
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.jisseki-header
{
	border-bottom: 1px dashed #666666;
	font-size: 1.8em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.jisseki-title
{
	margin: 10px 0;
	font-size: 1.4em;
	border-bottom: 1px solid #666666;
}
.jisseki-title.text-success
{
	border-color: #33AA55;
}

.list-group-item.faq-q:before
{
	content:"Q.";
	font-family: 'Marcellus SC', serif;
	font-size: 1.4em;
	display: inline-block;
	margin-right: 8px;
}
.list-group-item.faq-a
{
	padding-left: 40px;
}
.list-group-item.faq-a:before
{
	content:"A.";
	font-family: 'Marcellus SC', serif;
	font-size: 20px;
	display: inline-block;
	margin-left: -22px;
	color: #D8423F;
}

#section-notice ul li>ul,
#section-notice ul li>p,
#section-notice ul li>span
{
	margin-left: 1em;
}

#section-news .panel-title
{
	margin-right: 4px;
	background-color: transparent;
	display: flex;
}
#section-news .panel-heading .panel-title:after
{
	content:"\f0d7";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 1rem;
}
#section-news .panel-heading.collapsed .panel-title:after
{
	content:"\f0da";
}

#section-news table {table-layout:fixed; border-collapse: collapse; width: 600px;}
#section-news table th,
#section-news table td {border:1px solid #ccc;}
#section-news table th {background-color: #eeeeee;}
#section-news table td:first-child {background-color: #ffeeee;}
#section-news table td:last-child {background-color: #eeeeff;}
#section-news table td.holiday {background-color: #ffeedd;}

#section-news .title
{
	border-left: 8px solid #000000;
	border-bottom: 1px solid #000000;
	padding: .5em .5em .25em;
}

#section-news .panel-info .title
{
	border-color: #bce8f1;
}

#section-news .panel-danger .title
{
	border-color: #f2dede;
}

#section-news .panel-warning .title
{
	border-color: #fcf8e3;
}

#section-news .panel-title .date
{
	font-size: .8em;
	margin-left: auto;
	margin-right: 0;
}


.control-label.required:after
{
	content:"必填字段";
	font-weight: bold;
	color: #d8423f;
	margin-left:5px;
}

#section-contact .radiobox .btn-primary
{
	background-color: #337ab7;
}
#section-contact .radiobox .btn-primary:not(.active)
{
	background: none;
	background-color: #88AACC;
	border-color: #88AACC;
}

.contact-image
{
	position: relative;
	border: 2px solid #c19e67;
	margin-bottom: 20px;
	background-color: #000;
	background-image: url(/asset/img/titlebar_bg.png);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	padding: 20px 0;
	border-radius:3px;
}

.contact-image a{
	color:#FFF;
}

.contact-image span
{
	/* [disabled]position: absolute; */
	/* [disabled]display: inline-block; */
	font-size: 24px;
	/* [disabled]top: 50%; */
	/* [disabled]left: 8px; */
	/* [disabled]line-height: 100%; */
	/* [disabled]vertical-align: middle; */
	/* [disabled]height: 100%; */
	/* [disabled]margin-top: -12px; */
}


.inline-block.arrow-center
{
	position: relative;
}
.inline-block.arrow-center .fa-arrow-down
{
	position: relative;
	left: 50%;
}


.feature
{
	border: 1px solid #111;
	padding: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.feature h2
{
	margin: 0;
	padding: 12px 0 8px;
	font-size: 20px;
	color: #FFFFFF;
    line-height:1.5;
/*	text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(255,255,255,0.3);
*/
	text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,545454+16,2d2d2d+18,0d0d0d+100 */
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #545454 16%, #2d2d2d 18%, #0d0d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#545454 16%,#2d2d2d 18%,#0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e0e0e0 0%,#545454 16%,#2d2d2d 18%,#0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
}

.feature h2 small{
    display: block;
    color:#FFF;
    font-size:larger;
}

.feature h2 small .tred{
    color:#F00;
}

.feature .content
{
	padding: 8px 3px 8px 8px;
	/* [disabled]padding-left: 60px; */
	position: relative;
	font-size: 0.9em;
	/* [disabled]min-height: 90px; */
}

.feature>a
{
	display: block;
	text-align: right;
	padding: 8px 8px 6px;
	color:#111111;
	border:1px solid #FFF;
	border-top:1px solid #ccc;
	background: #eeeeee;
	line-height: 1;
}

.feature>a:hover
{
	opacity:0.8;
}

/*
.feature .content :before
{
	content: attr(data-feature);
	position:absolute;
	display: inline-block;
	height: 40px;
	width: 100%;
	left: 0;
	top: 0;
	border: 40px solid transparent;
	border-left: 40px solid #bfa880;
	text-indent: -30px;
	line-height: 0;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
 */

/**
 * 	footer
 */
footer .information .navbar-brand
{
	padding-left: 0;
}
footer .information .tel a
{
	font-size: 2.4em;
	color: #333;
	font-family: 'Crimson Text', serif;
	vertical-align: middle;
	line-height: 1em;
}
footer .information .tel .fa
{
	font-size: 60%;
	border: 1px solid #666;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	vertical-align: top;
	text-align: center;
	border-radius:3px;
	color: #666;
/*	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
}

footer .container
{
	padding-top: 10px;
	padding-bottom: 30px;
	border-top:1px solid #666;
}
footer nav .title
{
	display: block;
	border-bottom: 1px dotted #666;
	margin-bottom:4px;
}
footer nav li
{
	font-size: 90%;
}

/**
 * 	widgets
 */
.top #contents .container,
.top footer .container
{
	position: relative;
	z-index: 30;
}
.top footer .container
{
	background-color: #FFFFFF;
}

#top-visualmenu
{
	list-style: none;
}
#top-visualmenu li
{
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #111;
}
#top-visualmenu li:not(:first-child)
{
	border-top: none;
}
#top-visualmenu li img
{
	opacity: 0.1;
}
#top-visualmenu li:hover img
{
	opacity: 1;
}
#top-visualmenu li .text
{
	display:inline-block;
	position:absolute;
	font-size: 28px;
	top: 10px;
	left: 15px;
	color: #000;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	line-height: 1em;
}
#top-visualmenu li .text small
{
	font-size: 14px;
	display: block;
	line-height: 1.2em;
	text-shadow: none;
}
#top-visualmenu li:hover .text small,
#top-visualmenu li:hover .text
{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}


.slide-nav .slick-slide:not(.slick-center)
{
	opacity: 0.5;
	cursor: pointer;
}

.panel-default
{
	border: 0 solid transparent;

}
.panel-default>.panel-heading
{
	display: block;
	padding-top: 12px;
	padding-bottom: 8px;
	border: 1px solid #666;
	color: #FFFFFF;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.8),1px 1px 1px rgba(255,255,255,0.5);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+24,000000+100&0.4+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.7) 100%), url(/asset/img/bg_panel_header_pattern.png), url(/asset/img/bg_panel_header.jpg); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.7) 100%), url(/asset/img/bg_panel_header_pattern.png), url(/asset/img/bg_panel_header.jpg); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.7) 100%), url(/asset/img/bg_panel_header_pattern.png), url(/asset/img/bg_panel_header.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
	background-position: center, right top, right top;
	background-repeat: repeat, no-repeat, repeat;
	background-size: auto, auto 100%, auto;
}
.panel-default>.panel-body
{
	border-radius: 4px;
	border: 1px solid #ddd;
}
.panel-default>.panel-heading+.panel-body
{
	border-radius: 0 0 4px 4px;
	border-top: none;
}

.section-title
{
	position: relative;
	padding: 5px 25px;
	margin-bottom: 16px;
	font-size: 20px;
	background-color:#000;
	color:#FFF;
	background-image:url(/asset/img/titlebar_bg.png);
	background-repeat:repeat-x;
	border:1px solid #111;
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
	margin-top:15px;

}
.section-title:before
{
	content: "";
	display: block;
	position: absolute;
	height: 65%;
	width: 6px;
	left: 10px;
	top: 15%;
	background-color: #CCCCCC;
	box-shadow: 0 0 1px rgba(120,94,60,1.0);
	border: 1px solid #FFFFFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
	/* [disabled]background: rgb(243,226,199); */ /* Old browsers */
	/* [disabled]background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); */ /* FF3.6-15 */
	/* [disabled]background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */
}
.section-title:after
{
	/* [disabled]content: ""; */
	/* [disabled]display: block; */
	/* [disabled]position: absolute; */
	/* [disabled]left: 5%; */
	/* [disabled]bottom: -5px; */
	/* [disabled]width: 90%; */
	/* [disabled]height: 4px; */
	/* [disabled]box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset, 0 -1px 1px rgba(255,255,255,0.8) inset; */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,999999+50,e0e0e0+100&0+0,1+5,1+95,0+100 */
	/* [disabled]background: -moz-linear-gradient(left,  rgba(225,225,225,0) 0%, rgba(218,218,218,1) 5%, rgba(153,153,153,1) 50%, rgba(217,217,217,1) 95%, rgba(224,224,224,0) 100%); */ /* FF3.6-15 */
	/* [disabled]background: -webkit-linear-gradient(left,  rgba(225,225,225,0) 0%,rgba(218,218,218,1) 5%,rgba(153,153,153,1) 50%,rgba(217,217,217,1) 95%,rgba(224,224,224,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
	/* [disabled]background: linear-gradient(to right,  rgba(225,225,225,0) 0%,rgba(218,218,218,1) 5%,rgba(153,153,153,1) 50%,rgba(217,217,217,1) 95%,rgba(224,224,224,0) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1e1e1', endColorstr='#00e0e0e0',GradientType=1 ); /* IE6-9 */
}

.panel-heading
{
	display: block;
}



.back2top
	{
		position: relative;
		opacity: 0;
		transition: opacity 1.0s ease 0s;
	}
.back2top.in
	{
		opacity: 1.0;
	}
.back2top a
	{
		display: block;
		position: fixed; right: 15px; bottom: 15px;
		padding: 0; margin: 0;
		width: 48px; height: 48px;
		font-size: 32px; text-align: center; line-height: 44px; color: #fff;
		overflow: hidden; z-index: 99;
		border: 2px solid #C19E67;
		border-radius: 4px;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.8),1px 1px 1px rgba(255,255,255,0.8);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

.gallery
{
	overflow: auto;
}

.gallery img{
	max-width:100%;
	height: auto;
	border:1px solid #EEE;
}

.col-xs-2.icon{
	padding:0;
}

.col-xs-2.icon img{
	width:100%;
	padding:0px 0px 10px;
}

.col-xs-2.icon2{
	padding:0 0 0 10px ;
}

.col-xs-2.icon2 img{
	width:100%;
	padding:3px 0 10px;
}

section>h3 {
	font-size:24px;
	line-height: 1;
	padding: 6px 10px 4px;
	background-color:#000;
	color:#FFF;
}

h3.h4{
	color:#FFF;
}

h3.panel-title
{
	background-color: transparent;
}


.list-group-item-info {
    background-color: #DDD;
    color: #000;
}

.list-group-item.sub{
	background-color:#000;
	color:#0C9;
}

.list-group-item.org{
	background-color:#000;
	color:#F09;
}

table {
    border: medium none;
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
	margin:5px 0;
}

table .sub {
    background: #111 none repeat scroll 0 0;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 1.1em;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
	padding:10px 0;
}
th {
    color: #4f6b72;
    letter-spacing: 2px;
    padding: 3px 3px 3px 12px;
    text-align: left;
    text-transform: uppercase;
}

td.plan {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    color: #4f6b72;
    font-size: 14px;
    font-weight: bold;
    height: 1.1em;
    text-align: center;
	padding:5px;
}

table .org {
    background: #111 none repeat scroll 0 0;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 1.1em;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
	padding:10px 0;
}

table .op {
	background: #a89f86 none repeat scroll 0 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #FFF;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 1.1em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding:10px 0;
}

.slick-slider {
    margin-bottom: 0px;
}

#slider{
	margin-bottom:10px;
}

th.sub{
	color:#0C9;
}

th.org{
	color:#F09;
}

.sub_d{
	color:#0C9;
}

.org_d{
	color:#F09;
}

.container {
	padding-left: 5px;
	padding-right: 5px;
}

.navbar-nav > li > a {
	padding-left: 20px;
	color: #FFFFFF;
	transition: all 1.0s ease 0s;
}
.nav>li.active>a,
.nav>li>a:hover,
.nav>li>a:focus
{
	background-color: transparent;
/*	background-color: rgba(255,255,255,0.1);
*/
}
.nav.nav-pills >li.active>a
{
	background-color: #337ab7;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus
{
	background-color:#111;
	color:#FFF;
}

.list-group-item:first-child {
    border-radius:0px;
}

.list-group.jisseki-list li:nth-child(2n)
{
	background-color: #EEEEEE;
}

.list-group-item.option{
	background-color:#000;
	color:#FFF;
    border-color:#555;
}

.list-group-item.option.option2{
    background-color: #97917D;
    color: #FFF;
    border-color:#95897e;
}

.list-group {
    margin-bottom: 10px;
}

.row.option{
	margin:0 0 20px;;
}

.row.option .list-group-item:last-child{
    border-radius: 0;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-group{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	margin-top:15px;
}
/*
.control-label:before {
    color: #111;
    content: "◆ ";
    font-weight: bold;
}
*/

#section-plan p{
	padding:0 5px;
}

#section-basicfunction p{
	padding:0 5px;
}

#section-jisseki-new p{
	padding:0 5px;
}

#section-otamesi p{
	padding:0 5px;
}

h2{
	padding:0 2px;
}

#section-warehouse p{
	padding:0 5px;
}

.url.row{
	padding:0 15px;
}

.url.row .col-xs-6{
	padding:0 2px;
}

#description-hptop h2
{
	border-left: 10px solid #CC0000;
	border-bottom: 2px solid #000000;
	padding-left: 0.5em;
}

#description-hptop .list-group-item p
{
	font-weight: bold;
}

#top {
	height: 0;
	position: relative;
	top: -130px;
}

.g-recaptcha
{
	position: relative;
	z-index: 999;
}

#section-warehouse .site-list .panel-title
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



@media (max-width: 1200px)
{
	#top-visualmenu li .text
	{
		font-size: 24px;
	}
}

@media (min-width: 991px)
{
	footer .nav>li>a
	{
		padding: 2px 15px;
	}
}

@media (max-width: 992px)
{
	#contents
	{
		padding-top: 40px;
	}
	.top #contents
	{
		padding-top: 50px;
	}
	footer
	{
		padding-bottom: 30px;
	}
	footer .information .tel,
	footer .information .open
	{
		text-align: right;
	}
	footer nav .title
	{
		margin-top: 4px;
	}
	footer .nav>li
	{
		border: 1px solid #ccc;
		border-bottom: none;
	}
	footer .nav>li:last-child
	{
		border: 1px solid #ccc;
	}
	#top-visualmenu
	{
		background-color: #FFFFFF;
	}
	#top-visualmenu li .text small
	{
		font-size: 18px;
	}
	#top-visualmenu li .text
	{
		font-size: 28px;
	}
	.back2top a
	{
		bottom: 35px;
	}
	.contact-image span
	{
		font-size: 16px;
	}
	#section-slide
	{
		padding-top: 0;
	}
	#section-slide .col-md-3
	{
		padding: 0;
	}

	.section-title{
		margin-top:25px;
	}
	#section-news table
	{
		width: auto;
	}

}


@media (max-width: 740px)
{
	.section-title{
		font-size:20px;
	}

	h3{
		font-size:18px;
	}

	table .sub {
		font-size: 10px;
	}

	td.plan {
		font-size: 10px;
	}

	table .org {
		font-size: 10px;
	}

	table .op {
		font-size: 10px;
	}

	.table_sub{
		font-size:8px;
	}

	.nav-tabs>li>a
	{
		padding: 10px;
	}

	.navbar-nav .open .dropdown-menu>li>a
	{
		color: #FFFFFF;
	}

	.form-horizontal .form-group
	{
		margin-left: 0;
		margin-right: 0;
	}

	#section-warehouse .site-list
	{
		margin-left: 0px;
		margin-right: 0px;
	}
	#section-warehouse .site-list .panel-body
	{
		padding: 4px;
	}

	#section-warehouse .site-list .col-xs-6
	{
		padding-left: 5px;
		padding-right: 5px;
	}
    
    .form-group .form-control{
        font-size:16px;
    }
}

@keyframes move-d {
	from {
		-ms-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	to {
		-ms-transform:translate(0,10px);
		-webkit-transform:translate(0,10px);
		transform:translate(0,10px);
	}
}
@keyframes move-r {
	from {
		-ms-transform:translate(0,0) rotate(-45deg);
		-webkit-transform:translate(0,0) rotate(-45deg);
		transform:translate(0,0) rotate(-45deg);
	}
	to {
		-ms-transform:translate(10px,10px) rotate(-45deg);
		-webkit-transform:translate(10px,10px) rotate(-45deg);
		transform:translate(10px,10px) rotate(-45deg);
	}
}
@keyframes move-l {
	from {
		-ms-transform:translate(0,0) rotate(45deg);
		-webkit-transform:translate(0,0) rotate(45deg);
		transform:translate(0,0) rotate(45deg);
	}
	to {
		-ms-transform:translate(-10px,10px) rotate(45deg);
		-webkit-transform:translate(-10px,10px) rotate(45deg);
		transform:translate(-10px,10px) rotate(45deg);
	}
}



h2.cam{
    text-align: center;
    color: #FF6;
    background-color: #4CA6D8;
    padding: 10px;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5bb0+0,ff3da1+100 */
background: linear-gradient(135deg,  rgba(255,91,176,1) 0%,rgba(255,61,161,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


    
}

h3.kyotyo1{
    text-align: center;
    background-color: #FFD8DF;
    padding: 5px;
    color: #333;
}

.text_line{
    text-decoration: line-through; 
    color:#999;
}

.ctext{
	font-size:2em;
	line-height:1.5em;
	margin:20px 5px;
    text-align: center;
}

.cwaku{
    border:1px solid #CCC;
    border-radius: 10px;
    padding:15px 0;
}

.kyotyo1{
    color: #FF57A0;
    font-weight: bold;
    font-size: 1.3em;
    margin-left: 5px;
}

.kyotyo2{
	color: #F00;
	font-weight: bold;
	font-size: 1.3em;
}

.kyotyo3 {
    color: #FFF;
    font-weight: bold;
    background-color: #FF5690;
    padding: 3px 30px;
    display: inline-block;
    border-radius: 15px;
    margin: 5px auto;
}

.kyotyo4{
    font-size:1.1em;
    font-weight: bold;
    color:#F00;
}

.cam_plan{
    display: flow;
    justify-content: center;
}

.cam_plan_{
}

.cplan{
	padding: 0 0 8px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border-radius: 10px;
	margin: 10px 0 20px;
	overflow: auto;
	text-align: center;
	font-size: 1.3em;
}

.moshikomi{
    display: block;
    width: 90%;
    padding: 20px;
    background-color: #FF59A1;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    margin: 20px auto;
    font-size: 1.8em;
    /* [disabled]border: 2px solid #111; */
    transition: 0.5s;
}

.moshikomi:hover{
    color: #FFF;
    /* [disabled]opacity: 0.6; */
    text-decoration: none;
    background-color: #51BBFF;
}

.cplan h3{
	padding: 10px;
	text-align: center;
	background-color: #F36;
	color: #FF9;
	margin-top: 0;
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: bold;
	/* [disabled]text-shadow:1px 1px rgba(0,0,0,0.1); */
}

.m6 h3{
	background-color: #229BFF;
}

.m12 h3{
	background-color: #0C0;
}


.cplan h3 span{
	display:block;
	color:#FFF;
	font-size:0.5em;
	line-height:1em;
	font-weight:normal;
}

img{
	max-width:100%;
	height:auto;
}

img.banner{
	margin-bottom:15px;
}

.tcontact{
    margin:0 0 5px;
    display:block;
    padding:10px;
    text-align:center;
    text-decoration:none !important;
    background-color:#111;
    color:#FFF !important;
    border-radius:15px;
    transition: 0.5s;
}

.tcontact:hover{
    opacity:0.7;
}

a.plan{
    color:#FFDE55 !important;
}


.summer h2.cam{
    text-align: center;
    color: #FF6;
    background: #0A88E3;
    padding: 10px;
    
}

.summer h3.kyotyo1{
    text-align: center;
    background-color: #FFF196;
    padding: 5px;
    color: #333;
}

.summer .kyotyo1{
    color: #FF57A0;
    font-weight: bold;
    font-size: 1.3em;
    margin-left: 5px;
}

.summer .kyotyo2{
	color: #F00;
	font-weight: bold;
	font-size: 1.3em;
}

.summer .kyotyo3 {
    color: #FFF;
    font-weight: bold;
    background-color: #4180FF;
    padding: 3px 30px;
    display: inline-block;
    border-radius: 15px;
    margin: 5px auto;
}

.summer .kyotyo4{
    font-size:1.1em;
    font-weight: bold;
    color:#FFF;
    background-color: #F00;
  padding: 0 15px;
}


.summer .moshikomi{
    display: block;
    width: 90%;
    padding: 20px;
    background-color: #4B81FF;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    margin: 20px auto;
    font-size: 1.8em;
    /* [disabled]border: 2px solid #111; */
    transition: 0.5s;
}

.summer .moshikomi:hover{
    color: #FFF;
    /* [disabled]opacity: 0.6; */
    text-decoration: none;
    background-color: #51BBFF;
}

.summer .cplan h3{
	padding: 10px;
	text-align: center;
	background-color: #F36;
	color: #FF9;
	margin-top: 0;
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: bold;
	/* [disabled]text-shadow:1px 1px rgba(0,0,0,0.1); */
}

.summer .cplan h3 span{
	display:block;
	color:#FFF;
	font-size:0.5em;
	line-height:1em;
	font-weight:normal;
}

.summer .tcontact{
    margin:0 0 5px;
    display:block;
    padding:10px;
    text-align:center;
    text-decoration:none !important;
    background-color:#111;
    color:#FFF !important;
    border-radius:15px;
    transition: 0.5s;
}

.summer .tcontact:hover{
    opacity:0.7;
}

.summer a.plan{
    color:#FFDE55 !important;
}

.winter h2.cam{
    text-align: center;
    color: #FF6;
    background: #163E1E;
    padding: 10px;
    
}

.winter h3.kyotyo1{
    text-align: center;
    background-color: #522;
    padding: 5px;
    color: #FFF5C1;
}

.winter .kyotyo1{
    color: #C30000;
    font-weight: bold;
    font-size: 1.3em;
    margin-left: 5px;
}

.winter .kyotyo2{
	color: #F00;
	font-weight: bold;
	font-size: 1.3em;
}

.winter .kyotyo3 {
    color: #FFF;
    font-weight: bold;
    background-color: #035E00;
    padding: 3px 30px;
    display: inline-block;
    border-radius: 15px;
    margin: 5px auto;
}

.winter .kyotyo4{
    font-size:1.1em;
    font-weight: bold;
    color:#FFF;
    background-color: #F00;
  padding: 0 15px;
}


.winter .moshikomi{
    display: block;
    width: 90%;
    padding: 20px;
    background-color: #716949;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    margin: 20px auto;
    font-size: 1.8em;
    /* [disabled]border: 2px solid #111; */
    transition: 0.5s;
}

.winter .moshikomi:hover{
    color: #FFF;
    /* [disabled]opacity: 0.6; */
    text-decoration: none;
    background-color: #7C0000;
}

.winter .cplan h3{
	padding: 10px;
	text-align: center;
	background-color: #F36;
	color: #FF9;
	margin-top: 0;
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: bold;
	/* [disabled]text-shadow:1px 1px rgba(0,0,0,0.1); */
}

.winter .cplan h3 span{
	display:block;
	color:#FFF;
	font-size:0.5em;
	line-height:1em;
	font-weight:normal;
}

.winter .tcontact{
    margin:0 0 5px;
    display:block;
    padding:10px;
    text-align:center;
    text-decoration:none !important;
    background-color:#111;
    color:#FFF !important;
    border-radius:15px;
    transition: 0.5s;
}

.winter .tcontact:hover{
    opacity:0.7;
}

.winter a.plan{
    color:#FFDE55 !important;
}

.language_button{
    
}

.language_button.sp{
    display: none;
}

.language_button a.lg{
    display: block;
    width: 45px;
    height: 45px;
    top: 5px;
    right: 10px;
    border-radius: 50%;
    border: 2px solid #111;
    position: fixed;
 
}


@media (max-width: 991px){
    
.language_button{
    display: none;
    
}

.language_button.sp{
    display: block;
    float:right;
    padding-top:5px;
}

.language_button.sp a.lg{
    display: block;
    width: 40px;
    height: 40px;
    top: auto;
    right: auto;
    border-radius: 50%;
    border: 2px solid #111;
    position:inherit;
 
}
    
}


.language_menu{
    display: none;
    opacity: 0;
}

.language_menu.in{
    width: 160px;
    top: 60px;
    right: 10px;
    position: fixed;
    background-color: #111;
    color: rgba(255,255,255,0.5);
    opacity: 1;
    display: block;
    z-index: 9999;
    box-shadow:0 0 5px #FFF;
}
    
.language_menu a{
    display: flex;
    padding:10px;
    color:#FFF;
    text-decoration: none;
}

.language_menu a.selected{
    opacity: 0.5;
}

.language_menu a .mini{
    margin-left:5px;
    font-size:0.85em;
    margin-top:2px;
    color:#98B9A8
}

.licon{
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    width:20px;
    height:20px;
    margin-right:5px;
}

.icon_jp{
    background-image:url(/asset/img/icon_jp.png);
}

.icon_en{
    background-image:url(/asset/img/icon_en.png);
}

.icon_cn{
    background-image:url(/asset/img/icon_cn.png);
}

.icon_kr{
    background-image:url(/asset/img/icon_kr.png);
}