/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

*, *::before, *::after {
  box-sizing: border-box;
}

.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

/*=====================================================================*/

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }

.pd0 { padding-bottom: 0px !important; }
.pd5 { padding-bottom: 5px !important; }
.pd10 { padding-bottom: 10px !important; }
.pd15 { padding-bottom: 15px !important; }
.pd20 { padding-bottom: 20px !important; }
.pd25 { padding-bottom: 25px !important; }
.pd30 { padding-bottom: 30px !important; }
.pd40 { padding-bottom: 40px !important; }
.pd50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }

/*=====================================================================*/

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
 color:#fff !important
}
.bg-gray {
 color:#000;
 background-color:#d2d6de !important
}
.bg-gray2 {
 color: #fff;
 background-color: #00437c !important;
}
.bg-gray-light {
 background-color:#f7f7f7
}
.bg-black {
 background-color:#111 !important
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
 background-color:#dd4b39 !important
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
 background-color:#f39c12 !important
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
 background-color:#00c0ef !important
}
.bg-blue {
 background-color:#0073b7 !important
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
 background-color:#3c8dbc !important
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
 background-color:#00a65a !important
}
.bg-navy {
 background-color:#001f3f !important
}
.bg-teal {
 background-color:#39cccc !important
}
.bg-olive {
 background-color:#3d9970 !important
}
.bg-lime {
 background-color:#01ff70 !important
}
.bg-orange {
 background-color:#ff851b !important
}
.bg-fuchsia {
 background-color:#f012be !important
}
.bg-purple {
 background-color:#605ca8 !important
}
.bg-maroon {
 background-color:#d81b60 !important
}
.bg-gray-active {
 color:#000;
 background-color:#b5bbc8 !important
}
.bg-black-active {
 background-color:#000 !important
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
 background-color:#d33724 !important
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
 background-color:#db8b0b !important
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
 background-color:#00a7d0 !important
}
.bg-blue-active {
 background-color:#005384 !important
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
 background-color:#357ca5 !important
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
 background-color:#008d4c !important
}
.bg-navy-active {
 background-color:#001a35 !important
}
.bg-teal-active {
 background-color:#30bbbb !important
}
.bg-olive-active {
 background-color:#368763 !important
}
.bg-lime-active {
 background-color:#00e765 !important
}
.bg-orange-active {
 background-color:#ff7701 !important
}
.bg-fuchsia-active {
 background-color:#db0ead !important
}
.bg-purple-active {
 background-color:#555299 !important
}
.bg-maroon-active {
 background-color:#ca195a !important
}
[class^="bg-"].disabled {
 opacity:.65;
 filter:alpha(opacity=65)
}
.text-red {
 color:#dd4b39 !important
}
.text-yellow {
 color:#f39c12 !important
}
.text-aqua {
 color:#00c0ef !important
}
.text-blue {
 color:#0073b7 !important
}
.text-black {
 color:#111 !important
}
.text-light-blue {
 color:#3c8dbc !important
}
.text-green {
 color:#00a65a !important
}
.text-gray {
 color:#d2d6de !important
}
.text-navy {
 color:#001f3f !important
}
.text-teal {
 color:#39cccc !important
}
.text-olive {
 color:#3d9970 !important
}
.text-lime {
 color:#01ff70 !important
}
.text-orange {
 color:#ff851b !important
}
.text-fuchsia {
 color:#f012be !important
}
.text-purple {
 color:#605ca8 !important
}
.text-maroon {
 color:#d81b60 !important
}
.link-muted {
 color:#7a869d
}
.link-muted:hover,
.link-muted:focus {
 color:#606c84
}
.link-black {
 color:#666
}
.link-black:hover,
.link-black:focus {
 color:#999
}
.pull-right {
 float: right!important;
}

/*=====================================================================*/
.display-block {display: block !important;}
.display-inline {display: block !important;}
.display-inline-block {display: inline-block !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}

.text-indent {padding-left: 1em; text-indent: -1em;}

.text-bold {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	font-weight: bold !important;
}

.require, .text-danger, .text-red {color: #d0111b !important;}

.text-ll {font-size: 20px !important; line-height: 30px !important;}
.text-l {font-size: 16px !important; line-height: 26px !important;}
.text-m {font-size: 14px !important; line-height: 24px !important;}
.text-s {font-size: 13px !important; line-height: 22px !important;}
.text-ss {font-size: 11px !important; line-height: 20px !important;}

p.strong {
	font-weight: bold;
}

ul.disc {
	list-style-type: disc;
	list-style-position: outside;
}

ul.disc li {
	margin-left: 1.5em;
}

.blight {
	color: #006fcf;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ffe100;
	background-color: #ffffd8;
	border-radius: 4px;
	color: #3e3a39;
}

.alert-success {
	color: #fff;
	background-color: #00a65a;
	border: 1px solid #00a65a;
}

.alert-danger {
	color: #fff;
	background-color: #dd4b39; 
	border: 1px solid #dd4b39;
}

.alert-danger-inverse {
	color: #dd4b39;
	background-color: #ffffff; 
	border: 1px solid #dd4b39;
}

.square {
	border-radius: 0px;
}

button.btn,
a.btn {
	display: inline-block;
	padding: 6px 25px;
	cursor: pointer;
	margin: 0 auto;
	border: 0px;
	font-size: 1.0rem;
	background-color: #ddd;
	text-decoration: none;
	color: #3e3a39;
	border-radius: 2px;
	min-width: 240px;
	line-height: 24px;
	text-align: center;
}

.btn.w100 {
	width: 100%;
	display: block;
}

button.btn-orange,
a.btn-orange {
	background-color: #fc8719;
	color: #fff;
}

button.btn-red,
a.btn-red {
	background-color: #d0111b;
	color: #fff;
}

button.btn-black,
a.btn-black{
	background-color: #000000;
	color: #fff;
}

button.btn-red-inverse,
a.btn-red-inverse {
	color: #d0111b;
	background-color: #fff;
	border: 1px solid #d0111b;
}

button.btn-blue,
a.btn-blue{
	background-color: #1f96d5;
	color: #fff;
}

button.btn-deepblue,
a.btn-deepblue{
	background-color: #1569b4;
	color: #fff;
}

button.btn-green,
a.btn-green {
	background-color: #00b26f;
	color: #fff;
}

button.btn-blue-inverse,
a.btn-blue-inverse {
	background-color: #fff;
	color: #1f96d5;
	border: 1px solid #1f96d5;
}

#btn-add:disabled {
	opacity: 0.5;
}

.btn-xs {
	padding: 3px 10px;
	font-size: 0.8rem;
	min-width: auto;
	line-height: 18px;
}

.btn2 .btn:first-of-type {
	margin-right: 20px;
}

.btn2 .btn:last-of-type {
	margin-left: 20px;
}

.box {
	width: 100%;
	padding: 20px 20px;
}

.box-title {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.box-border {
	border: 1px solid #ddd;
}

.box-border-red {
	border: 1px solid #dd4b39;
}

.box-gray {
	background-color: #eee;
}

.box-inner {
	background-color: #fff;
	padding: 30px;
}

a {
	color: #006fcf;
}

div.return_list {
    display: none;
}

.mobile-off { display: block !important; }
.mobile-on { display: none !important; }

@media screen and (max-width: 600px) {
	.pc {display: none;}

	.btn2 .btn:first-of-type {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.btn2 .btn:last-of-type {
		margin-left: 0px;
	}

	button.btn,
	a.btn {
		width: 90%;
	}

	button.btn-wide,
	a.btn-wide {
		width: 100%;
	}

	.box {
		padding: 15px 15px;
	}

	.mobile-block {
		display: block !important;
	}

	.mobile-inline {
		display: inline !important;
	}

	.mobile-left {
		text-align: left !important;
	}

	.mobile-center {
		text-align: center !important;
	}

	.mobile-right {
		text-align: right !important;
	}

    .mobile-off { display: none !important; }
    .mobile-on { display: block !important; }
}

/*=====================================================================*/
input[type='text'],
input[type='password'] {
	padding: 4px 8px;
	/*line-height: 13px;*/
	width: 99%;
}

input[type='text'].number {
	width: 120px;
}

input[type='text'].time {
	width: 120px;
}

input[type='text'].person-name {
	width: 150px;
}

textarea {
	width: 99%;
	height: 10em;
	padding: 8px 8px;
	border: 1px solid #ccc;
	font-size: inherit;
}

select {
	padding: 4px 8px;
	line-height: 13px;
}

.form-row {
	margin-bottom: 20px;
}

.row,
.form-group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.form-inline {
	display: inline;
}

.flex-start {
	 justify-content: flex-start;
}

.space-between {
	 justify-content: space-between;
}

.space-around {
	 justify-content: space-around;
}

.row>div.col-1,  .form-group>div.col-1 { width: 8.3%; }
.row>div.col-2,  .form-group>div.col-2 { width: 16.6%; }
.row>div.col-3,  .form-group>div.col-3 { width: 24.9%; }
.row>div.col-4,  .form-group>div.col-4 { width: 33.2%; }
.row>div.col-5,  .form-group>div.col-5 { width: 41.5%; }
.row>div.col-6,  .form-group>div.col-6 { width: 49.8%; }
.row>div.col-7,  .form-group>div.col-7 { width: 58.1%; }
.row>div.col-8,  .form-group>div.col-8 { width: 66.4%; }
.row>div.col-9,  .form-group>div.col-9 { width: 74.7%; }
.row>div.col-10, .form-group>div.col-10 { width: 83.0%; }
.row>div.col-11, .form-group>div.col-11 { width: 91.3%; }
.row>div.col-12, .form-group>div.col-12 { width: 99.6%; }

.form-group div.col-label {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	padding-left: 5px;
	font-weight: bold;
}

.form-group div>label {
	padding-right: 10px;
	line-height: 34px;
}

.form-group div>span{
	line-height: 34px;
}

.help-block {
	font-family: "ヒラギノUD角ゴ W3 JIS2004", sans-serif;
	line-height: 20px;
	font-size: 12px;
	padding-left: 5px;
	line-height: 1.3rem;
}

.help-block.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.form-group input + .help-block,
.form-group select + .help-block {
	margin-top: 2px !important;
}

.cat-name + .form-group {
    padding-left: 10px;
}

.form-checkbox label {
	display: inline-block;
}

.error-block {
	margin-bottom: 2px;
}

.error-block:last-of-type {
	margin-bottom: 10px;
}

hr.separator {
	border: 0px;
	border-top: 1px solid #333;
	margin: 30px 0 30px;
}

@media screen and (max-width: 600px) {
	.form-group div.col-label {
		width: 100%;
	}

	.form-group div.col-label>label {
		line-height: 22px;
	}

	.form-checkbox label {
		display: block;
	}

	.row>div.col-xs-1,  .form-group>div.col-xs-1 { width: 8.3%; }
	.row>div.col-xs-2,  .form-group>div.col-xs-2 { width: 16.6%; }
	.row>div.col-xs-3,  .form-group>div.col-xs-3 { width: 24.9%; }
	.row>div.col-xs-4,  .form-group>div.col-xs-4 { width: 33.2%; }
	.row>div.col-xs-5,  .form-group>div.col-xs-5 { width: 41.5%; }
	.row>div.col-xs-6,  .form-group>div.col-xs-6 { width: 49.8%; }
	.row>div.col-xs-7,  .form-group>div.col-xs-7 { width: 58.1%; }
	.row>div.col-xs-8,  .form-group>div.col-xs-8 { width: 66.4%; }
	.row>div.col-xs-9,  .form-group>div.col-xs-9 { width: 74.7%; }
	.row>div.col-xs-10, .form-group>div.col-xs-10 { width: 83.0%; }
	.row>div.col-xs-11, .form-group>div.col-xs-11 { width: 91.3%; }
	.row>div.col-xs-12, .form-group>div.col-xs-12 { width: 99.6%; }
}

/*=====================================================================*/

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: "ヒラギノUD角ゴ W4 JIS2004", sans-serif;
	color: #3e3a39;
	font-size: 1.0rem;
	line-height:1.8em;
	position: relative;
	letter-spacing: 0.05em;
	position: relative;
}

#container {
	width: 100%;
}

.inner {
	width: 1000px;
	margin: 0 auto;
}

header {
	background-color: #d0111b;
	color: #fff;
	padding-top: 40px;
}

header .inner {
	display: flex;
	position: relative;
}

header h1 {
	padding-top: 5px;
}

header h2 {
	margin-left: auto;
	padding-bottom: 15px;
	font-size: 0.9rem;
	line-height: 1.4rem;
}

nav {
	width: 100%;
	text-align: center;
}

nav#main-menu {
	background-color: #dcdddd;
}

nav#main-menu a {
	color: #3e3a39;
	text-decoration: none;
	margin: 0 16px;
	padding: 15px 0;
	display: inline-block;
	font-size: 15px;
}

nav#main-menu a:first-of-type,
nav#sub-menu a:first-of-type {
	margin-left: 0px;
}

nav#main-menu a:last-of-type,
nav#sub-menu a:last-of-type {
	margin-right: 0px;
}

nav#main-menu a:hover,
nav#sub-menu a:hover {
	text-decoration: underline;
}

nav#main-menu a.current {
	color: #fff;
	background-color: #d0111b;
	padding: 4px 8px;
}

nav#main-menu a.current:hover {
	text-decoration: none;
}

nav#sub-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

nav#sub-menu a {
	color: #3e3a39;
	text-decoration: none;
	margin: 0 10px;
	padding: 10px 0;
	display: inline-block;
	font-size: 14px;
}

nav#sub-menu a:before {
	content: '\025cf';
	color: #dcdddd;
}

nav#sub-menu .inner {
	padding: 5px 0 !important;
}

.breadcrumbs {
	margin-bottom: 30px;
	font-size: 14px;
}

div#footer-link {
	background-color: #dcdddd;
}

div#footer-link a.goto-ski {
	background-color: #fff;
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: #d0111b;
	border-top: 1px solid #ddd;
	text-decoration: none;
}

div#footer-link a.goto-ski:hover {
	text-decoration: underline;
}

div#footer-link .inner {
	background-color: #dcdddd;
	padding: 15px 0 5px;
	text-align: center;
}

div#footer-link .inner img:first-of-type {
	margin-right: 40px;
}

footer {
	background-color: #d0111b;
	color: #fff;
	padding: 35px 0 60px;
	line-height: 1.6rem;
}

footer .inner {
	display: flex;
	justify-content: space-between;
}

footer .inner>div {
	width: 50%;
}

footer .inner>div.footer-menu {
	width: 25%;
}

footer p.company-name {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 1.1rem;
}

footer address {
	font-size: 0.9rem;
	line-height: 1.5rem;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

#sp-btn,
#sp-menu {
	display: none;
}

#sp-menu.open {
	display: none;
}

@media screen and (max-width: 600px) {
	body {
		font-size: 1.0rem;
		line-height: 1.5rem;
	}
	
	#container {
		width: 100%;
	}

	.inner {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	
	header {
		padding: 10px 0 5px;
	}
	
	header .inner {
		display: block;
	}
	
	header h1 {
		padding: 0px;
	}

	header h1 img {
		padding: 0px;
		width: 60%;
		height: auto;
	}
	
	header h2 {
		display: none;
	}

	nav#main-menu,
	.sub-menu-wrapper,
	nav#sub-menu {
		display: none;
	}

	.breadcrumbs {
		margin-top: -20px;
		margin-bottom: 30px;
		font-size: 14px;
	}

	div#footer-link a.goto-ski {
		font-size: 0.8rem;
	}
	
	div#footer-link .inner img:first-of-type {
		margin-right: 0px;
	}

	div#footer-link img {
		max-width: 100%;
		display: block;
		margin: 0 auto !important;
	}
	
	footer {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}
	
	footer p.company-name {
		font-size: 1.1rem;
		margin-bottom: 1.1rem;
	}

	footer .inner>div {
		width: 100%;
	}

	footer .inner>div.footer-menu {
		display: none;
	}

	#sp-btn,
	#sp-menu .close-menu {
		display: block;
		position: absolute;
		top: 0px;
		right: 0;
		width: 30px;
		height: 30px;
		background-image: url(../img/menu.png);
		background-position: top left;
		background-size: contain;
		background-repeat: none;
		cursor: pointer;
	}

	#sp-menu {
		z-index: 1000;
		width: 100%;
		min-height: 100%;
		background-color: #fff;
		position: absolute;
		opacity: 0.98;
	}

	#sp-menu.open {
		display: block;
	}

	#sp-menu ul {
		margin-top: 50px;
		width: 100%;
	}

	#sp-menu ul li {
		padding: 10px 0 10px 15px;
		width: 100%;
		border-bottom: 1px solid #999;
	}

	#sp-menu ul li:first-of-type {
		border-top: 1px solid #999;
	}

	#sp-menu ul li a {
		color: #3e3a39;
		text-decoration: none;
	}

	#sp-menu ul li a:hover {
		text-decoration: underline;
	}

	#sp-menu .close-menu {
		top: 10px;
		right: 10px;
		background-image: url(../img/close.png);
	}
}


/*=====================================================================*/

div#contents {
	position: relative;
}

div#contents .inner {
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 50px;
}

div#contents h2 {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 15px;
}

h2.blue {
	color: #0008b2;
}

@media screen and (max-width: 600px) {
	div#contents .inner {
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: 30px 0 30px;
	}
	
	div#contents h2 {
		font-size: 1.5rem;
		line-height: 1.8rem;
		margin-bottom: 15px;
	}
}

/*=====================================================================*/
table.table-normal {
	width: 100%;
	border: 1px solid #ddd;
}

table.table-normal thead th {
	background-color: #f0f0f0;
	padding: 5px 8px;
	border: 1px solid #ddd;
	font-size: 0.9rem;
	text-align: center;
}

table.table-normal tbody td {
	padding: 5px 8px;
	border: 1px solid #ddd;
	font-size: 0.9rem;
}

.width-auto {
	width: auto !important;
}

@media screen and (max-width: 600px) {
}

/*=====================================================================*/

div.search-result {
}

div.search-result div.search-course {
	border-bottom: 1px dotted #999;
	padding: 20px 0;
}

div.search-result div.search-course:first-of-type {
	padding-top: 0px;
}

div.search-result div.search-course:last-of-type {
	border-bottom: 0px;
	padding-bottom: 0px;
}

div.search-result div.search-course .spec {
}

div.search-result div.search-course h3 {
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

div.search-result div.search-course .btn-wrapper {
	position: relative;
}

div.search-result div.search-course .btn-wrapper .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: auto;
	width: 180px;
	text-align: center;
	color: #fff;
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.search-result div.search-course .btn-wrapper .btn-inverse {
	color: #3e3a39;
	background-color: #fff;
	border: 1px solid #3e3a39;
	line-height: 1.4em;
}

div.search-result div.search-course .btn-wrapper .btn-inverse.invalid {
	color: #3e3a39;
	background-color: #fff;
	border: 0px;
	line-height: 1.7em;
	font-size: 13px;
}

ul.pagination {
	margin: 0 auto;
	text-align: center;
}

ul.pagination li {
	display: inline-block;
	padding: 5px;
	border: 1px solid #eee;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	text-align: center;
}

ul.pagination li.current {
	background-color: #d0111b;
}

ul.pagination li.pagenav_line {
	border: 0px;
}

ul.pagination li a {
	text-decoration: none;
	color: #333;
}

ul.pagination li.current a {
	color: #fff;
}

a.tel {
	color: inherit;
	font-size: 120%;
}

div.search-result.reserve {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

@media screen and (max-width: 600px) {
	div.search-result div.search-course .btn-wrapper .btn {
		position: static;
		-webkit-transform: none;
		transform: none;
		display: block;
		margin: 10px auto;
	}

	ul.pagination li {
		width: 30px;
		height: 30px;
		font-size: 0.9rem;
	}

}

/*=====================================================================*/

div.search-box {
}

div.search-box dl {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

div.search-box dl dt {
	font-size: 1.2rem;
}

div.search-box dl dd {
	padding: 5px 10px 15px;
}

div.search-box dl dd p.help-block {
	color: #006fcf;
	margin-bottom: 5px;
}

div.search-box .btn-wrapper {
	padding: 10px 0;
}

div.goto-travel-logo {
	width: 200px;
	height: 150px;
	background-image: url(../img/yoko_blue.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
	margin-right: 30px;
}

div.goto-travel-logo img {
	width: 100%;	
	height: auto;
}

div.m4 {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
	justify-content: space-around;
}

div.m4 div {
	width: 30%;
	text-align: center;
}

@media screen and (max-width: 600px) {
	div.goto-travel-logo {
		width: 220px;
		float: none;
		margin: 0 auto;
	}

	div.m4 {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	
	div.m4 div {
		width: 100%;
		margin-bottom: 4px;
	}
}

/*=====================================================================*/

.border-h div.row {
	border-bottom: 1px solid #666;
	padding: 6px 0;
}

.border-h div.row:first-of-type {
	border-top: 1px solid #666;
}

.border-h div.row>div {
	padding-left: 10px;
}

.border-h div.row>div:nth-of-type(2) {
	padding-left: 20px;
}

p.course-priority {
	margin-bottom: 20px;
}

p.course-priority span {
	padding: 5px 10px;
	border: 1px solid #333;
	display: inline-block;
}

div.base-price {
	padding: 0 10px 5px;
	border-bottom: 1px solid #333;
	display: inline-block;
	font-size: 1.3rem;
}

.border-bottom {
	border-bottom: 1px solid #333;
}

.border-bottom-dotted {
	border-bottom: 1px dotted #333;
}

@media screen and (max-width: 600px) {
}

/*=====================================================================*/

.description-radio {
	font-size: 80%;
	margin-left: 8px;
}

.description-radio.mobile-block {
	margin-left: 0px;
}

.young_fellow .col-4 {
	text-align: center;
}

.young_fellow input[type='text'] {
	width: 98%;
}

/*=====================================================================*/

.news-box {
}

.news-box .entry {
	margin-bottom: 30px;
}

.news-box .entry .entry-date {
	margin-bottom: 5px;
}

.news-box .entry .entry-title {
	font-size: 22px;
	margin-bottom: 10px;
}

.news-box .entry .entry-body p {
	margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
}

/*=====================================================================*/
dl.accordion {
    margin-bottom: 30px;
}

dl.accordion dt {
    cursor: pointer;
	color: #006fcf;
}

dl.accordion dd {
    display: none;
    margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
}

/*=====================================================================*/

.membership-login .col-label,
.membership-mailaddress .col-label,
.membership-password .col-label {
	text-align: right;
}

@media screen and (max-width: 600px) {
	.membership-login .col-label,
	.membership-mailaddress .col-label,
	.membership-password .col-label {
		text-align: left;
		line-height: 1.1rem;
	}
}

/*=====================================================================*/

.mypage-menu {
	background-color: #d0111b;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 20px;
}

.mypage-menu a {
	color: #fff;
	text-decoration: none;
	margin: 0 20px;
}

.mypage-menu a:hover {
	text-decoration: underline;
}

.mypage-menu a:first-of-type {
	margin-left: 0;
}

.mypage-menu a:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 600px) {
	.mypage-menu {
		display: none;
	}
}

/*=====================================================================*/

.mypage-history .history-row {
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: stretch;
	font-size: 0.9rem;
	line-height: 1.7rem;
	border-bottom: 1px solid #ddd;
} 

.mypage-history .history-row:last-of-type {
	border-bottom: 0px;
}

.mypage-history .history-row>div {
	padding-top: 6px;
	padding-bottom: 6px;
}

.mypage-history .history-row.title {
	background-color: transparent;
	text-align: center;
}

.mypage-history .history-row .date {
	width: 15%;
	text-align: center;
} 

.mypage-history .history-row .title {
	width: 25%;
} 

.mypage-history .history-row .status {
	width: 12.5%;
	text-align: center;
} 

.mypage-history .history-row .payment {
	width: 12.5%;
	text-align: center;
} 

.mypage-history .history-row .inquiry {
	width: 35%;
	text-align: center;
} 

.mypage-history .history-row .inquiry a {
	color: #006fcf;
}

.label {
	font-size: 0.7rem;
	padding: 2px 6px;
	background-color: #eee;
	border-radius: 4px;
	font-weight: bold;
}

.label-orange {
	background-color: #f39c12;
	color: #fff;
}

.label-red {
	background-color: #dd4b39;
	color: #fff;
}

.label-green {
	background-color: #00a65a;
	color: #fff;
}

.label-blue {
	background-color: #4b94c0;
	color: #fff;
}

@media screen and (max-width: 600px) {
	.mypage-history .history-row {
		flex-wrap: wrap;
		align-items: stretch;
		font-size: 0.9rem;
		line-height: 1.7rem;
		padding: 10px;
	} 

	.mypage-history .history-row>div {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.mypage-history .history-row.title {
		display: none;
	}
	
	.mypage-history .history-row .date {
		width: 100%;
		text-align: left;
	} 
	
	.mypage-history .history-row .title {
		width: 100%;
	} 
	
	.mypage-history .history-row .status {
		width: auto;
	} 
	
	.mypage-history .history-row .payment {
		width: auto;
		padding-left: 10px;
	} 
	
	.mypage-history .history-row .inquiry {
		width: 100%;
		text-align: left;
	} 
}

/*=====================================================================*/

.mypage-lesson-history .lesson-row {
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: stretch;
	font-size: 0.9rem;
	line-height: 1.7rem;
	border-bottom: 1px solid #ddd;
} 

.mypage-lesson-history .lesson-row:last-of-type {
	border-bottom: 0px;
}

.mypage-lesson-history .lesson-row>div {
	padding-top: 6px;
	padding-bottom: 6px;
}

.mypage-lesson-history .lesson-row.title {
	background-color: transparent;
	text-align: center;
}

.mypage-lesson-history .lesson-row .date {
	width: 25%;
	text-align: center;
} 

.mypage-lesson-history .lesson-row .title {
	width: 40%;
} 

.mypage-lesson-history .lesson-row .link1 {
	width: 15%;
	text-align: center;
} 

.mypage-lesson-history .lesson-row .link2 {
	width: 10%;
	text-align: center;
} 

.mypage-lesson-history .lesson-row .link3 {
	width: 10%;
	text-align: center;
} 

.mypage-lesson-history .lesson-row .link1 a, 
.mypage-lesson-history .lesson-row .link2 a ,
.mypage-lesson-history .lesson-row .link3 a {
	color: #006fcf;
}

@media screen and (max-width: 600px) {
	.mypage-lesson-history .lesson-row {
		flex-wrap: wrap;
		align-items: stretch;
		font-size: 0.9rem;
		line-height: 1.7rem;
		padding: 10px;
	} 

	.mypage-lesson-history .lesson-row>div {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.mypage-lesson-history .lesson-row.title {
		display: none;
	}
	
	.mypage-lesson-history .lesson-row .date {
		width: 100%;
		text-align: left;
	} 
	
	.mypage-lesson-history .lesson-row .title {
		width: 100%;
	} 
	
	.mypage-lesson-history .lesson-row .link1 {
		width: 33%;
		text-align: center;
	} 
	
	.mypage-lesson-history .lesson-row .link2 {
		width: 33%;
		text-align: center;
	} 
	
	.mypage-lesson-history .lesson-row .link3 {
		width: 33%;
		text-align: center;
	} 
}

/*=====================================================================*/

.mypage-news {

}

.mypage-news .box-inner p {
	margin-bottom: 10px;
}

.mypage-news .box-inner p:last-of-type {
	margin-bottom: 0px;
}

.mypage-news .announce {
	background-color: #fff;
	padding: 4px 0;
	text-align: center;
}

/*=====================================================================*/

.mypage-config {

}

.mypage-config .btn {
	width: 100%;
	text-align: center;
}

/*=====================================================================*/

.signup-list {
	width: 100%;
	margin: 0 auto;
}

.signup-list .signup-wrapper {
}

.signup-list .signup-wrapper table {
	background-color: #fff;
	width: 100%;
}

.signup-list .signup-wrapper table tbody {
}

.signup-list .signup-wrapper table tbody th,
.signup-list .signup-wrapper table tbody td {
	border: 1px solid #f0f0f0;
	padding: 8px;
}

.signup-list .signup-wrapper table tbody th {
	background-color: #d0111b;
	color: #fff;
	width: 15%;
}

.signup-list .signup-wrapper table tbody td.td-name {
	width: 50%;
}

.signup-list .signup-wrapper table tbody td.td-status {
}

.signup-list .signup-wrapper table tbody td.td-link{
	width: 15%;
}

.signup-list .signup-wrapper table tbody td small.status,
.signup-list .signup-wrapper table tbody td i {
	margin: 0 auto;
}

.signup-list .signup-wrapper .link-contact {
	padding-top: 5px;
	text-decoration: none;
  color: #318ECA;
}

.signup-list .signup-wrapper .link-contact:hover {
	text-decoration: underline;
}

.signup-total {
	text-align: right; 
}

.signup-total span {
	display: inline-block;
	border-bottom: 2px solid #333;
}

hr.separator {
	border-top: 1px dotted #333;
	border-bottom: 0;
}

.message-wrapper {
	margin-bottom: 20px;
}

.message-wrapper:last-of-type {
	margin-bottom: 0px;
}

.message-wrapper .message-header {
	margin-bottom: 5px;
}

.message-wrapper .message-border {
	border: 1px solid #ddd;
	padding: 8px 12px;
}


@media screen and (max-width: 600px) {
	.signup-list .signup-wrapper table tbody th,
	.signup-list .signup-wrapper table tbody td {
		display: block;
		width: 100%;
		position: relative;
	}

	.signup-list .signup-wrapper table tbody td small.status {
		display: block;
		width: 100%;
	}

	.signup-list .signup-wrapper table tbody th {
		width: 100%;
	}
	
	.signup-list .signup-wrapper table tbody td.td-name {
		width: 100%;
	}
	
	.signup-list .signup-wrapper table tbody td.td-status {
		width: 100%;
	}
	
	.signup-list .signup-wrapper table tbody td.td-link{
		width: 100%;
	}
}

/*=====================================================================*/

.carte-list {
	width: 100%;
	margin: 0 auto;
}

.carte-list .carte-wrapper {
}

.carte-list .carte-wrapper table {
	background-color: #fff;
	width: 100%;
}

.carte-list .carte-wrapper table tbody {
}

.carte-list .carte-wrapper table thead th,
.carte-list .carte-wrapper table tbody th,
.carte-list .carte-wrapper table tbody td {
	border: 1px solid #f0f0f0;
	padding: 8px;
	text-align: center;
	font-size: 13px;
}

.carte-list .carte-wrapper table tbody td a {
	margin: 0 3px;
}

.carte-list .carte-wrapper table thead th,
.carte-list .carte-wrapper table tbody th {
	background-color: #999;
	color: #fff;
}

.carte-list .carte-wrapper .block {
	margin-bottom: 30px;
}

.carte-list .carte-wrapper h3 {
	font-size: 20px;
	margin-bottom: 5px;
}

.carte-list .carte-wrapper h4 {
	border-left: 5px solid #d0111b;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.carte-list .carte-wrapper img {
	width: 100%;
	display: block;
}

@media screen and (max-width: 600px) {
	.carte-list .carte-wrapper table thead th {
		display: none;
	}
	.carte-list .carte-wrapper table tbody th,
	.carte-list .carte-wrapper table tbody td {
		display: block;
		width: 100%;
		position: relative;
	}
	
	.carte-list .carte-wrapper table tbody td.course_name {
		background-color: #999;
		color: #fff;
		width: 100%;
	}

	.carte-list .carte-wrapper table.radar td.course_name {
		display: block;
		width: 100%;
	}
}

/*=====================================================================*/

table.table-payment {
	width: 100%;
	margin-left: auto;
	margin-right: 0;
}

table.table-payment th {
	text-align: center;
}

table.table-payment th,
table.table-payment td {
	border-bottom: 1px solid #666;
	padding: 4px 8px;
}

@media screen and (max-width: 600px) {
	table.table-payment {
		width: 100%;
	}

}

/*=====================================================================*/

.modal-container {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}

.modal-container .modal-bg {
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 1000;
}

.modal-container .modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 800px;
	padding: 30px 40px;
	background-color: #fff;
	z-index: 1100;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.modal-container .modal .modal-inner {
}

.modal-container .modal .modal-inner .modal-title {
	font-size: 21px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #333;
	text-align: center;
	margin-bottom: 20px;
	font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif;
}

.modal .modal-inner .modal-body,
.modal-container .modal .modal-inner .modal-body {
	margin-bottom: 20px;
	font-family: "ヒラギノUD角ゴ W4 JIS2004", sans-serif;
}

.modal-container .modal .modal-inner .modal-close {
	text-align: right;
	color: #00f;
}

/*=====================================================================*/

.modal {
	max-width:800px;
}

@media screen and (max-width: 600px) {
	.modal .text-ll {font-size: 17px !important; color: inherit !important;}
	.modal p {font-size: 14px;}
}

/*=====================================================================*/

#is_maintenance {
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 10000;
    background-color: #0041ff;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
}