@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	/*border-top:5px solid #0058a1;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	/*	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
	-webkit-text-size-adjust: none;
	color: #333;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%; width:100%; }
fieldset, img
{ border: 0;}
img
{ /* max-width: 100%; width: 100%; height: auto; */ vertical-align: top;}
address, caption, cite, code, dfn, em, 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:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="search"],
input[type="button"],
input[type="text"],
input[type="submit"]
{ -webkit-appearance: none; border-radius:0; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; */ }


/* ---------------------------------------------------------------------------

	共通

--------------------------------------------------------------------------- */
/* リンクカラー */
a {
	outline: none;
    color: #FFF;
/*	color: #1083b7;*/
	text-decoration: none;
}
a:hover {
    opacity: 0.7;
	text-decoration: none;
}

/* チェックボックス・ラジオボタン崩れ用 */
input {
	vertical-align:middle;
}

/* table */
table {
	width:100%;
}

/* strong */
strong {
	color:#158a37;
	font-weight:bold;
}

/* 大文字 */
.large {
	font-size:150%;
}

/* 小文字 */
.small {
	font-size:85%;
}

/* 右寄せ */
.right {
	text-align:right;
}

/* センター寄せ */
.center {
	text-align:center;
}

/* strong以外の強調 */
.pointText {
	color:#a10008;
	font-weight:bold;
}

/* 数字Oswald */
.numberText {
	font-family: 'Oswald', sans-serif;
}

/* img100
----------------------------------------------------------*/
.img100 img {
	width:100%;
}

/* エラーページ
----------------------------------------------------------*/
#error {
	margin:0 auto;
	padding-bottom:40px;
	width:960px;
}
#error .title {
	padding-bottom:5px;
	color:#3e73b1;
	font-weight:bold;
	font-size:40px;
}
#error .lead01 {
	margin-bottom:20px;
}
#error .lead02 {
	margin-bottom:10px;
	color:#3e73b1;
}
#error .point {
	margin-bottom:8px;
	padding:5px;
	background:#3e73b1;
	color:#fff;
	font-weight:bold;
}
#error ul {
	padding-bottom:20px;
}
#error ul.point {
	background:#efeded;
	color:#000;
	font-weight:normal;
}


/* リンクボタン （サイズのみ各ページで変更する程度にする）*/
/*
a.btn {
	margin:0 auto 2% auto;
	padding:10px 0 15px 0;
	border:2px solid #006ebb;
	background:#006ebb url(../images/common/arrow02.gif) no-repeat 98% 50%;
	box-sizing: border-box;
	border-radius:50px;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#fff;
}
a.btn:hover {
	background:#fff url(../images/common/arrow01.gif) no-repeat 98% 50%;
	color: #006ebb;
}
a.btn02 {
	margin:0 auto 2% auto;
	padding:10px 0 15px 0;
	border:2px solid #fff;
	background:#fff url(../images/common/arrow01.gif) no-repeat 98% 50%;
	box-sizing: border-box;
	border-radius:50px;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#006ebb;
}
a.btn02:hover {
	background:#006ebb url(../images/common/arrow02.gif) no-repeat 98% 50%;
	color: #fff;
}
*/

/* サイズ調整用 */
a.btnSmall {
	width:50%;
}



/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img {
	opacity:0.7;
}


/* フォーム
----------------------------------------*/
input.short,
input.middle,
input.long,
textarea {
	padding:10px;
	box-sizing: border-box;
	border:none;
	background:#ffe4b0;
}
input.short {
	width:20%;
}
input.middle {
	width:50%;
}
input.long {
	width:90%;
}
textarea {
	width:90%;
	height:100px;
}
/* 必須 */
.hissu {
	padding:3px 4px 2px 4px;
	background:#e7133b;
	border-radius:4px;
	display:block;
	width:40px;
	text-align:center;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
/* 任意 */
.nini {
	padding:3px 4px 2px 4px;
	background:#efefef;
	border:1px solid #ccc;
	border-radius:4px;
	display:block;
	width:40px;
	text-align:center;
	float:right;
	color:#222;
	font-weight:bold;
	font-size:11px;
}
input.submit {
	margin:0 auto;
	padding: 20px 10px;
	background:#ed1b23;
	border-radius: 6px;
	text-decoration:none;
	display:block;
	text-align:center;
	width:50%;
	color: #fff;
	font-size:18px;
}



/* ---------------------------------------------------------------------------

	スマホ版のみ（ PC版と共有の為、メディアクエリは使わない。)

--------------------------------------------------------------------------- */

/**　wrapperでくくり、640px　max-width に することでスマホ用っぽいＰＣ版が作れる　*/
#wrapper {
	margin:0 auto;
	max-width:640px;
}  
    


/**{overflow:hidden;} /*スマホで閲覧した時にグラグラしなくなる*/

body {
	font-size:14px;
	line-height:140%;
}
/* P */
p {
	padding-bottom:4%;
	line-height:140%;
}
p:last-child {
	padding-bottom:0;
}


/* 注釈 */
p.annotation {
	text-align:right;
	font-size:85%;
}

/* [sp] スマホでは非表示
----------------------------------------*/
.spNone {
	display:none;
}



/* [sp] ベースの横幅
----------------------------------------------------------*/
.innerBox {
	padding:0 4% 4% 4%;
}


/* [sp] borderBox01
----------------------------------------------------------*/
.borderBox01 {
	margin:0 4% 8% 4%;
	padding:4%;
	border-radius:10px;
	border:1px solid #ccc;
}
.borderBox01 p.title {
	padding-bottom:20px;
	font-weight:bold;
	font-size:18px;
}

/* [sp] 背景色
----------------------------------------------------------*/
.innerBoxColor01 {
	/*margin-bottom:12%*/;
	background:#f1f1f1;
    /*padding-bottom:1px;*/
	color:#fff;
}
/*.innerBoxColor01 .innerBox {
	padding-bottom:12%;
}
*/



/* [sp] miniTextBox
----------------------------------------------------------*/
.miniTextBox {
	padding-bottom:4%;
}
.miniTextBox br {
	display:none;
}

/* [sp] ヘディングタグ
----------------------------------------------------------*/
h2 {
	padding:5% 0 5% 0;
	text-align:left;
	color:#000;
	font-size:1.5rem;
	font-family: 'PT Serif', serif;
}
h2:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 5px;
    background-image: url(../images/top/h2_before.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
h2 span {
	padding:1% 0 0 5%;
	display:block;
	color:#333;
	font-size:0.8rem;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
h3 {
	margin-bottom:8%;
	text-align:center;
}
h3 span {
	padding-bottom:5px;
	border-bottom:4px solid #003399;
	font-size:16px;
}
h4 {
/*
	margin-bottom:4%;
	padding:10px 0 12px 15px;
	background:#e2e9f7;
	border-left:8px solid #003399;
*/
   
    margin: 0 auto;
    margin-bottom: 4%;
    padding: 3px 0 3px 10px;
    border-left: 5px solid #333333;
}
h5 {
    text-align: left;
    font-size: 22px;
    font-family: 'PT Serif', serif;
}
h5 span{
    padding-bottom: 5px;
    font-size: 16px;
}
/* [sp]  下層共通  ヘッダー
----------------------------------------------------------*/
    header{
        padding: 6% 0 6% 0;
        border-top:5px solid #000;  
    }

/* [sp] 各ページのメイン画像
----------------------------------------------------------*/
#pageMainPhoto {
	padding-bottom:4%;
	text-align:center;
}
#pageMainPhoto img {
	width:100%;
}

/* [sp] パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
	margin-bottom:8%;
	padding:2% 4%;
	background:#cdd9f1;
	line-height:120%;
	font-size:11px;
}
#breadcrumbs .innerBox {
	padding-bottom:0;
}
#breadcrumbs li {
	display:inline;
}
#breadcrumbs a {
	padding:0 12px 0 0;
	background:url(../images/common/topic_path.gif) no-repeat right;
}

/* [sp] textImgBox01
----------------------------------------*/
.textImgBox01 {
	overflow:hidden;
}
.textImgBox01 li {
	padding:4% 0;
	border-bottom:1px solid #dfdfdf;
	overflow:hidden;
}
.textImgBox01 li:first-child {
	padding-top:0;
}
.textImgBox01 li .photo {
	padding-right:4%;
	float:left;
	width:20%;
}
.textImgBox01 li .photo img {
	width:100%;
}
.textImgBox01 li .box {
	float:left;
	width:76%;
}
.textImgBox01 p.title {
	padding-bottom:5px;
	font-size:16px;
}
.textImgBox01 table {
	border-collapse:separate;
	border-spacing:2px;
}
.textImgBox01 th {
	padding:2px 6px;
	background:#f2f2f2;
	display:block;
}
.textImgBox01 td {
	padding:2px 6px 6px 6px;
	display:block;
}

/* [sp] textImgBox02
----------------------------------------*/
.textImgBox02 {
}
.textImgBox02 li {
	padding-bottom:6%;
}
.textImgBox02 li .photo {
	padding-bottom:5px;
}
.textImgBox02 li .photo img {
	width:100%;
}
.textImgBox02 p.title {
	padding-bottom:2%;
	font-size:20px;
}
.textImgBox02 p.sub {
	padding-bottom:1%;
	font-size:14px;
}

/*  textImgBox03　(ｺｺだけPC用　―　4つ並び)
----------------------------------------*/
.textImgBox03 {
	overflow:hidden;
}
.textImgBox03 li {
	padding:0 2% 20px 0;
	float:left;
	width:23.5%;
}
.textImgBox03 li:nth-child(4n) {
	padding-right:0;
}
.textImgBox03 li:nth-child(4n+1) {
	clear:both;
}
.textImgBox03 li .photo {
	padding-bottom:5px;
}
.textImgBox03 li .photo img {
	width:20%;
}
.textImgBox03 li p.title {
	padding-bottom:0;
}

/* [sp] textImgBox04
----------------------------------------*/
.textImgBox04 {
	overflow:hidden;
}
.textImgBox04 li {
	padding:4% 0;
	border-bottom:1px solid #dfdfdf;
	overflow:hidden;
}
.textImgBox04 li:first-child {
	padding-top:0;
}
.textImgBox04 li:last-child {
	padding-bottom:0;
	border-bottom:none;
}
.textImgBox04 li .photo {
	padding-right:4%;
	float:left;
	width:20%;
}
.textImgBox04 li .photo img {
	width:100%;
}
.textImgBox04 li .box {
	float:left;
	width:70%;
}
.textImgBox04 li .box p {
	padding-bottom:0;
}
.textImgBox04 li p.title {
	padding-bottom:0;
}
.textImgBox04 li p.sub {
	padding-bottom:0;
}

/* [sp] textImgBox05
----------------------------------------------------------*/
.textImgBox05 {
}
.textImgBox05 {
	overflow:hidden;
}
.textImgBox05 li {
	padding:0 4% 6% 0;
	float:left;
	width:48%;
}
.textImgBox05 li:nth-child(2n) {
	padding-right:0;
}
.textImgBox05 li:nth-child(2n+1) {
	clear:both;
}
.textImgBox05 li .photo {
	padding-bottom:5px;
}
.textImgBox05 li .photo img {
	width:100%;
}
.textImgBox05 li p.title {
	padding-bottom:0;
	text-align:center;
}

/* [sp] textImgBox06
----------------------------------------*/
.textImgBox06 {
}
.textImgBox06 {
	overflow:hidden;
}
.textImgBox06 li {
	padding:0 4% 6% 0;
	float:left;
	width:48%;
}
.textImgBox06 li:nth-child(2n) {
	padding-right:0;
}
.textImgBox06 li:nth-child(2n+1) {
	clear:both;
}
.textImgBox06 li .photo {
	padding-bottom:5px;
}
.textImgBox06 li .photo img {
	width:100%;
}
.textImgBox06 li p.title {
	padding-bottom:0;
	text-align:center;
}

/* [sp] textImgBox07
----------------------------------------------------------*/
.textImgBox07 {
	padding-bottom:20px;
}
.textImgBox07 .box {
	padding-bottom:10px;
}
.textImgBox07 .bnr {
}
.textImgBox07 .bnr img {
	width:100%;
}
/* お知らせなど */
.textImgBox07 .box li {
	padding-bottom:10px;
	overflow:hidden;
}
.textImgBox07 h3.style04 {
	margin-bottom:10px;
	padding:3px 0 3px 10px;
	border-left:5px solid #248aca;
	font-size:20px;
}
.textImgBox07 h3.style04 span {
	display:block;
	color:#aaa;
	font-weight:normal;
	font-size:10px;
}
.textImgBox07 .box li p {
	padding-bottom:0;
}
.textImgBox07 .box li p.date {
	padding:2px 5px;
	background:#f2f2f2;
	font-size:10px;
}
.textImgBox07 .box li p.title {
	padding:5px 0;
}

/* [sp] textImgBox08
----------------------------------------------------------*/
.textImgBox08 {
}
.textImgBox08 li {
	margin-bottom:10px;
}
.textImgBox08 a {
	padding:30px 0;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.textImgBox08 span {
	padding-top:10px;
	display:block;
	font-weight:normal;
	font-size:11px;
}

/* btn01 */
.textImgBox08 li#btn01 {
	background:url(../images/top/top_works_btn01.jpg) no-repeat;
	background-size: cover;
}

/* btn02 */
.textImgBox08 li#btn02 {
	background:url(../images/top/top_works_btn02.jpg) no-repeat;
	background-size: cover;
}
/* btn03 */
.textImgBox08 li#btn03 {
	background:url(../images/top/top_works_btn03.jpg) no-repeat;
	background-size: cover;
}

.textImgBox08 a {
	background-color: rgba(0,0,0, 0.5);
}
.textImgBox08 a:hover {
	background-color: rgba(255,255,255, 0);
}


/* [sp] textImgBox09
----------------------------------------------------------*/
.textImgBox09 {
	padding-bottom:4%;
}
.textImgBox09 .photo {
	padding-bottom:4%;
	text-align:center;
}
.textImgBox09 .photo img {
	width:70%;
}
.textImgBox09 .box {
}
.textImgBox09 .box p {
	line-height:200%;
	font-size:14px;
}
.textImgBox09 .box p.title {
	padding-bottom:10px;
	font-size:20px;
}
.textImgBox09 .box p.sub {
	padding-bottom:10px;
	font-style:italic;
}
.textImgBox09 .box .name {
	text-align:right;
}
.textImgBox09 .name span {
	font-size:18px;
}


/* [sp] textImgBox10
----------------------------------------------------------*/
.textImgBox10 {
	padding-bottom:20px;
}
.textImgBox10 .photo {
	padding-bottom:20px;
	text-align:center;
}
.textImgBox10 .photo img {
	width:100%;
}
.textImgBox10 .box {
}
.textImgBox10 .box p {
}
.textImgBox10 .box p.title {
	padding-bottom:4%;
	font-size:18px;
}
.textImgBox10 .box p.sub {
	padding-bottom:2%;
	font-size:16px;
}
.textImgBox10 .box a.btn02 {
	padding:5px 0;
	background:#ca2437;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
/* テーブル有り */
.textImgBox10 th.title {
	padding:2% 0 2% 2%;
	border-bottom:1px dashed #ccc;
}
.textImgBox10 td.price {
	padding:2% 0 2% 2%;
	border-bottom:1px dashed #ccc;
	text-align:right;
}
.textImgBox10 td.price span {
	text-align:right;
	color:#ae1c1e;
	font-size:22px;
}
.textImgBox10 td.price span.sub {
	display:block;
	color:#444;
	font-size:11px;
}

/* telephone */
.textImgBox10 .telephone {
}
.textImgBox10 .telephone p {
	padding-bottom:0;
}
.textImgBox10 .telephone p.title {
	margin-bottom:4%;
	padding-bottom:2%;
	background:none;
	border-bottom:1px solid #8bc327;
	color:#8bc327;
}
.textImgBox10 .telephone p.tel {
	padding-left:40px;
	background:url(../images/common/arrow_tel02.png) no-repeat;
	background-size:30px;
	font-size:16px;
}
.textImgBox10 .telephone p.tel span {
	display:block;
	color:#f59a17;
	line-height:95%;
	font-weight:bold;
	font-size:30px;
}


/* [sp] textImgBox11
----------------------------------------------------------*/
.textImgBox11 {
	padding-bottom:20px;
}
.textImgBox11 .photo {
	padding-bottom:20px;
	text-align:center;
}
.textImgBox11 .photo img {
	width:100%;
}
.textImgBox11 .box {
}
.textImgBox11 .box p.title {
	padding-bottom:10px;
	font-size:18px;
}

/* [sp] textImgBox12
----------------------------------------*/
.textImgBox12 {
}
.textImgBox12 {
	overflow:hidden;
}
.textImgBox12 li {
	padding:0 4% 6% 0;
	float:left;
	width:48%;
}
.textImgBox12 li:nth-child(2n) {
	padding-right:0;
}
.textImgBox12 li:nth-child(2n+1) {
	clear:both;
}
.textImgBox12 li .photo {
	padding-bottom:5px;
}
.textImgBox12 li .photo img {
	width:100%;
}
.textImgBox12 li p.title {
	padding-bottom:0;
	text-align:center;
}


/* [sp] textImgBox13
----------------------------------------*/
.textImgBox13 {
}
.textImgBox13 li {
	margin-bottom:4%;
	padding-bottom:4%;
	border-bottom:1px solid #d6d6d6;
}
.textImgBox13 li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.textImgBox13 li .photo {
	padding-bottom:10px;
}
.textImgBox13 li .photo img {
	width:100%;
}
.textImgBox13 p.title {
	padding-bottom:2%;
	color:#248aca;
	font-size:22px;
}
.textImgBox13 p.sub {
	padding-bottom:2%;
	display:block;
	line-height:120%;
	font-weight:normal;
	font-size:14px;
}
.textImgBox13 .body {
}
.textImgBox13 .body p {
	padding-bottom:4%;
}

/* [sp] textImgBox14
----------------------------------------*/
.textImgBox14 {
}
.textImgBox14 {
	overflow:hidden;
}
.textImgBox14 li {
	padding-bottom:50px;
}
.textImgBox14 li p.title {
	margin-bottom:5px;
	padding:5px 10px;
	background:#0058a1;
	color:#fff;
	font-weight:bold;
}
.textImgBox14 li .photo {
	margin:0 auto;
	width:80%;
}
.textImgBox14 li .photo img {
	text-align:center;
	width:100%;
}
.textImgBox14 li .body {
	padding:0 20px;
}


/* [sp] textImgBox15
----------------------------------------*/
.textImgBox15 {
}
.textImgBox15 {
	overflow:hidden;
}
.textImgBox15 li {
	padding-bottom:50px;
}
.textImgBox15 li p.title {
	margin-bottom:5px;
	padding:5px 10px;
	background:#0058a1;
	color:#fff;
	font-weight:bold;
}
.textImgBox15 li th,
.textImgBox15 li td {
	padding:5px 10px;
	display:block;
}
.textImgBox15 li th {
	padding-left:28px;
}
.textImgBox15 li th.no01 {
	background:url(../images/common/arrow_no01.gif) no-repeat 0 5px;
	font-weight:bold;
	font-size:14px;
}
.textImgBox15 li th.no02 {
	background:url(../images/common/arrow_no02.gif) no-repeat 0 5px;
	font-weight:bold;
	font-size:14px;
}
.textImgBox15 li th.no03 {
	background:url(../images/common/arrow_no03.gif) no-repeat 0 5px;
	font-weight:bold;
	font-size:14px;
}
.textImgBox15 li td.no01,
.textImgBox15 li td.no02,
.textImgBox15 li td.no03 {
	color:#a10008;
	font-weight:bold;
	font-size:16px;
}
.textImgBox15 li td {
	border-bottom:1px solid #e1e1e1;
	text-align:right;
}
.textImgBox15 li .body {
	padding:20px 20px 0 20px;
}


/* [sp] textImgBox16
----------------------------------------*/
.textImgBox16 {
	overflow:hidden;
}
.textImgBox16 li {
	padding:0 4% 0 0;
	float:left;
	width:30%;
}
.textImgBox16 li:nth-child(3n) {
	padding-right:0;
}
.textImgBox16 li:nth-child(3n+1) {
	clear:both;
}
.textImgBox16 li .photo {
	padding-bottom:5px;
}
.textImgBox16 li .photo img {
	width:100%;
}
.textImgBox16 li .box {
	text-align:center;
}
.textImgBox16 li .box p {
	padding:0;
	line-height:150%;
}
.textImgBox16 li p.rank {
}
.textImgBox16 li .box p.name {
}
.textImgBox16 li .box span {
	display:block;
	font-size:11px;
}
.textImgBox16 li p.catch {
	display:none;
}

/* [sp] textImgBox17
----------------------------------------*/
.textImgBox17 {
	padding-bottom:8%;
}
.textImgBox17 .titleText {
	margin-bottom:4%;
	padding:0 0 0 4%;
	border-left:4px solid #ccc;
	font-size:20px;
}
.textImgBox17 .imgBox01 {
	padding-bottom:8%;
}
.textImgBox17 .imgBox02 {
}
.textImgBox17 li {
	padding:4% 0;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.textImgBox17 li .photo {
	float:left;
	width:26%;
}
.textImgBox17 li .photo img {
	width:100%;
}
.textImgBox17 li .box {
	float:right;
	width:70%;
}
.textImgBox17 li .box p {
	padding:0;
}
.textImgBox17 li .box p.title {
	padding-bottom:2%;
	font-size:18px;
}
.textImgBox17 li p.catch {
	padding-top:5px;
}

/* [sp] textImgBox18
----------------------------------------------------------*/
.textImgBox18 {
}
.textImgBox18 li {
	margin-bottom:2%;
}
.textImgBox18 a {
	padding:10% 0;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.textImgBox18 span {
	display:block;
	font-weight:normal;
	font-size:11px;
}

/* btn01 */
.textImgBox18 li#btn01 {
	background:url(../images/sample_btn01.jpg) no-repeat;
	background-size: cover;
}
/* btn02 */
.textImgBox18 li#btn02 {
	background:url(../images/sample_btn02.jpg) no-repeat;
	background-size: cover;
}
/* btn03 */
.textImgBox18 li#btn03 {
	background:url(../images/sample_btn03.jpg) no-repeat;
	background-size: cover;
}

.textImgBox18 a {
	background-color: rgba(0,0,0, 0.5);
}
.textImgBox18 a:hover {
	background-color: rgba(255,255,255, 0);
}

/* [sp] textImgBox19
----------------------------------------------------------*/
.textImgBox19 {
	margin:0 auto;
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox19 li {
	margin-bottom:8%;
	padding-bottom:10%;
	background:url(../images/yazi.gif) no-repeat center bottom;
	background-size:10%;
	overflow:hidden;
}
.textImgBox19 li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.textImgBox19 .photo {
	float:left;
	width:24%;
}
.textImgBox19 .photo img {
	width:100%;
}
.textImgBox19 .box {
	float:right;
	width:72%;
}
.textImgBox19 .box p.title {
	padding-bottom:0;
	font-size:22px;
}
.textImgBox19 .box p.title span {
	color:#ae1c1e;
}

/* [sp] textImgBox20
----------------------------------------------------------*/
.textImgBox20 {
}
.textImgBox20 p.number {
	padding:0;
	float:left;
	width:50%;
	line-height:90%;
	font-size:100px;
}
.textImgBox20 p.number span {
	display:none;
}
.textImgBox20 li {
	padding:20px 0;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.textImgBox20 li .photo {
	padding-bottom:4%;
	float:right;
	width:50%;
}
.textImgBox20 li .photo img {
	width:100%;
}
.textImgBox20 li .body {
	clear:both;
}
.textImgBox20 li .title {
	padding-bottom:4%;
	font-size:22px;
}

/* [sp] textImgBox21
----------------------------------------------------------*/
.textImgBox21 {
	margin-bottom:20px;
}
.textImgBox21 li {
	padding-bottom:10px;
}
.textImgBox21 li a {
	padding:2% 0 2% 30px;
	background:#ffd232 url(../images/common/arrow01.gif) no-repeat 2% 50%;
	display:block;
	text-decoration:none;
	color:#222;
}
.textImgBox21 li a:hover {
	background:#ffe898 url(../images/common/arrow01.gif) no-repeat 2% 50%;
}

/* [sp] textImgBox22
----------------------------------------*/
.textImgBox22 {
	overflow:hidden;
}
.textImgBox22 img {
	width:100%;
}
.textImgBox22 li {
	padding-right:3%;
	float:left;
	width:31%;
}
.textImgBox22 li:nth-child(3n) {
	padding-right:0;
}
.textImgBox22 li:nth-child(3n+1) {
	clear:both;
}

/* [sp] textImgBox23
----------------------------------------------------------*/
.textImgBox23 {
	padding-bottom:4%;
}
.textImgBox23 li {
	margin-bottom:4%;
	padding:8% 0;
	background:#EAE2FA url(../images/bg01.png) no-repeat right bottom;
	background-size:30%;
	text-align:center;
	font-size:16px;
}
.textImgBox23 li:last-child {
	margin-bottom:0;
}
.textImgBox23 span {
	display:block;
	font-size:12px;
}

/* [sp] textImgBox24
----------------------------------------------------------*/
.textImgBox24 {
	padding-bottom:4%;
}

/* textImgBox14 */
.textImgBox24 .textImgBox14 {
	overflow:hidden;
}
.textImgBox24 .textImgBox14 li {
	padding-bototm:4%;
	overflow:hidden;
}
.textImgBox24 .textImgBox14 li:nth-child(3n) {
	padding-right:0;
}
.textImgBox24 .textImgBox14 li:nth-child(3n+1) {
	clear:both;
}
.textImgBox24 .textImgBox14 li p.title {
	margin-bottom:2%;
	padding:0;
	background:none;
	text-indent:inherit;
	color:#fff;
	font-size:16px;
}
.textImgBox24 .textImgBox14 li .photo {
	padding-bottom:2%;
	float:left;
	width:27%;
}
.textImgBox24 .textImgBox14 li .photo img {
	border-radius:10px;
	text-align:center;
	width:100%;
}
.textImgBox24 .textImgBox14 li .body {
	padding:0;
	float:right;
	width:70%;
	text-align:left;
}
/* カラータイトル01 */
.textImgBox24 .textImgBox14 li.bg01 p.title {
	background:#1a889f;
}
/* カラータイトル02 */
.textImgBox24 .textImgBox14 li.bg02 p.title {
	background:#ea5514;
}
/* カラータイトル03 */
.textImgBox24 .textImgBox14 li.bg03 p.title {
	background:#345700;
}

/* 共通 */
.textImgBox24 .box {
	margin:0 auto;
	padding:4% 4% 0 4%;
	border:1px solid #ccc;
	border-radius:10px;
	text-align:center;
}

/* タグ */
.textImgBox24 .type01,
.textImgBox24 .type02,
.textImgBox24 .type03 {
	margin-bottom:4%;
}
.textImgBox24 .type01 span,
.textImgBox24 .type02 span,
.textImgBox24 .type03 span {
	padding:2% 4%;
	color:#fff;
}
.textImgBox24 .type01 span {
	background:#1a889f;
}
.textImgBox24 .type02 span {
	background:#ea5514;
}
.textImgBox24 .type03 span {
	background:#345700;
}


/* stepStart */
.textImgBox24 .stepStart {
	text-align:left;
}
/* 枠線01 */
.textImgBox24 .step01 {
	border:5px solid #1a889f;
}
/* 枠線02 */
.textImgBox24 .step02 {
	border:5px solid #f00;
}
.textImgBox24 .box .title {
	padding-bottom:4%;
	background-position:center;
	font-size:22px;
}

/* 写真テキスト */
.textImgBox24 .photoBox {
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox24 .photoBox .photo {
	float:left;
	width:27%;
}
.textImgBox24 .photoBox .photo img {
	border-radius:10px;
	width:100%;
}
.textImgBox24 .photoBox .textBox {
	text-align:left;
	float:right;
	width:70%;
}
.textImgBox24 .photoBox dl {
	margin-top:4%;
}
.textImgBox24 .photoBox dt {
	padding-bottom:2%;
	background-size:20px;
	color:#f62837;
}
.textImgBox24 .photoBox dd {
	padding-bottom:8%;
}
/* 矢印 */
.textImgBox24 .yazi {
	padding:4% 0;
	text-align:center;
}
.textImgBox24 .yazi img {
	width:30px;
}

/* [sp] textImgBox25
----------------------------------------------------------*/
.textImgBox25 {
	padding:4%;
	background:#ae1c1e;
	color:#fff;
}
.textImgBox25 .innerBox {
	padding-bottom:0;
}
.textImgBox25 #telBox {
}
.textImgBox25 #telBox p {
	padding-bottom:0;
}
.textImgBox25 #telBox p.tel {
}
.textImgBox25 #telBox .tel span {
	padding:1% 0 2% 12%;
	background:url(../images/common/arrow_tel03.png) no-repeat;
	background-size:10%;
	display:block;
	font-size:34px;
}
.textImgBox25 .photo {
	text-align:center;
}
.textImgBox25 .photo img {
	width:100%;
}
/* リンク */
.textImgBox25 #telBox a {
	color:#fff;
}


/* [sp] textImgBox26
----------------------------------------*/
.textImgBox26 {
	overflow:hidden;
}
.textImgBox26 .photo {
	padding-bottom:4%;
}
.textImgBox26 .photo img {
	margin-bottom:5%;
	width:100%;
}
.textImgBox26 .box {
}
.textImgBox26 p.rank {
	padding-bottom:2%;
}
.textImgBox26 .rank span {
    margin-right:4%;
    padding:2% 4%;
    background:#999 none repeat scroll 0% 0%;
	line-height:220%;
    color:#fff;
}
.textImgBox26 .box p.title {
	margin-bottom:4%;
	padding-bottom:2%;
	border-bottom: 1px solid #CCC;
	font-size:20px;
}
.textImgBox26 .box p.catch {
	padding-bottom:4%;
	line-height:130%;
	font-size:16px;
}
/* thum */
.textImgBox26 .thum {
	overflow:hidden;
}
.textImgBox26 .thum li {
	padding-right:5%;
	float:left;
	width:30%;
}
.textImgBox26 .thum li:last-child {
	padding-right:0;
}
.textImgBox26 .thum li img {
	width:100%;
}

/* [sp] textImgBox27
----------------------------------------*/
.textImgBox27 {
}
.textImgBox27 li {
	margin-bottom:4%;
	padding:4%;
	border:1px solid #ccc;
}
.textImgBox27 li .photo {
	padding-bottom:4%;
	text-align:center;
}
.textImgBox27 li .photo img {
	width:50px;
}
.textImgBox27 p.rank {
	padding-bottom:0;
}
.textImgBox27 p.name {
	padding-bottom:4%;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.textImgBox27 p.catch {
	padding-bottom:4%;
}
/* リンク */
.textImgBox27 a.btn {
	margin-bottom:0;
	padding:2% 0;
	width:100%;
	font-size:12px;
}

/* [sp] textImgBox28
----------------------------------------------------------*/
.textImgBox28 {
	overflow:hidden;
}
.textImgBox28 li {
	padding:4%;
	overflow:hidden;
}
.textImgBox28 p {
	padding-bottom:0;
}
.textImgBox28 p.date {
	margin-right:4%;
	float:left;
	width:20%;
	font-size:11px;
}
.textImgBox28 p.icon {
	float:left;
	width:40%;
	text-align:center;
	color:#fff;
	font-size:11px;
}
.textImgBox28 p.title {
	clear:both;
}

/* アイコンカラー */
.textImgBox28 p.bg01 {
	background:#165b64;
}
.textImgBox28 p.bg02 {
	background:#644616;
}
.textImgBox28 p.bg03 {
	background:#641634;
}
.textImgBox28 p.bg04 {
	background:#166446;
}
.textImgBox28 p.bg05 {
	background:#E52E1C;
}
.textImgBox28 p.bg06 {
	background:#0d1e3a;
}

/* 偶数行の背景色を変更 */  
.textImgBox28 li:nth-child(2n){
	/*background:#f3f3f3;*/
}

/* 奇数行の背景色を変更 */  
.textImgBox28 li:nth-child(2n+1) td {
	background:#fff;
}




/* [sp] textImgBox29
----------------------------------------------------------*/
.textImgBox29 {
}

/* 共通 */
.textImgBox29 li {
	padding:4%;
}
.textImgBox29 .title {
	margin-bottom:4%;
	padding-bottom:4%;
	text-align:center;
	line-height:150%;
}
.textImgBox29 .title span {
	padding-bottom:10px;
	display:block;
	font-weight:bold;
	font-size:24px;
}
.textImgBox29 .icon img {
	display:none;
	width:50px;
}
.textImgBox29 .photo {
	padding-bottom:30px;
	text-align:center;
}
.textImgBox29 .photo img {
	width:100%;
}
.textImgBox29 table {
	font-size:12px;
}
.textImgBox29 th {
	padding:5px;
	border-bottom:3px solid #fff;
	display:block;
	font-size:16px;
}
.textImgBox29 td {
	padding:5px;
	border-bottom:3px solid #fff;
	display:block;
}
.textImgBox29 .bg01 th {
	background:#fbedee;
	display:block;
}
.textImgBox29 .bg01 td {
	background:#fff;
	display:block;
}
.textImgBox29 .bg02 th {
	background:#eef0f5;
	display:block;
}
.textImgBox29 .bg02 td {
	background:#fff;
	display:block;
}


/* box01 */
.textImgBox29 .box01 {
	margin-bottom:4%;
	border:5px solid #d0111b;
	border-radius:20px;
	position:relative;
	display:block;
}
.textImgBox29 .box01 .icon {
	position:absolute;
	top:-16px;
	left:20px;
}
.textImgBox29 .box01 .title {
	border-bottom:3px solid #d0111b;
}
.textImgBox29 .box01 .title span {
	color:#d0111b;
}


/* box02 */
.textImgBox29 .box02 {
	margin-bottom:4%;
	border:5px solid #f6ac1d;
	border-radius:20px;
	position:relative;
	display:block;
}
.textImgBox29 .box02 .icon {
	position:absolute;
	top:-16px;
	left:20px;
}
.textImgBox29 .box02 .title {
	border-bottom:3px solid #f6ac1d;
}
.textImgBox29 .box02 .title span {
	color:#f6ac1d;
}


/* box03 */
.textImgBox29 .box03 {
	border:5px solid #183b8c;
	border-radius:20px;
	position:relative;
	display:block;
}
.textImgBox29 .box03 .icon {
	position:absolute;
	top:-16px;
	left:20px;
}
.textImgBox29 .box03 .title {
	border-bottom:3px solid #183b8c;
}
.textImgBox29 .box03 .title span {
	color:#183b8c;
}

/* [sp] textImgBox33
----------------------------------------------------------*/
.textImgBox33 {
	border:4% solid #333;
	background:#333;
	color:#fff;
}
.textImgBox33 li:first-child {
	border-top:1px solid #333;
}
.textImgBox33 li {
	padding:0 4% 8% 4%;
	overflow:hidden;
}
.textImgBox33 li:last-child {
	padding-bottom:4%;
}
.textImgBox33 p.title {
	margin:0 -4% 4% -4%;
	padding:5px 0;
	background:#fff;
	text-align:center;
	color:#333;
	font-size:18px;
}
.textImgBox33 .photo {
	padding-bottom:2%;
}
.textImgBox33 .photo img {
	border-radius:6px;
	width:100%;
}
.textImgBox33 .box {
}



/* [sp] textImgBox35
----------------------------------------------------------*/
.textImgBox35 {
}
.textImgBox35 li {
	margin-bottom:4%;
	/*background:#eef6df;*/
	overflow:hidden;
}
.textImgBox35 p.title {
	margin-bottom:4%;
	padding-bottom:2%;
	border-bottom:2px solid #8bc327;
	font-size:18px;
}
.textImgBox35 .photo {
}
.textImgBox35 .photo img {
	width:100%;
}
.textImgBox35 .box {
	padding:4%;
	box-sizing: border-box;
}

/* 偶数行の背景色を変更 */  
.textImgBox35 li:nth-child(2n) {
	/*background:#fcecd5;*/
}
.textImgBox35 li:nth-child(2n) .box p.title {
	border-bottom:2px solid #f59a17;
}

/* [sp] textImgBox36
----------------------------------------------------------*/
.textImgBox36 {
}
.textImgBox36 li {
	overflow:hidden;
}
.textImgBox36 li p.date {
	padding-bottom:0;
}
.textImgBox36 li p.date span {
	padding:2px 5px;
	background:#efefef;
}
.textImgBox36 li p.title {
	padding-bottom:2%;
	color:#74a917;
	font-size:16px;
}
.textImgBox36 li .box {
	padding:2% 0 8% 0;
	border-top:1px solid #ccc;
	clear:both;
}

/* [sp] textImgBox37
----------------------------------------*/
.textImgBox37 {
	overflow:hidden;
}
.textImgBox37 li {
	padding:0 4% 4% 0;
	float:left;
	width:48%;
}
.textImgBox37 li:nth-child(2n) {
	padding-right:0;
}
.textImgBox37 li .photo {
	padding-bottom:2%;
}
.textImgBox37 li .photo img {
	border:1px solid #ccc;
	box-sizing: border-box;
	width:100%;
}
.textImgBox37 p.title {
	padding-bottom:2%;
	color:#248aca;
	font-size:22px;
}
.textImgBox37 p.sub {
	padding-bottom:2%;
	display:block;
	line-height:120%;
	font-weight:normal;
	font-size:14px;
}
.textImgBox37 .body {
}

/* [sp] textImgBox38
----------------------------------------------------------*/
.textImgBox38 {
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox38 .photo {
	float:left;
	width:48%;
}
.textImgBox38 .photo img {
	width:100%;
}

/* lead */
.textImgBox38 .lead {
	padding-top:4%;
	float:right;
	width:48%;
}
.textImgBox38 .lead p.title {
	padding-bottom:2%;
	font-weight:bold;
	font-size:20px;
}
.textImgBox38 .lead p.title span {
	display:block;
	font-size:14px;
}

/* box */
.textImgBox38 .box {
	padding-top:4%;
	clear:both;
}
.textImgBox38 .box p.title {
	padding-bottom:2%;
	font-weight:bold;
	font-size:20px;
}
.textImgBox38 .box a.btn02 {
	padding:5px 0;
	background:#ca2437;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

/* [sp] textImgBox42
----------------------------------------------------------*/
.textImgBox42 {
}
.textImgBox42 li {
	padding-bottom:4%;
}
.textImgBox42 li a {
	padding:2% 0 2% 4%;
	border:1px solid #ccc;
	background:#ffd232 url(../images/common/arrow01.gif) no-repeat 96% 50%;
	display:block;
	text-decoration:none;
	color:#222;
}

/* [sp] textImgBox43
----------------------------------------------------------*/
.textImgBox43 {
	margin:0 auto;
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox43 li {
	overflow:hidden;
	color:#000;
	text-align: center;
}
.textImgBox43 .photo {
	float:left;
	width:24%;
}
.textImgBox43 .photo img {
	width:100%;
}
.textImgBox43 .box {
	float:right;
	width:72%;
}
.textImgBox43 p.title {
	padding-bottom:2%;
	color:#003B90;
	font-size:22px;
}
.textImgBox43 .bgBox01 {
	border:5px solid #003B90;
	padding: 4%;
}
.textImgBox43 .bgBox02 img {
    width: 10%;
}
/* last-chile */
.textImgBox43 li:last-child .bgBox01 {
	margin-bottom:0;
	padding-bottom:4%;
	background:#003B90;
	color:#fff;
}
.textImgBox43 li:last-child .bgBox01 p.title {
	color:#fff;
}


/* [sp] textImgBox45
----------------------------------------------------------*/
.textImgBox45 {
}
.textImgBox45 .photo img {
	padding-bottom: 8%;
	width: 100%;
}
.textImgBox45 .photoL img {
	padding-bottom: 8%;
	width: 100%;
}
.textImgBox45 .photoR img {
	padding-bottom: 8%;
	width: 100%;
}
.textImgBox45 .box {
	padding: 0 4% 4% 4%;
	color: #fff;
}
.textImgBox45 p {
	padding-bottom:2%;
}
.textImgBox45 p.sub {
	font-size: 12px;
}
.textImgBox45 p.title {
	line-height:120%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:600;
	font-size: 30px;
}
.textImgBox45 p.title span {
	display:block;
	font-size: 12px;
}


/* [sp] textImgBox46
----------------------------------------------------------*/
.textImgBox46 {
}
.textImgBox46 .title {
	padding-left: 8%;
	background: url(../images/icon02.png) no-repeat left 6%;
	font-weight: bold;
}
.textImgBox46 .photo img {
    padding-bottom: 8%;
    width: 100%;
}
.textImgBox46 .photoR img {
    padding-bottom: 8%;
    width: 100%;
}
.textImgBox46 .photoL img {
    padding-bottom: 8%;
    width: 100%;
}


/* [sp] textImgBox47
----------------------------------------------------------*/
.textImgBox47 {
}
.textImgBox47 .photo img {
    width: 100%;
    padding-bottom: 8%;
}
.textImgBox47 dl {
	background:url(../images/line.png) repeat-y 20px 0;
}
.textImgBox47 dt {
	padding:3% 16% 4%;
	background:url(../images/clock.png) no-repeat;
	font-size:22px;
}
.textImgBox47 dd {
	padding:0 16% 4%;
}
.textImgBox47 dd:last-child {
	background:#fff;
}


/* textImgBox49
----------------------------------------------------------*/
.textImgBox49 {
}
.textImgBox49 li {
	padding-bottom:2%;
}
.textImgBox49 li img {
	width:100%;
}

/* [sp] textImgBox50
----------------------------------------*/
.textImgBox50 {
}
.textImgBox50 li {
	padding-bottom:2%;
}
.textImgBox50 li img {
	width:100%;
}

/* [sp] textImgBox51
----------------------------------------*/
.textImgBox51 {
    
}
.textImgBox51 li {
	padding-bottom:2%;
    margin-bottom: 5%;
}
.textImgBox51 li img {
	width:100%;
}

/* [sp]  textImgBox52
----------------------------------------*/
.textImgBox52 {
}
.textImgBox52 li {
	padding-bottom:8%;
}
.textImgBox52 li .head {
	padding-bottom:0;
	font-weight:600;
	font-size:20px;
}
.textImgBox52 li p.sub {
	margin-bottom:2%;
	padding:1% 4%;
	background:#CD0000;
	border-radius:30px;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	width:30%;
	color:#fff;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
}
.textImgBox52 li p.title {
	padding-bottom:2%;
}

/*  [sp] textImgBox54
----------------------------------------------------------*/
.textImgBox54 {
}
.textImgBox54 ul li {
	width: 100%;
	margin: 0 auto 8%;
	position: relative;
}
.textImgBox54 p.title {
	padding-bottom:2%;
	font-size:20px;
}
.textImgBox54 .stepBox {
	background: #49a5d7;
	display: block;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	padding: 4% 0;
}	
.textImgBox54 .textBox {
	display: block;
	vertical-align: middle;
	background: #eef9ff;
	padding: 4%;
}
.textImgBox54 li:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #49a5d7 transparent transparent transparent;
	border-width: 20px 20px 0 20px;
}
.textImgBox54 .stepBox p span {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
}
.textImgBox54 li:last-child:after {
	border: none;
}


/* [sp] textImgBox55
----------------------------------------------------------*/
.textImgBox55 {
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox55 .photo {
	float:left;
	width:35%;
	text-align:center;
}
.textImgBox55 .photo img {
	width:100%;
}
.textImgBox55 .box {
	float:right;
	width:61%;
}
.textImgBox55 .box p {
}
.textImgBox55 .box p.title {
	padding-bottom:10px;
	font-size:20px;
}


/* LINE@ページのQR
----------------------------------------------------------*/
#line {
	background:#fff;
}
#line h3 {
	margin-bottom:4%;
	padding-bottom:2%;
	font-size:20px;
}
#line h3 span {
	border-bottom:5px solid #4db848;
}
#line h4 {
	margin-bottom:4%;
	padding:2%;
	border-left:7px solid #126c0e;
	background:#4db848;
	text-align:left;
	font-size:16px;
}
#line h4 span {
	color:#fff;
}


/* borderBox01 */
#line .textImgBox10 {
}
#line .textImgBox10 p.title {
	margin-bottom:4%;
	padding-bottom:2%;
	border-bottom:3px solid #4db848;
	color:#4db848;
	font-size:20px;
}

/* borderBox01 */
#line .borderBox01 {
	margin-bottom:0;
	border:none;
	background:#e5efd2;
}

/* QRコード */
.linePcQrBox {
	display:none;
}
.lineSpQrBox {
	padding-bottom:4%;
	text-align:center;
}

/* [sp] 求める人材像
----------------------------------------------------------*/
#policyBox {
}

#policyBox p.catch {
	margin-bottom:4%;
	padding:2%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#policyBox ul {
	margin:4% 0;
}
#policyBox li {
	margin-bottom:2%;
	padding:4%;
	background:#094DB1;
	color:#fff;
}

/* [sp] プライバシーポリシー
----------------------------------------------------------*/
#privacyBox {
	overflow:auto;
	height:300px;
}
#privacyBox p.title {
	font-weight:bold;
	font-size:18px;
}



/* [sp] メールでのお問い合わせ
----------------------------------------------------------*/
#contactBg {
	padding:4%;
	border-radius:6px;
	background:#b58c67;
}
#contactBg02 {
	padding:0 4% 4% 4%;
	background:#fff;
	position:relative;
}
#contactBg02 .icon {
	text-align:center;
}
#contactBg02 .icon img {
	width:50%;
}
/* 5つのお約束 */
#contactBg ol.style01 {
	margin-left:20px;
}



/* [sp] box_switch01
----------------------------------------------------------*/
.box_switch01 {
}
	.switchNav01 {
		display: block;
		width: 100%;
		height: auto;
		border-left: none;
	}
		.switchNav01 li {
			display: block;
			float: none;
			margin-top: 10px;
			border: none;
			background: none;
		}
		.switchNav01.col2 li { width: 100%; }
			.switchNav01 li .tit {
				background-color: #333;
				background-image: url(../img/ico/ico_open01_sp.png);
				background-size: 16px 16px;
				background-repeat: no-repeat;
				background-position: 15px center;
				color: #fff;
				font-weight: bold;
				cursor: pointer;
			}
			.switchNav01 li.open .tit {
				background-color: #333;
				background-image: url(../img/ico/ico_close01_sp.png);
			}
				.switchNav01 li .tit a,
				.switchNav01 li .tit a:hover, 
				.switchNav01 li .tit a:focus,
				.switchNav01 li.current .tit a {
					padding: 20px 45px;
					background-color: transparent;
					color: #fff;
					font-size: 128.57%;
					text-align: center;
				}
		.switchNav01 li .content {	
			padding: 15px;
			border: 4px solid #333;
		}
		.box_switch01 .contentBox01 {
			display: none;
		}

/* [sp] googleMapBox
----------------------------------------------------------*/
.googleMapBox {
}
.googleMapBox iframe {
}
.googleMapBox .spMap {
	text-align:center;
}

/* [sp] textList01
----------------------------------------*/
.textList01 {
}
.textList01 li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
.textList01 li p {
	padding-bottom:0;
}
.textList01 li .date {
	font-size:11px;
}
.textList01 li .title {
}


/* pager
----------------------------------------------------------*/
#pager {
	margin:8% 0;
	text-align:center;
}
#pager a {
	margin-right:5px;
	padding:5px 15px;
	border:1px solid #ed1b23;
	background:#ed1b23;
	text-decoration:none;
	color:#fff;
}
#pager a:hover {
	opacity:0.6;
}
/* カレント */
#pager span.current {
	margin-right:5px;
	padding:5px 15px;
	border:1px solid #ed1b23;
	background:#fff;
	text-decoration:none;
	color:#ed1b23;
}


/* [sp] topNews01
----------------------------------------------------------*/
#topNews01 {
}
#topNews01 p.newsTitle {
	margin:0 -4%;
	padding:2% 4%;
	background:#345700;
	color:#fff;
}
#topNews01 ul {
}
#topNews01 p {
	padding-bottom:0;
}
#topNews01 li {
	padding:4%;
	border-bottom:1px solid #c7c7c7;
	overflow:hidden;
}
#topNews01 .date {
	float:left;
	width:20%;
	font-size:12px;
}
#topNews01 .cate {
	padding:1% 0;
	background:#222;
	float:left;
	width:30%;
	text-align:center;
	line-height:1.0;
	color:#fff;
	font-size:11px;
}
#topNews01 .body {
	clear:both;
}
/* お知らせ */
#topNews01 .cate01 {
	background:#222;
}
/* 施工事例 */
#topNews01 .cate02 {
	background:#345700;
}
/* イベント */
#topNews01 .cate03 {
	background:#ff9900;
}

/* [sp] bnrLink01
----------------------------------------------------------*/
.bnrLink01 {
	padding-bottom:20px;
	text-align:center;
}
.bnrLink01 img {
	width:100%;
}

/* [sp] アコーディオン
----------------------------------------------------------*/
.trigger {
	margin-bottom:15px;
	padding:10px 15px;
	border:1px solid #ccc;
	-webkit-box-shadow: 0 7px 6px -6px #777;
	   -moz-box-shadow: 0 7px 6px -6px #777;
	        box-shadow: 0 7px 6px -6px #777;
}
.open-close {
	padding:0 7px;
	background:rgb(202,36,55);
	border-radius:50%;
	float:right;
	color:#fff;
}

/* [sp] contents
----------------------------------------*/
#contents {
}

/* [sp] YouTube
----------------------------------------------------------*/
.videoContainer {
/*	margin-bottom:4%;*/
	position:relative;
	padding:30px 0 56.25% 0;
	height:0;
	overflow:hidden;
	margin-bottom:3%;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* [sp] GoogleMap埋込み
----------------------------------------------------------*/
.map{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.iframeMap {
}
.mapBtn {
	text-align:center;
}
.mapBtn img {
	width:70%;
}

/* [sp] box01
----------------------------------------------------------*/
.box01 {
	padding:20px 0 20px 0;
	overflow:hidden;
}

/* [sp] [TABLE] style01
----------------------------------------------------------*/
table.style01 {
	margin-bottom:4%;
	width:100%;
}
table.style01 th {
	padding:4%;
	background:#519027;
	border:1px solid #519027;
	display:block;
	vertical-align:top;
	color:#fff;
}
table.style01 th.title {
	background:#efefef;
	color:#333;
}
table.style01 td {
	padding:4%;
	border:1px solid #519027;
	display:block;
	vertical-align:top;
}

/* [sp] [TABLE] style02
----------------------------------------------------------*/
table.style02 {
	margin-bottom:4%;
	width:100%;
}
table.style02 th {
	padding:4%;
	background:#519027;
	display:block;
	vertical-align:top;
}
table.style02 td {
	padding:4%;
	display:block;
	vertical-align:top;
}

/* [sp] [TABLE] style03
----------------------------------------------------------*/
table.style03 {
	margin-bottom:4%;
	width:100%;
}
table.style03 th {
	padding:4%;
	border-bottom:1px solid #519027;
	display:block;
	vertical-align:top;
	color:#519027;
}
table.style02 th.title {
	background:#efefef;
}
table.style03 td {
	padding:4%;
	border-bottom:1px solid #519027;
	display:block;
	vertical-align:top;
}

/* [sp] [UL] style01
----------------------------------------------------------*/
ul.style01 {
	margin-left:4%;
	list-style-type:disc;
}
ul.style01 li {
	padding-bottom:4%;
}
ul.style01 li:last-child {
	padding-bottom:0;
}

/* [sp] [OL] style01
----------------------------------------------------------*/
ol.style01 {
	margin-left:4%;
	list-style-type:decimal;
}
ol.style01 li {
	padding-bottom:4%;
}
ol.style01 li:last-child {
	padding-bottom:0;
}

/* [sp] [DL] style01
----------------------------------------------------------*/
dl.style01 {
}
dl.style01 dt {
	padding:4% 0 2% 0;
	font-size:18px;
}
dl.style01 dd {
	padding-bottom:4%;
	border-bottom:1px solid #ccc;
}
dl.style01 dt:first-child {
	padding-top:0;
}


/* [sp] パンくずリスト
----------------------------------------------------------*/
#breadcrumb {
	padding:10px 0 30px 0;
}
#breadcrumb li {
	display:inline;
}
#breadcrumb a {
	padding:0 12px 0 0;
	background:url(../images/common/topic_path.gif) no-repeat right;
}

/* [sp] tableWidthBox01
----------------------------------------------------------*/
.tableWidthBox01 {
	margin-bottom:30px;
	width: 100%;
	overflow-x: auto;
}
.tableWidthBox01 table {
	width: 960px;
}
.tableWidthBox01 th,
.tableWidthBox01 td {
	display:table-cell;
}
.tableWidthBox01 th {
	padding:2%;
	border-bottom:1px solid #dfdfdf;
	background:#fff;
	vertical-align:top;
}
.tableWidthBox01 td {
	padding:2%;
	border-bottom:1px solid #dfdfdf;
	vertical-align:top;
}

/* [sp] tableWidthBox02
----------------------------------------------------------*/
.tableWidthBox02 {
}
.tableWidthBox02 table.style01 {
	border-collapse: collapse;
	border-spacing:0 !important;
	display: block;
	position: relative;
}
.tableWidthBox02 table.style01 thead {
	display: block;
	float: left;
}
.tableWidthBox02 table.style01 tbody {
	display: block;
	position: relative;
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
.tableWidthBox02 table.style01 thead th {
	background: #ffc;
	display: block;
}
.tableWidthBox02 table.style01 tbody td {
	display: block;
}
.tableWidthBox02 table.style01 tbody tr {
	display: inline-block;
}
.tableWidthBox02 table.style01 th:not(:last-child) {
	border-bottom: none;
}
.tableWidthBox02 table.style01 td:not(:last-child) {
	border-bottom: none;
}
.tableWidthBox02 table.style01 td {
	border-left: none;
}
/* デザイン */
.tableWidthBox02 table.style01 th {
	padding:5px 10px;
	border:1px solid #dfdfdf;
	vertical-align:top;
	font-weight:bold;
}
.tableWidthBox02 table.style01 td {
	padding:5px 10px;
	border:1px solid #dfdfdf;
	vertical-align:top;
}

/* [sp] dateBox（共通）
----------------------------------------------------------*/
.dateBox {
	margin-bottom:4%;
	padding:4%;
	background:#efefef;
	overflow:hidden;
	line-height:170%;
	font-size:12px;
}
.dateBox li.date {
	padding-right:4%;
	float:left;
}
.dateBox li.icon {
	margin-right:4%;
	padding:0 4%;
	border-radius:2px;
	float:left;
}
.dateBox li.bg01 {
	border:1px solid #ccc;
}



/* [sp] footerBnrList
----------------------------------------------------------*/
#footerBnrList {
    width: 100%;
	overflow:hidden;
	background:#333;
	padding:3% 0;
}
#footerBnrList ul {
	width:94%;
	margin:0 auto;
}
#footerBnrList li:first-child {
    width: 100%;
	float:left;
	padding:0 0 1%;
}
#footerBnrList li:first-child img {
    width: 100%;
}
#footerBnrList li {
	width:32%;
	float:left;
	padding:0 2% 0 0 ;
}
#footerBnrList li img {
    width: 100%;
}
#footerBnrList li:last-child {
	padding:0 0 0 0 ;
}
/* [sp] footer footerType03
----------------------------------------------------------*/
#footerType03 {
}
#footerType03 #footerLogo {
	width: 100%;
	padding-bottom:4%;
}
#footerLogo img {
	width: 100%;
}
#footerType03 address {
	padding-bottom: 4%;
}
#footerType03 address dt {
	padding-bottom: 4%;
	font-weight: bold;
	font-size: 14px;
}
#footerType03 #fNavi p {
	padding: 2%;
	border-top: 1px solid #005ac9;
}
#footerType03 #fNavi p a {
	display: block;
	background:url(../images/common/arrow01.gif) no-repeat 96% 50%;
}
#footerType03 a {
	text-decoration:none;
}


/* [sp] footer footerType02
----------------------------------------------------------*/
footer#footerType02 {
	margin-bottom:4%;
	overflow:hidden;
	color:#fff;
}
footer#footerType02 a {
	color:#fff;
}
footer#footerType02 .box01 {
	background:#444;
	display:block;
}
footer#footerType02 .inner {
	padding:0 4%;
}
/* facebookページ */
footer#footerType02 #photoBox {
	padding-bottom:4%;
}
/* 住所 */
footer#footerType02 address {
}
footer#footerType02 address dt {
	padding-bottom:2%;
	border-bottom:1px solid #ccc;
}
footer#footerType02 address dd {
	padding:2% 0 4% 0;
}
/* あああああ株式会社 */
footer#footerType02 address .style01 {
	margin-bottom:4%;
	padding:4%;
	background:#6c6c6c;
	font-size:12px;
}
footer#footerType02 address .style01 dt {
	padding-bottom:2%;
	border-bottom:1px solid #ccc;
}
footer#footerType02 address .style01 dd {
	padding:2% 0;
	background:none;
}
/* ロゴ */
footer#footerType02 #footerLogo {
	padding-bottom:4%;
	font-size:16px;
}
/* footerBox */
footer#footerType02 #footerBox {
	padding-bottom:4%;
	font-size:16px;
}
footer#footerType02 #footerLogo img {
	width:100%;
}
/* fNavi */
footer#footerType02 #fNavi {
	margin-bottom:4%;
}
footer#footerType02 #fNavi li {
	border-bottom:1px solid #ccc;
}
footer#footerType02 #fNavi a {
	padding:2% 4%;
	background:url(../images/common/arrow01.gif) no-repeat 96% 50%;
	display:block;
	text-decoration:none;
	color:#333;
}
/* コピーライト */
footer#footerType02 #copy {
	padding:4%;
	text-align:center;
	font-size:11px;
}



/* [sp] footer footerType01
----------------------------------------------------------*/
footer#footerType01 {
	margin-bottom:4%;
	background:#78ba1d;
	color:#fff;
}
footer#footerType01 .innerBox {
	padding:0;
}
footer#footerType01 a {
	color:#fff;
}
footer#footerType01 .box01 {
	padding:0;
}
/* ロゴ */
footer#footerType01 #footerLogo {
	display:none;
}
/* 住所 */
footer#footerType01 address {
	padding:4%;
	text-align:center;
}

/* バナー */
footer#footerType01 #bnrList {
	padding:4%;
	overflow:hidden;
}
footer#footerType01 #bnrList li {
	padding:0 2% 2% 0;
	float:left;
	width:49%;
}
footer#footerType01 #bnrList li:nth-child(2n) {
	padding-right:0;
}
footer#footerType01 #bnrList li:last-child {
	padding-bottom:0;
}
footer#footerType01 #bnrList img {
	width:100%;
}

/* [sp] fNavi */
footer#footerType01 #fNavi {
	margin:0;
}
footer#footerType01 #fNavi li {
	padding:2% 4%;
	border-bottom:1px solid #fff;
}
footer#footerType01 #fNavi a {
	padding:0;
	background:url(../images/common/arrow02.gif) no-repeat 100% 50%;
	display:block;
	text-decoration:none;
	width:100%;
	color:#fff;
}
/* コピーライト */
#copy {
	padding:4% 0 0;
	text-align:center;
	font-size:10px;
}



/* [sp] footer footerType04
----------------------------------------------------------*/
footer#footerType04 {
	margin-bottom:4%;
}
footer#footerType04 .innerBox {
	padding:0;
    background: #000;
    
}
footer#footerType04 a {
}
footer#footerType04 .box01 {
	padding:0;
}

/* [sp] fNavi */
footer#footerType04 #fNavi {
	margin:0;
}
footer#footerType04 #fNavi li:first-child{
	border-top:none;
}
footer#footerType04 #fNavi li {
	padding:2% 4%;
	border-top:1px solid #ccc;
	background:#f2f2f2;
    
}
footer#footerType04 #fNavi li:last-child {
	border-bottom:1px solid #ccc;
}
footer#footerType04 #fNavi a {
	padding:2% 0 2% 0;
	background:url(../images/common/arrow01.gif) no-repeat 100% 50%;
	display:block;
	text-decoration:none;
	width:100%;
    color:#000;
}
footer#footerType04 #fNavi a span{
    font-size: 14px;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.1rem;
    padding-left: 2%
}

/* バナー */
footer#footerType04 #bnrList {
	padding:4%;
	overflow:hidden;
}
footer#footerType04 #bnrList li {
	padding:0 2% 2% 0;
	float:left;
	width:49%;
}
footer#footerType04 #bnrList li:nth-child(2n) {
	padding-right:0;
}
footer#footerType04 #bnrList li:last-child {
	padding-bottom:0;
}
footer#footerType04 #bnrList img {
	width:100%;
}

/* ロゴ */
footer#footerType04 #footerLogo {
	text-align:center;
}
footer#footerType04 #footerLogo img {
	width:50%;
}
/* 住所 */
.address {
	padding:4% 0 6% 0;
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
}
.address ul{
	width:85%;
	margin:0 auto;

}
.address ul li{
	color: #000;
	font-size:14px;
}
.address ul li:first-child{
    text-align: center;
    padding-bottom: 5%;
    
}
.address ul li:first-child img{
        width: 80%;
}

.address li:nth-child(2n):before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_map.gif);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    padding-right: 10px;
}
.address li:last-child:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_tel.gif);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    padding-right: 10px;
}

.pagetop{
    border-bottom:1px solid #ccc;
    padding-bottom: 0;

}
/* コピーライト */
#copy {
/*	padding:4%;*/
/*	border-top:1px solid #ccc;*/
	text-align:center;
	font-size:10px;
}

/* [sp] pageTop
----------------------------------------------------------*/
#pageTop {
	display: block;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.1rem;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f2f2f2;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
/* [sp]  共通 ボタン
----------------------------------------------------------*/
.button {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    background-color:#000000;
    border: 2px solid #cccccc;
    color: #fff;
    line-height: 50px;
    position: relative; 
    z-index: 2; 
    cursor: pointer;

}

.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-transition: all .5s;
    transition: all .5s; 
}
.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #333;
}
.button::before {
    left: 0;
}
.button::after {
    right: 0;
}
.button:hover {
    background-color: #fff;
    border-color: #000;
    color: #333;
}
.button:hover::before,
.button:hover::after {
    width: 0;
    background-color: #333;
}
.button a{
    color: #CCC;
 }
/* [sp]  共通  見出し
----------------------------------------------------------*/  
h3.title{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 8%;
    text-align: center;
    padding: 2% 0 2% 0;
    border: 1px solid;
	font-weight: bold;
    font-size: 18px;
}
/* [sp]  共通  背景色
----------------------------------------------------------*/
#wrapper{
    overflow: hidden;/*  変な隙間、対策。  */
}

/* [sp]  共通  文字色
----------------------------------------------------------*/
span.red{
	color:#C00;

}
span.green{
	color:#099;
}

/* [sp]  共通  言語切り替えボタン
----------------------------------------------------------*/
.languageBtn{
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
/*文字が2行だったり1行だったりするので揃えるためにテーブルにする*/
.languageBtn ul{
    display:table;
    width:100%;
    margin:0;
    padding:0;  
}

.languageBtn ul li{
    display:table-cell;
    width:25%;
    border-left:1px solid #efefef;
    list-style:none;
    background-color: #f2f2f2;
    color: #000;
    font-size: 0.7rem;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.1rem;
    text-align: center;
    padding: 2% 0 2% 0;
}

.languageBtn ul li a{
	font-size:0.7rem;
	color:#000;

}

.languageBtn ul li:first-child{
	border-left:none;
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle
}
.languageBtn ul li:last-child{
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle

}
.languageBtn ul li:after{
	content: '';
    /*background-image: url(../images/common/icon_point01.gif);*/
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50% ;
   /* padding-right: 10px*/;
}
.languageBtn ul li:nth-child(2):after{
    background-position: -10% -10% ;
    margin-left: 8%;
}
.languageBtn ul li:nth-child(3):after{
    background-position: -10% -10% ;
    margin-left: 8%;
}
/* [sp]  共通  予約バナー
----------------------------------------------------------*/ 
.bookingBox{
    background: -webkit-gradient(linear, left top, right bottom, from(#ebebeb), color-stop(0.25, #ebebeb), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ebebeb), color-stop(0.75, #ebebeb), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background: linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background-size: 4px 4px;
    padding-top: 10%;
}
    
/* [sp] アイコン横並び
----------------------------------------------------------*/    
.iconBox{
    width: 70%;
    overflow: hidden;
    margin-bottom: 3%;
    box-sizing: border-box;
	margin-top:5%;
}
.iconBox li img{
    width: 80%;
    display: block;

}
.iconBox li{
    width: 25%;
    float: left;
}

/* [sp] アイコン横並び 4個
----------------------------------------------------------*/    
.iconBox02{
    width:100%;
    overflow: hidden;
    margin-bottom: 3%;
    box-sizing: border-box;
	margin:0 auto;
}
.iconBox02 li img{
    width: 90%;
    display: block;

}
.iconBox02 li{
    width: 25%;
    float: left;
	margin-bottom:5%;
}
  

  
/* [sp] トップページ
----------------------------------------------------------*/
#home #pagemainePhoto{	
}
#home #pagemainePhoto img {
	width: 100%;
}

#home .innerBoxColor03{
	background-image: url(../images/top/home_back01.jpg);
	background-repeat:no-repeat;
	background-size: cover;

}
#home #pagemainePhoto p{
    text-align: center;
    padding-bottom: 0;
}
#home #pagemainePhoto p img{
    width:70%;
	
}
#home .conceptBox{
    text-align: center;
}
#home h2.concept{
	padding-bottom:10px;
    color:#FFF;
    text-shadow: 1px 1px 5px #000;
}
#home h2.concept:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 5px;
    background-image: url(../images/top/h2_before02.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

#home .concept span{
    color:#FFF;
    text-shadow: 1px 1px 5px #000;
}
#home .catch{
	font-size:1.5rem;
	margin-bottom:5%;
    font-family: 'PT Serif', serif;
	color:#FFF;
	text-shadow: 1px 1px 5px #000; 
    margin: 7% 0 5% 0;
}
#home .catch span{
    display: block;
    font-size: 13px;
    padding-top: 3%;
    text-shadow: 1px 1px 5px #000;   
}
#home .miniTextBox{
    margin-bottom: 3%;
}

#home .miniTextBox p{
	line-height:2.0rem;
	color:#FFF;
	text-shadow: 1px 1px 5px #000;
}

#home h1.top{
    padding:20% 0 10% 0;
}
#home h1.bottom{
    padding: 10% 0 20% 0;
}
#home h1{
	text-align:center;
	font-size:30px;
	text-shadow:1px 1px 5px #000;
    font-weight:100;
	font-family: 'PT Serif', serif;
	color:#FFF;
}

#home .textImgBox28 p.date{
	font-family:'Oswald', sans-serif;
	font-size:15px;
	color:#333;
	background:#f0f0f0;
	text-align:center;
	padding:2%;
/*	letter-spacing: 0.05rem;*/
}
#home .textImgBox28 p.title{
	padding:2% 0 0 2%;
	border-top:5px solid #f0f0f0;
}

#home .logo02{
    background-color: #efefef;
    padding: 5% 10% 5% 10%;
    text-align: center;
    margin-bottom: 5%;
}
#home .logo02 img{
    width:90%;
}
/*	パーツ集のいらんもの*/
#home .textImgBox13 li{
	padding:0;
	margin:0;
	border:none;
}
#home .textImgBox13 li .photo img{
	width:95%;
	border:5px solid #F1F1F1;
}
#home .info ul{
    margin-bottom: 10%;
}
#home .info li{
	font-size:14px;
}
#home .info li:first-child:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_map.gif);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    padding-right: 10px;
        
}
#home .info li:nth-child(2):before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_tel.gif);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    padding-right: 10px;
        
}

#home .innerBoxColor02{
    padding:5% 0 5% 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#ebebeb), color-stop(0.25, #ebebeb), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ebebeb), color-stop(0.75, #ebebeb), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background: linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background-size: 4px 4px;
}   

/* [sp]  下層共通  ヘッダー
----------------------------------------------------------*/
header{
    padding: 2% 0 2% 1%;
    border-top:5px solid #000;  
}
header .logo img{
    width: 46%;
    padding-left: 3%;
}
/* [sp]  下層共通  メイン画像
----------------------------------------------------------*/
    
/*　よくある質問　*/
#question #pageMainPhoto{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/question_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#question #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 1px 5px #000;
    font-weight: 100;
    /*font-family: 'PT Serif', serif;*/
    color: #FFF;
 }
#question #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height: 30px;/*画像の高さ*/
    background-image: url(../images/common/sun_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#question #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.2rem;
}
#question #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}


 /*　宿泊案内　*/   
#concept #pageMainPhoto {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/concept_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#concept .checktime{
    margin-top:10%;
}
#concept #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.2rem;
}
#concept #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 1px 5px #000;
    font-weight: 100;
   /* font-family: 'PT Serif', serif;*/
    color: #FFF;
 }
#concept #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height: 30px;/*画像の高さ*/
    background-image: url(../images/common/sun_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#concept #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}
    
/*　お部屋と設備　room　*/   
#info #pageMainPhoto {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/info_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#info #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.0rem;
}
#info #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 1px 5px #000;
    font-weight: 100;
    /*font-family: 'PT Serif', serif;*/
    color: #FFF;
 }
#info #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height:30px;/*画像の高さ*/
    background-image: url(../images/common/sun_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#info #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}


    
    
/*　アクセス　Access　*/   
#access #pageMainPhoto {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/access_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#access #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.0rem;
}
#access #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 1px 5px #000;
    font-weight: 100;
   /* font-family: 'PT Serif', serif;*/
    color: #FFF;
 }
#access #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height: 30px;/*画像の高さ*/
    background-image: url(../images/common/sun_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#access #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}


    
    
/*　隠しページ　ゲストオンリー　gestonly　*/   
#gestonly #pageMainPhoto {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/gestonly_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#gestonly #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.0rem;
}
#gestonly #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
	text-shadow: 1px 1px 5px #000;
    font-weight: 100;
   /* font-family: 'PT Serif', serif;*/
    color: #FFF;
 }
#gestonly #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height: 30px;/*画像の高さ*/
    background-image: url(../images/common/sun_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#gestonly #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_bk.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}



    
/*　便利マップ　Spots map　*/   
#spotsmap #pageMainPhoto {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:20% 0 50% 0;
    /* h1の文字を真ん中に持ってくる*/
    background: url(../images/spotsmap_photo01.jpg) 0 0 no-repeat;
    background-size: cover;
}
#spotsmap #pageMainPhoto h1 span{
    display: block;
    padding-top: 3%;
    font-size: 1.0rem;
}
#spotsmap #pageMainPhoto h1{
    text-align: center;
    font-size: 30px;
	text-shadow: 1px 1px 5px #FFF;
    font-weight: 100;
    /*font-family: 'PT Serif', serif;*/
    color: #000;
 }
#spotsmap #pageMainPhoto h1:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 80px;/*画像の幅*/
    height: 30px;/*画像の高さ*/
    background-image: url(../images/common/sun_bk.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#spotsmap #pageMainPhoto h1:after{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    content: '';
    display: block;
    width: 50px;
    height: 30px;
    background-image: url(../images/common/line_bk.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;

}
 /*お店のリンクの設定*/
#spotsmap .link a{
	text-decoration:underline;
	color:#c90000;
}  
#spotsmap .link{
	text-align:center;
}


/* [sp] よくある質問
----------------------------------------------------------*/  
    .bellows__content a{
        color: #c90000;
        
    }
    
    
    

/* [sp] 宿泊案内　Gest House

----------------------------------------------------------*/ 
#concept .textImgBox27{
	width:80%;
	margin: 0 auto;
}
#concept .textImgBox27 li .photo img{
	width:80%;
}
#concept .textImgBox27 li .photo{
	padding-top:5%;

}
#concept h4{
	padding:2% 4% 2% 4%;
	text-align:center;
	font-weight:600;
	color:#FFF;
	background:#000;
	margin-bottom:0;
	font-size:17px;
	border-left:none;
	margin-bottom:5%;
	
}
#concept h5{
	margin:0 0 3% 5%;
}
#concept .time{
	font-size:23px;
	text-align:center;
	font-weight:600;
	margin-top:3%;
	padding-bottom:3%;
}
#concept .timeBox{
	width:80%;
	margin:0 auto;
	border:1px solid #000;
	padding-bottom:3%;
    text-align: center;
}
#concept .timeBox p{
	padding-bottom:0;
}
#concept .timeBox p img{
	width:30%;
}
#concept .coution{
	width:90%;
	margin:0 auto;
}
#concept .timeBox .coution p{
	text-align:left;
}

#concept .textImgBox27 li{
	margin-top:10%;
	position:relative;
	padding:0;
	border-radius: 5px;
	border:1px solid #333;

}
#concept .textImgBox27 li p{
	padding:2% 4% 2% 0;
}
#concept .textImgBox27 .number{
	position:absolute;
	top:-20px;
	background:#000;
	color:#fff;
	font-size:16px;
	margin-left:5%;
	font-family:'Oswald', sans-serif;


}
#concept .textImgBox27 .number:before{
    content: '';
    display: inline-block;
    width: 20px;
    height:5px;
    background-image: url(../images/concept_icon.gif);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
#concept .textImgBox27 .catch{
	width:90%;
	margin:0 auto;
	border-top:1px solid #333;
}
#concept .textImgBox27 .catch a{
    color: #d40000;
}
#concept .timeBox{
	margin-bottom:5%;
}
#concept .textImgBox27 .box{
	padding-bottom:5%;
}
#concept .textImgBox27 .box .text{
	width:90%;
	margin:0 auto;
	font-size:14px;
	
}
#concept .textImgBox27 .text a{
	color:#d40000;
}
#concept .textImgBox27 a{
	text-decoration:underline;
	
}
#concept h3{
	padding-left:5%;
	text-align:left;
	font-size:22px;
	font-family: 'PT Serif', serif;
	margin-bottom: 5%;
}    
    
#concept h3:before{
    content: '';
    display: inline-block;
    width: 20px;
    height:20px;
    background-image: url(../images/caution.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-left: 3%;
}
    
#concept h3 span{
	border-bottom:none;
    color: #777;
}
#concept .miniTextBox{
	padding-bottom:0;
	margin-bottom:3%;
}
#concept .miniTextBox .title{
	padding-bottom:2%;
	/*font-weight:bold;*/
}
#concept .textImgBox12{
	overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

#concept .textImgBox12 .title span{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    display: block;
    padding-bottom: 5%;
}
#concept .textImgBox12 .sub01{
	text-align:center;
	font-weight:bold;
	font-size:17px;
    margin-top: 5%;
}
/*
#concept .textImgBox12 .sub01:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/no01.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	padding-left: 5%;
	
}
*/
#concept .textImgBox12 .sub02{
	text-align:center;
	font-weight:bold;
	font-size:17px;
    margin-top: 5%;
}
/*
#concept .textImgBox12 .sub02:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/no02.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	padding-left: 5%;
	
}
*/
#concept .textImgBox12 .sub03{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
#concept .textImgBox12 .sub03:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/no03.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	padding-left: 5%;

}
#concept .textImgBox12 .sub04{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
#concept .textImgBox12 .sub04:before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/no04.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	padding-left: 5%;
	
}
#concept .textImgBox12 li p.title{
    text-align: left;
    margin-top: 5%;
}
#concept .textImgBox35{
	width:80%;
	margin:0 auto;
}
#concept .textImgBox35 .photo{
	position:relative;
    background-color: #fff;
    border: 1px solid #000;
    padding: 10% 0 5% 0;
}
#concept .textImgBox35 .step{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	background:#000;
	padding:2% 2% ;
	font-family:'Oswald', sans-serif;
	font-size:17px;
	
}

#concept .textImgBox35 .box{
    background: #000;
    width: 100%;
    height:260px;
    margin-bottom: 10%;
    position: relative;
	display: inline-block;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #000;
}
#concept .textImgBox35 .box p{
    color: #fff;
}

#concept .textImgBox35 .box:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
}
#concept .textImgBox35 .box-last{
    background: #000;
    width: 100%;
    height: 50px;
    margin-bottom: 5%;
    padding: 3% 3%;
    position: relative;
	display: inline-block;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #000;
}
#concept .textImgBox35 .box-last p{
    color: #fff;
}
#concept .attentionBox{
	width:80%;
	margin:0 auto;
}
#concept .textImgBox35 h5{
	color:#FFF;
}
#concept .textImgBox35 .hight100{
	height:100px;	
}

#concept .textImgBox12 .sub01{
	text-align:center;
	font-weight:bold;
	font-size:17px;
    margin-top: 5%;
}
#concept .miniTextBox li{
	width:90%;
	margin:0 auto;
	margin-bottom:3%;
}
#concept .title02{
	width: 90%;
    margin: 0 auto;
    margin-bottom: 5%;
    text-align: center;
    padding: 2% 0 2% 0;
    border: 1px solid;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1rem;
}
#concept .title{
	width:80%;
	margin:0 auto;
}

    
/* [sp] お部屋と設備　info
----------------------------------------------------------*/

#info .innerBox{
    margin-bottom: 5%;
}
    
#info h3.title{
    /*margin-top: 5%;*/
	border:none;
	text-align:left;
	margin-bottom:2%;
	font-size:1.5rem;
	font-weight:bold;
}

#info h3.title02{
    width: 90%;
    margin: 0 auto;
    margin-bottom:5%;
    text-align: center;
    padding: 2% 0 2% 0;
    border: 1px solid;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1rem;
}

/*#info .innerBoxColor01{
    padding-bottom:0;
    margin-bottom: 2%;
}*/
#info .facility img{
    width: 100%;
}
#info .miniTextBox{
    margin-top: 5%;
}
#info .lulu .miniTextBox{
    margin-top: 3%;

}
#info .textImgBox22 li{
    text-align: center;

}
#info .miniTextBox .title{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 2%;
}
#info h4{
    padding-left: 5%;
}
#info h5{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3%;

}
#info .innerBoxColor02{
    padding:5% 0 5% 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#ebebeb), color-stop(0.25, #ebebeb), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ebebeb), color-stop(0.75, #ebebeb), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background: linear-gradient(-45deg, #ebebeb 25%, white 25%, white 50%, #ebebeb 50%, #ebebeb 75%, white 75%, white);
    background-size: 4px 4px;
    margin-bottom: 10%
}




/* [sp] アクセス　Accsess
----------------------------------------------------------*/
#access .postNo{
    font-size: 12px;
    padding-bottom:2%;
}
#access .miniTextBox{
    padding-bottom: 0;
}
#access .miniTextBox li:first-child{
    width:30%;
    background-color:#000;
    color: #fff;
    padding: 2% 0 2% 0;
    margin-bottom: 2%;
    text-align: center;
    font-size: 14px;
}
#access .miniTextBox li span{
    font-weight: bold;
    color: crimson;
}
#access .miniTextBox li:nth-child(2){
    font-size:14px;
    font-weight: bold;
}
#access .miniTextBox li:nth-child(3){
    margin-bottom: 2%;
}
#access .miniTextBox li:nth-child(4){
    font-size:14px;
    font-weight: bold;
}
#access .miniTextBox li:last-child{
    font-size: 14px;
}
#access .miniTextBox li:last-child span{
    font-weight: bold;
    font-size: 16px;
}
#access h2.size{
    font-size: 24px;

}
#access .textImgBox37 li{
    width: 45%;
    box-sizing: border-box;
    border: 1px solid #000; 
    padding: 1% 1%;
    color: #000;
    text-align: center;
    margin:3% 0 3% 3%;
    background: #fff;
}
#access .textImgBox37 .photo{
    padding-bottom: 0;

}   
#access .map{
    border: 5px solid #fff;
    box-shadow: 1px 1px 5px #b5b5b5;
	height:150px;/*地図に高さを取るため入れている*/
}
#access h3.title{
    margin-bottom: 4%
}
#access h3.title02{
	width: 90%;
    margin: 0 auto;
    margin-bottom: 8%;
    text-align: center;
    padding: 2% 0 2% 0;
    border: 1px solid;
    font-weight: bold;
    font-size: 18px;
	background:#000;
	color:#FFF;
}
#access .innerBoxColor01{
	padding-bottom:0;
}
/*
#access .transfer{
    overflow: hidden;
}
#access .touch{
    width: 25%;
    padding:2%;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    text-align: right;
    float: right;
}
#access .touch:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 5px;
    background-image: url(../images/access_icon01.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
*/

#access .miniTextBox02{
    border-top: 1px dashed #000;
    margin-top: 5%;
        
}
#access .miniTextBox02 li:first-child{
    width:98%;
    font-size: 1.1rem;
    padding: 1% 1%;
    background: #000;
    color: #FFF;
    margin: 3% 0 2% 0;
    
}
#access .miniTextBox02 li{
    margin-bottom: 1%;

}
#access .pdfBox img{
    width: 100%;
}
#access .miniTextBox03{
    margin-top: 3%;
        
}
#access .miniTextBox03 li:first-child{
    width:98%;
    font-size: 1.1rem;
    padding: 1% 1%;
    background: #000;
    color: #FFF;
    margin: 3% 0 2% 0;
    
}
#access .miniTextBox03 li{
    margin-bottom: 1%;

}

#access .innerBox{
    margin-bottom: 5%;
}
#access .illust{
    border: 5px solid #fff;
    box-shadow: 1px 1px 5px #b5b5b5;
	
}
#access .illust img{
    width: 100%;
}    

  
/* [sp] 便利マップ　Spots map
----------------------------------------------------------*/
#spotsmap h3{
    text-align: left;
    padding-left: 2%;
}
#spotsmap h3.title{
    margin-bottom: 7%;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
#spotsmap h4{
    font-size: 21px;
    font-weight: bold;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.2rem;
}
#spotsmap h4.shopInfo{
    font-size: 18px;
    letter-spacing: 0.05rem;
}
#spotsmap h5{
    text-align: center;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: bold;
	margin-bottom:5%;
	font-size:1.0rem;
}
#spotsmap h5:before{
    width: 100%;
    margin: 0 auto;
    padding-bottom:10%;
    content: '';/*何も入れない*/
    display: block;/*前後に改行を入れる*/
    width: 50px;/*画像の幅*/
    height:20px;/*画像の高さ*/
    background-image: url(../images/common/matsu.png);
    background-repeat: no-repeat;
    background-size: contain;

}
#spotsmap h5.font14{
	font-size:14px;
}

#spotsmap .train{
    font-weight: bold;
    font-size: 1.2rem;
    font-size: 13px;
    padding-bottom: 0;
	margin-bottom:3%;
}
#spotsmap .train:before{
	content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_train.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:18px 18px;
    padding-right: 5px;
}
#spotsmap .textImgBox06 .body{
	height:70px;
}
#spotsmap .textImgBox05 .body{
	height:140px;
}
#spotsmap .walk{
    font-weight: bold;
    font-size: 1.2rem;
    font-size: 13px;
    padding-bottom: 0;
	margin-bottom:3%;
}
#spotsmap .walk:before{
	content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_walk.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    padding-right: 5px;
}
#spotsmap .drive{
    font-weight: bold;
    font-size: 1.2rem;
    font-size: 13px;
    padding-bottom: 0;
	margin-bottom:3%;
}
#spotsmap .drive:before{
	content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_drive.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 26px 20px;
    padding-right: 5px;
}
#spotsmap .textImgBox03 .photo{
	padding-bottom:8%;
}

#spotsmap .textImgBox06 {
    margin-bottom: 8%;

}
#spotsmap .textImgBox06 .icon{
	width:50%;
	margin:0 auto;
}
#spotsmap .textImgBox06 .icon img{
	width:100%;
}
#spotsmap .textImgBox05 img{
    border: 5px solid #f2f2f2;
    box-sizing: border-box;
}

#spotsmap .textImgBox05 .body{
	margin-bottom:5%;
}
#spotsmap h5.usj{
	font-size:16px;
}

#spotsmap .textImgBox03 img{
	border:none;
}
#spotsmap .textImgBox03{
	width:90%;
	margin:0 auto;
}
/*お店のリンクの設定*/
#spotsmap .link a{
	text-decoration:underline;
	color:#c90000;
}
#spotsmap .link a:hover{
	opacity:0.5;
}
/*文字が長いところを12フォントで調整*/
#spotsmap .font12{
	font-size:12px;
}
/* 飲食店の高さが足らないから*/
#spotsmap .textImgBox05 .hight70{
	height:70px;
}


/* [sp] 〈隠しページ〉ゲストオンリー　gestonly 
----------------------------------------------------------*/   

#gestonly .transfer img{
    width: 100%;
    
}
#gestonly .button{
    margin-bottom: 7%;
    font-family: 'PT Serif', serif;
    font-size: 20px;
}
#gestonly .illust{
    margin-bottom: 5%;
}
 
/* --------------------------------
 * フェードイン
 * -------------------------------- */
   .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }
 
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
 
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    
     /*----- タブ -----*/ 
    .ChangeElem_Panel{
      display: none;
    }
    
    
    
    /*----- モーダルウィンドウ -----*/
    .modalBox{
        text-align: center;
        display: none;
    }
    #overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, .65);
    }
    #modal {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 99;
        transform: translate(-50%, -50%);
        max-width: 70vw;
        max-height: 70vh;
        box-sizing: border-box;
        padding: 32px;
        border-radius: 8px;
        background-color: #fff;
    }
    .active {
        display: block !important;
    }
    
 /*----- 言語ボタン -----*/

.cp_ipselect {
	overflow: hidden;
	width: 90%;
	margin: 2em auto;
	text-align: center;
}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}


/* [sp]  共通  ナビゲーションの文字の色
----------------------------------------------------------*/ 
option.red{
	color:#900;
}
option.bl{
	color:#039;
}