@charset "utf-8";

/*

  デモサイト - 共通スタイルシート

  Copyright J-LINE CORPORATION. All rights reserved.
  http://www.j-line.co.jp/

*/

/* /////////////////////////////////////////////////////////////

	ベーススタイル

///////////////////////////////////////////////////////////// */

/* ----------------------------------------------------------
	0. リセット & 追加要素の設定
------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, form, fieldset, legend, table, th, td, caption, a, article, aside, nav, section, figure, figcaption, footer, header, main, audio, canvas, video, menu, details {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
}
fieldset, legend, img { border: 0; }
article, aside, nav, section, figure, figcaption, footer, header, main, menu, details { display: block; }
video, audio, canvas {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ----------------------------------------------------------
	1. ベース
------------------------------------------------------------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	color: #222;
	font: 87.5%/1.6 'Roboto',sans-serif;
	word-wrap: break-word;
}

/* ----------------------------------------------------------
	2. ブロック要素
------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
ul { list-style: none; }
ol { list-style: decimal inside; }
hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
pre {
	font-family: monospace, serif;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* ----------------------------------------------------------
	3. インライン要素
------------------------------------------------------------- */
a{
	color: #222;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
a:hover{ opacity: .8; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
img { vertical-align: middle; }

/* ----------------------------------------------------------
	4. テキスト
------------------------------------------------------------- */
address, cite, em, dfn, i, var { font-style: normal; }
strong, b { font-weight: bold; }
code, samp, kbd { font-family: monospace, sans-serif; }
abbr {
	border: 0;
	font-variant: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
mark {
	background-color: #ff0;
	color: #333;
	font-style: italic;
	font-weight: bold;
}
br { *letter-spacing: 0; }

/* ----------------------------------------------------------
	5. テーブル
------------------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* ----------------------------------------------------------
	6. フォーム部品
------------------------------------------------------------- */
input, textarea, select {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	*font-size: 100%;
	padding: 5px;
}
input[type="text"]{
	border: 1px solid #ccc;
}
input, button {
	line-height: normal;
	vertical-align: middle;
}
textarea {
	overflow: auto;
	vertical-align: top;
	border: 1px solid #ccc;
}
select {
	line-height: normal;
	border: 1px solid #ccc;
    line-height: 26px;
}
label { cursor: pointer; }
legend {
	color: #333;
	*margin-left: -7px;
}
.text_color {
	background: #fdeedb!important;
}

.text_white {
	background:fff!important;
}
/* ----------------------------------------------------------
	7. 汎用セレクタ
------------------------------------------------------------- */
.m0 { margin: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb40 { margin-bottom: 40px !important;}
.p0 { padding: 0 !important;}
.b0 { border: 0 !important;}
.fl {
	float: left !important;
	width: auto;
}
.fr {
	float: right !important;
	width: auto;
}
.clear { clear: both; }
.row:before, .row:after,
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { *zoom: 1; }
.container {
	width: 1120px;
	margin: 0 auto;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
.clickable {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.clickable:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
}

.txt-c{ text-align: center; }
.txt-r{ text-align: right; }
.width-l{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.width-m{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 46%;
}
.link_accordion .accordion{
	margin: 0 0 1em;
}
.link_accordion .accordion_label{
	display: block;
	text-decoration: underline;
	background: url(../img/common/ico_acc02_open.png) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	cursor: pointer;
}
.link_accordion .is-open .accordion_label{
	background: url(../img/common/ico_acc02_close.png) no-repeat left center;
}
a.link_accordion:hover{
	text-decoration: none;
}
.emphasis{
	font-weight: 500;
}
.attention{
	color: #d80000;
}

/* /////////////////////////////////////////////////////////////

	レイアウト用スタイル

///////////////////////////////////////////////////////////// */
.row {
	margin: 0 -10px 20px;
}
.col-all,.col-1of3,.col-2of3,.col-1of4,.col-1of2,.col-3of4,.col-1of3 {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 10px;
}
.col-all {width: 100%;}
.col-1of2 {width: 50%;}
.col-1of3 {width: 33.333333%;}
.col-2of3 {width: 66.666667%;}
.col-1of4 {width: 25%;}
.col-3of4 {width: 75%;}

.ttl,.sttl {
	font-family: "Roboto Condensed","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
	line-height: 1.2;
}
/*40px相当*/
.ttl-detail01 {
	font-size: 228.6%;
	margin: 0 0 10px;
}
/*22px相当*/
.ttl-detail02 {
	font-size: 157.1%;
}
/*18px相当*/
.ttl-detail03 {
	font-size: 128.6%;
}
.btn {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 142.9%;
	line-height: 1.6;
	display: inherit;
	padding: 5px 20px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
	background: #f3981c;
}
button.btn {
	cursor: pointer;
	border-style: none;
}
.btn:hover {
	text-decoration: none;
	background: #f36a1c;
}
.btn-search {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 220px;
	height: 40px;
	margin: 40px auto 0;
	border-radius: 5px;
}
.btn-search:before {
	margin: 0 10px 0 0;
	content: url(../img/common/ico_search02.png);
	vertical-align: middle;
}
.btn-back {
	color: #222;
	background: #eee;
}
.btn-back:hover {
	color: #fff;
}
.btn-style01 {
	display: inline-block;
	width: 265px;
}
.dis-table {
	display: table;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	vertical-align: middle;
}
.textarea01 {
	width: 90%;
	min-height: 100px;
}
/* ----------------------------------------------------------
	ヘッダー
------------------------------------------------------------- */
.header {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100px;
	padding: 17px 0 0;
	border-top: 5px solid #f3981c;
	border-bottom: 1px solid #eee;
	position:fixed;
	width:100%;
	background-color:#FFF;
}
/*	グローバルナビ
------------------------------------------------------------- */
.header-box {
	margin: 15px 0 0 0;
}
.gnav,
.head-searchbox {
	float: right;
	margin: 0 0 0 20px;
}
.head-searchbox {
	margin: -5px 0 0 0;
}
.btn-headsearch {
	width: 30px;
	height: 30px;
	margin: 0 10px;
	cursor: pointer;
	border: 0;
	background: url(../img/common/ico_search01.png) center no-repeat;
}
.gnav a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 20px;
	border-left: 1px solid #ccc;
}
.gnav a.btn-signin {
	font-family: 'Roboto',sans-serif;
	font-size: 114.3%;
	margin: -2px 0 0 0;
	padding: 2px 20px;
	border: none;
}
/* ----------------------------------------------------------
	コンテンツ
------------------------------------------------------------- */
.content {margin: 40px auto;}
.box {margin: 0 0 80px;}
.label {
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block;
	margin: 0 0 5px;
	padding: 0 4px;
	text-decoration: none;
	color: #fff;
}
.label-hokkaido {background: #cec120;}
.label-tohoku {background: #b0ce22;}
.label-kanto {background: #82ca24;}
.label-chubu {background: #26dda2;}
.label-kansai {background: #26bddd;}
.label-chugoku {background: #1d6d8b;
color:#fff!important}
.label-shikoku {background: #dd7426;}
.label-kyushu {background: #e65593;}
.label-okinawa {background: #dfaa3c;}
.label:hover {opacity: .8;}
/* 	crumb
------------------------------------------------------------- */
.crumb {
	padding: 8px 0px;
	/*padding: 8px 60px;
	border-bottom: 1px solid #eee;
	width:984px;*/
	margin:0 auto;
}
.crumb-item a {
	text-decoration: underline;
}
.crumb-item {
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	background: url(../img/common/ico_arrow03_l.png) no-repeat right center;
}
/* 
	plan-schedule
------------------------------------------------------------- */
.ps-detail {
	width: 100%;
}
.ps-schedule p {
	padding: 10px 0 0 0;
}
.ps-detail th {
	width: 25%;
}
.ps-detail th,
.ps-detail td {
	padding: 10px 15px;
	border: 1px solid #ccc;
}
.txt_red/*takeda*/
{
	color:#E7890C;
	font-weight:bold;
}
.ps-detail .btn {
	font-size: 100%;
	line-height: 1;
	display: inline-block;
	margin: 0 10px;
}

/*20150729 miyatake*/
.ps-schedule .col-1of3 img {
    height: auto;
    width: 100%;
}
.ps-schedule .col-1of3 {
    display: inline-block;
    float: none;
    padding: 0 9px;
    vertical-align: top;
    width: 33%;
}
.plan-schedule .ttl {
    border-left: 8px solid #f3981c;
    padding-left: 13px;
    margin-top: 40px;
}


/*
	Q&A
------------------------------------------------------------- */
.faq .accordion_label {
	font-size: 128.6%; /*18px*/
	line-height: 1.2;
	padding: 15px 20px;
	cursor: pointer;
}
.faq .accordion_label p,
.faq .accordion_body p {
	margin: 0 40px 0 60px;
}
.faq .accordion_label:before,
.faq .accordion_body:before {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 122.2%; /*22px*/
	line-height: 1;
	float: left;
	margin: 0 20px 0 0;
	padding: 5px 10px;
	content: 'Q';
	color: #fff;
	border-radius: 50%;
	background: #f3981c;
}
.faq .accordion_body {
	padding: 0 20px 15px;
}
.faq .accordion_body:before {
	content: 'A';
	background: #999;
}
.faq .accordion_label {
	background: url(../img/common/ico_acc01_open.png) no-repeat 98% center;
}
.faq .is-open .accordion_label {
	background: url(../img/common/ico_acc01_close.png) no-repeat 98% center;
}
/* ----------------------------------------------------------
	フッター
------------------------------------------------------------- */
.pagetop {
	margin: 40px auto 20px;
	text-align: right;
}
.foot-primary {
	padding: 30px 0;
	background: #eee;
}
.foot-primary li {
	list-style-position: inside;
	list-style-type: disc;
	color: #f3981c;
}
.foot-primary li span {
	color: #222;
}
.foot-bottom {
	padding: 15px 0;
	color: #fff;
	background: #222;
}
.ttl-foot {
	font-size: 128.6%;
}
.aboutus {
	margin: 0 0 10px;
}
.sns-link li {
	display: inline-block;
	margin: 0 0 0 20px;
}
.sns-link li:first-child {
	margin: 0;
}
.footer-right{
	float:right!important;
}
/* ----------------------------------------------------------
	ページトップ
------------------------------------------------------------- */
.pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 60px;
	height: 60px;
}

/* ----------------------------------------------------------
	カレンダー
------------------------------------------------------------- */
.ui-datepicker-trigger {
	margin-left: 4px;
	cursor: pointer;
}
.searchbox-main .col-data label {	position: relative;}
.searchbox-main .col-data img {
	position:absolute;
	top: 50%;
	right: 10px;
	margin-top: -11px;
}
/* ----------------------------------------------------------
	非表示
------------------------------------------------------------- */
.hidden {
    display: none;
}
/* ----------------------------------------------------------
	SNS
------------------------------------------------------------- */
.fb_size {
	width:20px;
	height:95px;
}
.tw_size {
	margin-left:90px!important;
}