@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 {
	font-family: Meiryo, メイリオ, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	-webkit-text-size-adjust: none;
	color: #333;
}
hr {
	color:#fff;
}
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: Meiryo, メイリオ, 'Noto Sans JP', "ヒラギノ角ゴ 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: #1083b7;
	text-decoration: underline;
}
a:hover {
	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;
}
#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 10px 0;
	border:1px solid #26a7e1;
	box-sizing: border-box;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#c00;
	position:relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	float:right;
}
a.btn:hover {
	background:#c00;
	color: #fff;
}
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%;
	margin:0 auto;
}



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


/* フォーム
----------------------------------------*/
input.short,
input.middle,
input.long,
textarea {
	padding: 4%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 10px;
	font-size: 18px;
	font-weight:bold;
}
input.short {
	width:20%;
}
input.middle {
	width:50%;
}
input.long {
	width:100%;
}
textarea {
	width:100%;
	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 2% auto;
	padding:10px 0 10px 0;
	border:1px solid #c00;
	box-sizing: border-box;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	color:#C00;
	position:relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	float:right;
	background:#fff;
}
input.submit:hover {
	background:#c00;
	color: #fff;
}



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

	スマホ（ブラウザの横幅が指定したpx以下の時に適用されます）

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

body {
	font-size:16px;
	line-height:140%;
}
/* P */
p {
	padding-bottom:2%;
	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%;
	overflow:hidden;
}


/* [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:0;
	padding-top:12%;
	background:#fdf8e2;
}
.innerBoxColor01 .innerBox {
	padding-bottom:12%;
}




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

/* [sp] ヘディングタグ
----------------------------------------------------------*/
h1 {
	width:40%;
	padding:2% 0 2% 2%;
}
h1 img {
	width:100%;
}
h2 {
	margin-bottom:4%;
}
h2 img {
	width:100%;
}
h2 span {
}
h3 {
	
}
h3 span {
}
h4 {
}
h5 {
}

.img100 {
	margin-bottom:20px;
}


/* [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:5px;
	font-size:20px;
	color:#135129;
}
.textImgBox02 p.sub {
	padding-bottom:1%;
	font-size:14px;
}

.textImgBox02 p.price {
	font-style:italic;
	color:#d01b1b;
}

.textImgBox02 p.price span {
	font-size:40px;
}

/* [sp] textImgBox03
----------------------------------------*/
.textImgBox03 {
}
.textImgBox03 {
	overflow:hidden;
}
.textImgBox03 li {
	padding:0 4% 6% 0;
	float:left;
	width:48%;
}
.textImgBox03 li:nth-child(2n) {
	padding-right:0;
}
.textImgBox03 li:nth-child(2n+1) {
	clear:both;
}
.textImgBox03 li .photo {
	padding-bottom:5px;
}
.textImgBox03 li .photo img {
	width:100%;
}
.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: 2%;
	font-size: 20px;
	color: #135129;
}
.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 {
	display:none;
}
.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:70%;
	padding:0 2%;
}
.textImgBox19 .box p.title {
	padding-bottom:0;
	font-size:20px;
	color:#135129;
}
.textImgBox19 li:nth-child(even) .box p.title {
	color:#a99119;
}

.textImgBox19 p.price {
	font-style:italic;
	color:#d01b1b;
}

.textImgBox19 p.price span {
	font-size:40px;
}




.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:2%;
	background:#eef6df;
	overflow:hidden;
	box-sizing:border-box;
}
.textImgBox35 p.title {
	padding-bottom: 5px;
	font-size: 20px;
	color: #135129;
}
.textImgBox35 p.sub {
	padding:5px 10px 5px;
	margin-bottom:10px;
	background:#135129;
	color:#fff;
	display:inline-block;
	font-size:14px;
}
.textImgBox35 .photo {
	padding:4% 4% 0;
	box-sizing: border-box;
}
.textImgBox35 .photo img {
	width:100%;
}
.textImgBox35 .box {
	padding:2% 4% 4%;
	box-sizing: border-box;
}

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

/* [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%;
}
.textImgBox51 li img {
	width:100%;
}

/* [sp]  textImgBox52
----------------------------------------*/
.textImgBox52 {
}
.textImgBox52 li {
	padding-bottom:8%;
}
.textImgBox52 li .head {
	padding-bottom:0;
	overflow:hidden;
	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;
}


/* [sp] textImgBox56
----------------------------------------------------------*/
.textImgBox56 {
	margin:0 auto;
	padding-bottom:4%;
	overflow:hidden;
}
.textImgBox56 li {
	margin-bottom:8%;
	padding-bottom:0;
	overflow:hidden;
}
.textImgBox56 li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.textImgBox56 .photo {
	float:left;
	width:24%;
}
.textImgBox56 .photo img {
	width:100%;
}
.textImgBox56 .box {
	float:right;
	width:72%;
}
.textImgBox56 .box p.title {
	padding-bottom:0;
	font-size:20px;
	color:#135129;
}
.textImgBox56 li:nth-child(even) .box p.title {
	color:#a99119;
}

.textImgBox56 p.price {
	font-style:italic;
	color:#d01b1b;
	padding-right:10px;
	font-size:14px;
}

.textImgBox56 p.price span {
	font-size:34px;
}




.textImgBox56 .box p.title span {
	color:#ae1c1e;
}

/* 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 {
	display:none;
}
.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 {
	padding:0;
}

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

/* [sp] GoogleMap埋込み
----------------------------------------------------------*/
/*.iframeMap {
	display:none;
}*/
.mapBtn {
	text-align:center;
	display:block;
	width:60%;
	margin:0 auto;
	text-decoration:none;
	padding:15px;
	background:#fff;
	color:#000;
}
.mapBtn img {
	width:70%;
}

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

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

/* [sp] [TABLE] style02
----------------------------------------------------------*/
table.style02 {
	margin-bottom:4%;
	width:100%;
	margin-top:4%;
	border:1px solid #ccc;
	text-align:center;
	max-width:100%;
	overflow:hidden;
}
table.style02 tr {
	border-bottom:1px solid #ccc;
}
table.style02 th {
	padding:10px 2px;
	border-right:1px solid #ccc;
	background:#ddd;
	text-align:center;
	
}
table.style02 td {
	padding:10px 2px;
	border-right:1px solid #ccc;
}

/* [sp] [TABLE] style03
----------------------------------------------------------*/
table.style03 {
	margin-bottom:4%;
	width:100%;
}
table.style03 tr {
}
table.style03 th {
	padding:0 4% 4%;
	text-align:left;
	width:35%;
	vertical-align:top;
}
table.style03 td {
	padding:0 0 4%;
}

/* [sp] [TABLE] style04
----------------------------------------------------------*/
table.style04 {
	margin-bottom:8%;
	width:100%;
}
table.style04 th {
	padding: 4% 4% 0;
	display:block;
	vertical-align:top;
	font-weight:bold;
}
table.style04 th.title {
}
table.style04 td {
	padding: 2% 4% 4%;
	border-bottom:1px solid #fff;
	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:60px;
	background:#135129;
	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% 4% 0;
	text-align:center;
}

footer#footerType01 p.tel {
	text-align:center;
	font-style:italic;
	font-size:30px;
}

footer#footerType01 p.tel span {
	background:url(../images/common/arrow_tel04.png) no-repeat 0% 50%;
	background-size:15px;
	padding-left:20px;
}

/* バナー */
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%;
	text-align:center;
	font-size:10px;
}



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

/* [sp] fNavi */
footer#footerType04 #fNavi {
	margin:0;
}
footer#footerType04 #fNavi li {
	padding:2% 4%;
	border-top:1px solid #ccc;
}
footer#footerType04 #fNavi li:last-child {
	border-bottom:1px solid #ccc;
}
footer#footerType04 #fNavi a {
	padding:0;
	background:url(../images/common/arrow01.gif) no-repeat 100% 50%;
	display:block;
	text-decoration:none;
	width:100%;
}

/* バナー */
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%;
}
/* 住所 */
footer#footerType04 address {
	padding:4%;
	text-align:center;
}

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

/* [sp] pageTop
----------------------------------------------------------*/
#pageTop {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #ed1b23;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}


#wrapper {
	margin:0 auto;
	max-width:640px;
}


.simulatorBox {
	width:100%;
	background:#c1a930;
}

/* koteiBox
----------------------------------------------------------*/
#koteiBox {
	margin:0 auto;
	background:#fff;
	display: block;
	position: fixed;
	bottom: 0;
/*	right: 0;*/
	width: 100%;
	text-decoration:none;
	text-align:center;
	z-index:1000;
	max-width:640px;
	color:#fff;
	font-size: 13px;
}
#koteiBox .innerBox {
	padding:4% 2% 2% 2%;
}
#koteiBox ul {
	overflow:hidden;
}
#koteiBox li {
	padding-right:2%;
	float:left;
	width:48%;
}
#koteiBox li:last-child {
	padding-right:0;
}
#koteiBox li img {
	width:100%;
}

#koteiBox .innerBox {
	overflow:visible;
}

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

.imgBase {
	position:relative;
}

.imgBase .point01 {
	position:absolute;
	width:15%;
	height:10%;
	top:33%;
	left:6%;
}

.imgBase .point02 {
	position:absolute;
	width:15%;
	height:10%;
	top:35%;
	left:80%;
}

.imgBase .point03 {
	position:absolute;
	width:12%;
	height:10%;
	top:75%;
	left:3%;
}

.imgBase .point04 {
	position:absolute;
	width:18%;
	height:12%;
	top:73%;
	left:45%;
}

.imgBase .point05 {
	position:absolute;
	width:10%;
	height:7%;
	top:84%;
	left:85%;
}

.imgBase .point06 {
	position:absolute;
	width:18%;
	height:12%;
	top:35%;
	left:40%;
}

/*全体*/
.hidden_box {
	width:100%;
	height:100%;
}

/*ボタン装飾*/
.hidden_box label {
	width:100%;
	height:100%;
	display:block;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.point01 .hidden_box .hidden_show {
	position:absolute;
	top:-40%;
	left:75%;
	width:100%;
	opacity:0;
}

.point02 .hidden_box .hidden_show {
	position:absolute;
	top:-80%;
	left:10%;
	width:100%;
}

.point03 .hidden_box .hidden_show {
	position:absolute;
	top:80%;
	left:70%;
	width:150%;
}

.point04 .hidden_box .hidden_show {
	position:absolute;
	top:-90%;
	left:-10%;
	width:120%;
}

.point05 .hidden_box .hidden_show {
	position:absolute;
	top:-120%;
	left:-10%;
	width:120%;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
	opacity:1;
}

.hidden_show_op1 {
	opacity:1 !important;
}

.hidden_show_op0 {
	opacity:0;
}

/* #question 出題画面
----------------------------------------------------------*/
#question img {
	width:100%;
}

/* #result 結果発表画面
----------------------------------------------------------*/
#result img {
	width:100%;
}

/* #start スタートキー入力画面
----------------------------------------------------------*/
#start img {
	width:100%;
}

#start {
}

.startFormBox {
	margin:50% auto 0;
	width:80%;
}


/* #message 軍団ボスからの指令
----------------------------------------------------------*/
.messageMovieBox {
	position:relative;
}

.messageMovie {
     position: relative;
     padding-bottom: 75%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 width:90%;
	 margin:0 auto;
	 text-align:center;
}
 
.messageMovie video {
	margin-top:5%;
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
	height:100%;
}
 
.messageMovie iframe {
     position: absolute;
     top: 5%;
     left: 0;
     width: 100%;
     height: 100%;
}

.movieCover {
	position:absolute;
	top:0;
	left:0;
	pointer-events: none;
}

/* #item 軍団員のラーメン紹介
----------------------------------------------------------*/
.itemListBox {
	background:url(../images/item_img02.png) no-repeat top center;
	background-size:100%;
	padding-top:50%;
}

.itemListBox02 {
	background:url(../images/item_img05.png) no-repeat top center;
	background-size:100%;
	padding-top:50%;
}

.itemList {
	overflow:hidden;
}

.itemComment {
	overflow:hidden;
}





.itemList li:nth-child(odd) {
	float:left;
	width:100%;
}

.itemList li:nth-child(odd) .photo {
	float:left;
	width:20%;
	text-align:center;
}

.itemList li:nth-child(odd) .photo img {
	width:100%;
	margin-bottom:4%;
}

.itemList li:nth-child(odd) .fukidashi {
 	position: relative;
	display: inline-block;
 	margin: 2.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #000;
	font-size: 16px;
	background: #fff;
}

.itemList li:nth-child(odd) .fukidashi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 20px solid #fff;
}

.itemList li:nth-child(odd) .fukidashi p {
	margin: 0;
	padding: 0;
}











.itemList li:nth-child(even) {
	float:right;
	width:100%;
}

.itemList li:nth-child(even) .photo {
	float:right;
	width:20%;
	box-sizing:border-box;
	text-align:center;
}

.itemList li:nth-child(even) .photo img {
	width:100%;
	margin-bottom:4%;
}


.itemList li:nth-child(even) .fukidashi {
	margin-top:8%;
 	position: relative;
	display: inline-block;
 	margin: 2.5em 1.5em 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 60%;
 	color: #000;
	font-size: 16px;
	background: #fff;
	float:right;
	box-sizing:border-box;
}

.itemList li:nth-child(even) .fukidashi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 10px solid #fff;
}

.itemList li:nth-child(even) .fukidashi p {
	margin: 0;
	padding: 0;
}










/* #shop お店の紹介
----------------------------------------------------------*/
#shop h3 {
	padding: 0 0 0 4%;
	background:url(../images/common/btn06.png) no-repeat 0 50%;
	background-size:10px;
	font-size:24px;
	margin-bottom:6%;
}

#shop h4 {
	font-size:20px;
	margin-bottom:4%;
}

.shopList {
	padding:0 4%;
	margin-bottom:10%;
}

.shopList .photo {
	margin-bottom:4%;
}

.shopInfo{
	padding:0 4%;
	margin-bottom:4%;
}

.shopInfo li {
	padding-left:4%;
	margin-bottom:2%;
}

.shopInfo li.shopAddress {
	background:url(../images/common/btn01.png) no-repeat 0 20%;
	background-size:3%;
}

.shopInfo li.shopTel {
	background:url(../images/common/btn02.png) no-repeat 0 20%;
	background-size:3%;
}

.shopInfo li.shopTime {
	background:url(../images/common/btn03.png) no-repeat 0 20%;
	background-size:3%;
}

.shopInfo li.shopHoliday {
	background:url(../images/common/btn04.png) no-repeat 0 20%;
	background-size:3%;
}

.shopInfo li.shopTwitter {
	background:url(../images/common/btn05.png) no-repeat 0 20%;
	background-size:3%;
}

p.noren {
	font-size:24px;
	margin-top:8%;
}



/* #staff 軍団員の紹介
----------------------------------------------------------*/
#staff h4 {
	padding: 0 0 0 4%;
	background:url(../images/common/btn06.png) no-repeat 0 50%;
	background-size:10px;
	font-size:24px;
	margin-bottom:6%;
}


.staffListBox {
	width:100%;
	clear:both;
	overflow:hidden;
	padding-top:4%;
	margin-bottom:8%;
}


.staffPhoto {
	width:40%;
	float:left;
	box-sizing:border-box;
}

.staffPhoto img {
	width:100%;
}

.staffComment {
	width:50%;
	box-sizing:border-box;
	float:right;
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #000;
	font-size: 16px;
	background: #fff;
}

.staffComment:before{
	content: "";
	position: absolute;
	top: 40%;
	left: -30px;
 	margin-top: -15px;
	border: 10px solid transparent;
	border-right: 20px solid #fff;
}

.staffComment p {
	margin: 0;
	padding: 0;
}








/* 軍団員の募集
----------------------------------------------------------*/
.questionBox {
	border:1px solid #fff;
	background:#000;
	width:100%;
	box-sizing:border-box;
	padding:4%;
	margin-bottom:4%;
}

.recruitChoiceBoxWrapper {
	position:relative;
	padding-bottom:10%;
}

.recruitChoiceBox {
	width:70%;
	margin:0 auto;
	position:absolute;
	bottom:8%;
	left:15%;
}

.recruitChoice {
	border:1px solid #fff;
	background:#000;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:6% 8%;
	text-align:center;
	margin-bottom:4%;
	line-height:0;
}
.recruitChoice img {
	width:100%;
}

.recruitMenuBox {
	border:1px solid #fff;
	width:100%;
	box-sizing:border-box;
	padding:4% 8%;
	overflow:hidden;
	margin-bottom:6%;
}

.recruitMenu li {
	float:left;
	width:50%;
	box-sizing:border-box;
}

.recruitMenu li a {
	padding:2% 0;
	display:block;
	width:100%;
	box-sizing:border-box;
}

.recruitMenu li:last-child a {
	padding-bottom:0;
}

.recruitMenu li:nth-child(even) a {
	float:right;
	text-align:right;
}

.recruitMenu li img {
	width:95%;
}

.recruitTimer {
	width:60%;
	position:absolute;
	top:2%;
	left:20%;
	border:1px solid #fff;
	background:#000;
	padding:3% 6%;
	box-sizing:border-box;
	text-align: center;
}

.recruitMenuBox02 {
	border:1px solid #fff;
	background:#000;
	display:block;
	width:80%;
	box-sizing:border-box;
	padding:6% 8%;
	text-align:center;
	line-height:0;
	margin:0 auto 6%;
}

.recruitMenuBox02 img {
	width:100%;
}



/* #recruit04 軍団員の募集(募集要項)
----------------------------------------------------------*/
#recruit04 h4 {
	font-size:20px;
	margin-bottom:4%;
}

.requirementsBox {
	border:1px solid #fff;
	background:#000;
	width:100%;
	box-sizing:border-box;
	padding:4%;
	margin-bottom:4%;
}

.requirementsBox p {
	padding-bottom:0;
}

.requirementsBox p.detail {
	text-align:center;
}

.recruitTest {
	border:1px solid #fff;
	background:#000;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:6% 8%;
	text-align:center;
	margin-bottom:6%;
	line-height:0;
}
.recruitTest img {
	width:90%;
}

.recruitMovie {
	margin-bottom:4%;
	position:relative;
}

.recruitMovie video {
	width:100%;
}

/* #recruit05 入団の流れ
----------------------------------------------------------*/
#recruit05 {
	margin-bottom:6%;
}

#recruit05 h4 {
	font-size:24px;
	margin-bottom:4%;
}

.mgBottom0 {
	margin-bottom:0;
}

.formWrapper {
	background:#fff;
	color:#000;
	width:100%;
	box-sizing:border-box;
	padding:4%;
	margin-bottom:4%;
}

#recruit01 {
	position: relative;
}

.question_content {
	position:absolute;
	top: 0;
	left: 0;
	display: none;
}


.question_content.active {
	position:relative;
	display: block;
}

.main li.item2,
.main li.item3,
.main li.item4 {
  display: none;
}
.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb {
	margin-bottom:4%;
}
.thumb li {
  display: inline-block;
  width: 25%;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 4px;
}
.thumb li img {
  width: 100%;
  height: auto;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.posterMain {
	margin-bottom:8%;
}

.homeFormBox {
	position:absolute;
	top:50%;
	width:100%;
}

.homeFormBoxInner {
	width:80%;
	margin: auto;
}

.homeName {
	margin-bottom:4%;
}

.timeBox {
	position:absolute;
	text-align:center;
	top:15%;
	width:100%;
}

.timeCountUp {
	font-weight:bold;
	font-size:20px;
	color:#bf1e2e;
}

.QuestionWrapper {
	position:absolute;
	top:20%;
	width:100%;
}

.textQuestionBox {
	width:90%;
	margin:0 auto;
	background:#fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:4%;
	box-sizing:border-box;
	margin-bottom:6%;
	border:1px solid #ccc;
}

.aboutWrapper {
	position:absolute;
	top:24%;
	width:100%;
}

.aboutBox {
	width:80%;
	margin:0 auto;
	background:#fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:4%;
	box-sizing:border-box;
	margin-bottom:6%;
	border:1px solid #ccc;
}

.errorWrapper {
	position:absolute;
	top:24%;
	width:100%;
}

.errorBox {
	width:80%;
	margin:0 auto;
	background:#fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:4%;
	box-sizing:border-box;
	margin-bottom:6%;
	border:1px solid #ccc;
}
.rankingWrapper {
	position:absolute;
	top:24%;
	width:100%;
}

.rankingBox {
	width:90%;
	margin:0 auto;
	background:#fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:4%;
	box-sizing:border-box;
	margin-bottom:6%;
	border:1px solid #ccc;
	overflow:hidden;
}

.answerBox {
	width:90%;
	margin:0 auto 6%;
	box-sizing:border-box;
}

.answer {
	padding:4%;
	font-size:16px;
	font-weight:bold;
	background:#fff;
	border-radius:10px;
	margin-bottom:2%;
	text-decoration:none !important;
	color:#000;
	border:1px solid #ccc;
	display:block;
}

.questionNumberBox {
	position:absolute;
	top:3%;
	width:100%;
}

.questionNumberBoxInner {
	width:100px;
	height:100px;
	margin:0 auto;
/*	background:url(../images/questionNumber_01.png) no-repeat;
	background-size: cover;*/
	text-align:center;
	padding-top:20px;
	box-sizing:border-box;
}

.questionNumber {
	font-size:24px;
	font-weight:bold;
	color:#C00;
	line-height:100%;
}

.questionNumberSub {
	font-weight:bold;
	color:#C00;
	font-size:12px;
}

.imgQuestion {
	width:100%;
	margin:0 auto;
}

.soundQuestion {
	text-align:center;
}

.movieQuestion {
	text-align:center;
}

.resultBox {
	position:absolute;
	top:35%;
	text-align:center;
	width:100%;
}

.resultJudg {
	color:#bf1e2e;
	font-weight:bold;
	font-size:38px;
}

.resultJudg span {
	font-size:60px;
	padding-right:10px;
}

.resultJudgSub {
	color:#bf1e2e;
	font-weight:bold;
	font-size:16px;
}

.resultWrapper {
	position:absolute;
	top:45%;
	width:100%;
}

.resultChoiceBox {
	width:90%;
	margin:0 auto;
}

.result img {
	margin-bottom:4%;
}

.QuestionTitle {
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

.titleBox {
	position:absolute;
	top:5%;
	width:100%;
	/*background:#26a7e1;*/
	color:#fff;
	padding:8%;
	box-sizing:border-box;
	text-align:center;
}

.giveawayBox {
	position:absolute;
	top:20%;
	width:100%;
	/*background:#26a7e1;*/
	color:#fff;
	padding:8%;
	box-sizing:border-box;
	text-align:center;
}

.limitBox {
	position:absolute;
	top:35%;
	width:100%;
	/*background:#333;*/
	color:#fff;
	padding:4%;
	box-sizing:border-box;
	text-align:center;
}

.resultTitleBox {
	position:absolute;
	top:5%;
	width:100%;
	background:#26a7e1;
	color:#fff;
	padding:8%;
	box-sizing:border-box;
	text-align:center;
}

.resultBox {
	position:absolute;
	top:20%;
	width:100%;
}

.resultBoxInner {
	width:90%;
	margin:0 auto;
	background:#fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	padding:4%;
	box-sizing:border-box;
	margin-bottom:6%;
	border:1px solid #ccc;
}

.sns {
	width:50%;
	overflow:hidden;
	margin:0 auto;
}

.sns li {
	width:23%;
	float:left;
	box-sizing:border-box;
	margin-right:2%;
}

.sns li img {
	width:100%;
}

.licenceWrapper {
	position:absolute;
	top:58%;
	width:100%;
}

.licenceBox {
	width:90%;
	margin:0 auto;
}


.snsTitle {
	text-align:center;
}

.snsWrapper {
	position:absolute;
	width:100%;
	top:65%;
}

.degree {
	text-align:center;
	font-size:14px;
}

.alert {
	font-size:14px;
	color:#C00;
}

input[type="radio"], input[type="checkbox"] {

    display: none;

}

.button-style-label {
    padding: 4%;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 2%;
	text-decoration: none !important;
	color: #000;
	border: 1px solid #ccc;
	display: block;
}

li {
	list-style:none;
}

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

	スマホ（ブラウザの横幅が指定したpx以下の時に適用されます）

--------------------------------------------------------------------------- */
@media screen and (max-width : 959px) {
	
.questionNumberBoxInner {
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/questionNumber_01.png) no-repeat;
	background-size: cover;
	text-align:center;
	padding-top:15px;
	box-sizing:border-box;
}

.questionNumber {
	font-size:20px;
	font-weight:bold;
	color:#C00;
	line-height:100%;
}

.questionNumberSub {
	font-weight:bold;
	color:#C00;
	font-size:10px;
}

.timeBox {
	position:absolute;
	text-align:center;
	top:18%;
	width:100%;
}

.timeCountUp {
	font-weight:bold;
	font-size:16px;
	color:#bf1e2e;
}

.QuestionWrapper {
	position:absolute;
	top:22%;
	width:100%;
}

.resultBox {
	top:22%;
}

.resultWrapper {
	top:50%;
}

.licenceWrapper {
	top:68%;
}

.snsWrapper {
	top:80%;
}



}










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

	パソコン（ブラウザの横幅が指定したpx以上の時に適用されます）

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

@media screen and (min-width : 960px) {
	
#monitor {
	background:url(../images/monitor_bg.jpg) no-repeat #ed1c24;
	background-size:cover;
}

.monitorInner {
	width:100%;
	height:100vh;
	background:url(../images/monitor_content.png) no-repeat top center;
	background-size:contain;
	margin:0 auto;
}
	
	/* [sp] footer footerType01
----------------------------------------------------------*/
footer#footerType01 {
	background:#135129;
	color:#fff;
	width:640px;
	margin:0 auto 130px;
}
footer#footerType01 .innerBox {
	padding:0;
}
footer#footerType01 a {
	color:#fff;
}
footer#footerType01 .box01 {
	padding:0;
}
/* ロゴ */
footer#footerType01 #footerLogo {
	display:none;
}
/* 住所 */
footer#footerType01 address {
	padding: 10px 0 0;
	text-align:center;
}

footer#footerType01 p.tel {
	text-align:center;
	font-style:italic;
	font-size:30px;
	padding-bottom:10px;
}

footer#footerType01 p.tel span {
	background:url(../images/common/arrow_tel04.png) no-repeat 0% 50%;
	background-size:15px;
	padding-left:20px;
}

#copy {
	padding:10px 0;
	border-top:1px solid #ccc;
	text-align:center;
	font-size:12px;
}
	
	
	
	
	
#koteiBox {
	margin:0 auto;
	background:#fff;
	display: block;
	position: fixed;
	bottom: 0;
	left: calc(50% - 320px);
/*	right: 0;*/
	width: 100%;
	text-decoration:none;
	text-align:center;
	z-index:1000;
	max-width:640px;
	color:#fff;
	font-size: 13px;
}

#tabWrapper {

    overflow-x: scroll;
}

.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb {
	margin-bottom:20px;
}
.thumb li {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 4px;
}
.thumb li img {
  width: 100%;
  height: auto;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


.resultJudg {
	color:#bf1e2e;
	font-weight:bold;
	font-size:52px;
}

.resultJudg span {
	font-size:80px;
	padding-right:10px;
}

.resultJudgSub {
	color:#bf1e2e;
	font-weight:bold;
	font-size:24px;
}


}