@charset "utf-8";
/* CSS Document */

/* トップページ */
#top { margin-top:-115px; padding-top:115px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#top { margin-top:-55px; padding-top:55px; }
}


/* メインボックス */
#wrap01 { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap01 { width:100%; }
}
/* //メインボックス */


/* ヘッドイメージ */
#headimgbox01 { width:100%; margin:133px auto 0; padding:0; }
#headimgbox02 { width:100%; margin:0 auto; position: relative; }
#slider { margin:0 auto; }
#slider .slider { width:100%; margin:0 auto; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:0 auto;
}

#headbuttonwrap01 {
    width: 20%;
    max-width: 260px;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 6998;
}

#headbuttonwrap01 img { display: block; width: 100%; height: auto; }
#headbuttonwrap01 a { display: block; }

#k-headimgbox01 { width:auto; max-width: 912px; margin:175px auto 0; padding:0 0 50px; }
@media screen and (min-width: 0px) and (max-width: 320px)  {
#headimgbox01 { width:100%; margin: 55px auto 0; padding:0; }
#headimgbox02 { width:100%; margin:0 auto; }

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:0;
}

#headbuttonwrap01 {
    width: 20%;
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 6998;
}

#headbuttonwrap01 img { display: block; width: 100%; height: auto; }
#headbuttonwrap01 a { display: block; }

#k-headimgbox01 { width:96%; margin: 0 auto; padding:52px 0 30px; }
}
@media screen and (min-width: 321px) and (max-width: 768px)  {
#headimgbox01 { width:100%; margin: 55px auto 0; padding:0; }
#headimgbox02 { width:100%; margin:0 auto; }

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:0;
}

#headbuttonwrap01 {
    width: 20%;
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 6998;
}

#headbuttonwrap01 img { display: block; width: 100%; height: auto; }
#headbuttonwrap01 a { display: block; }

#k-headimgbox01 { width:96%; margin: 0 auto; padding:72px 0 30px; }
}
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:100%; padding:0; }
#k-maincontentsbox01 { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding:0; margin:0 auto; }
#k-maincontentsbox01 { width:100%; }
}
/* //メインコンテンツ */


/* コンテンツボックス */
.contentsbox01 { padding:50px 0; }
.contentsboxbg01 { background: url("../common_img/catchbg01.jpg") repeat; }

.contentsinner01 { width:1000px; margin:0 auto 55px; }
.contentsinner01:last-child { margin:0 auto; }
.contentsinner01:after { content:""; display:block; clear:both; }

.contentsinner02 { width: 94%; margin: 0 auto 40px; }
.contentsinner02:last-child { margin: 0 auto; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentsinner03 { width: 94%; margin: 0 auto 40px; }
.contentsinner03:last-child { margin: 0 auto; }
.contentsinner03:after { content:""; display:block; clear:both; }

.contentsinner04 { width: 94%; margin: 0 auto 40px; }
.contentsinner04:last-child { margin: 0 auto; }
.contentsinner04:after { content:""; display:block; clear:both; }

.contentsdatelistwrap01 { display: table; margin: 0 auto 30px; text-align: left; }
.contentsdatelistwrap01:last-child { margin: 0 auto; }
.contentsdatelistwrap01:after { content:""; display:block; clear:both; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding:20px 0; }
.contentsboxbg01 { background: url("../common_img/catchbg01.jpg") repeat; }

.contentsinner01 { width:98%; margin:0 auto 20px; }
.contentsinner01:last-child { margin:0 auto; }
.contentsinner01:after { content:""; display:block; clear:both; }

.contentsinner02 { width: 94%; margin: 0 auto 20px; }
.contentsinner02:last-child { margin: 0 auto; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentsinner03 { width: 94%; margin: 0 auto 20px; }
.contentsinner03:last-child { margin: 0 auto; }
.contentsinner03:after { content:""; display:block; clear:both; }

.contentsinner04 { width: 94%; margin: 0 auto 20px; }
.contentsinner04:last-child { margin: 0 auto; }
.contentsinner04:after { content:""; display:block; clear:both; }

.contentsdatelistwrap01 { display: table; margin: 0 auto 30px; text-align: left; }
.contentsdatelistwrap01:last-child { margin: 0 auto; }
.contentsdatelistwrap01:after { content:""; display:block; clear:both; }
}
/* //コンテンツボックス */


/* コンテンツタイトル */
.contentstitle01 { display: block; font-size: 30px; font-weight: 600; background: #FFFFFF; color: #2e3e4f; padding: 1% 1% 0.5% 1%; margin: 0 0 40px; }
.contentstitle01 p { display: inline-block; }
.contentstitle01 p:before { content: url("../common_img/titleicon01.png"); display: inline-block; padding: 0 10px 0 0; vertical-align: middle; }
.contentstitle02 { display: block; font-size: 30px; font-weight: 600; background: #2e3e4f; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 40px; }
.contentstitle02 p { display: inline-block; }
.contentstitle02 p:before { content: url("../common_img/titleicon02.png"); display: inline-block; padding: 0 10px 0 0; vertical-align: middle; }
.contentstitle03 { display: block; font-size: 30px; font-weight: 600; background: #2e3e4f; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 40px; }
.contentstitle03 p { display: inline-block; }
.contentstitle03 p:before { content: url("../common_img/listicon02.png"); display: inline-block; padding: 0 10px 0 0; vertical-align: middle; }
.contentstitle04 { display: block; font-size: 22px; font-weight: 600; background: #0f477d; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 40px; }
.contentstitle04 p { display: inline-block; }
.contentstitle04 p:before { content: url("../common_img/listicon04.png"); display: inline-block; margin: 3px 10px 0 0; vertical-align: middle; }
.contentstitle05 { display: block; font-size: 20px; font-weight: 600; background: #c2b59e; color: #373737; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentstitle01 { display: block; font-size: 16px; font-weight: 600; background: #FFFFFF; color: #2e3e4f; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
.contentstitle01 p { display: inline-block; }
.contentstitle01 p:before { content: url("../common_img/titleicon01.png"); display: inline-block; padding: 0 5px 0 0; vertical-align: middle; }
.contentstitle02 { display: block; font-size: 16px; font-weight: 600; background: #2e3e4f; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
.contentstitle02 p { display: inline-block; }
.contentstitle02 p:before { content: url("../common_img/titleicon02.png"); display: inline-block; padding: 0 5px 0 0; vertical-align: middle; }
.contentstitle03 { display: block; font-size: 16px; font-weight: 600; background: #2e3e4f; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
.contentstitle03 p { display: inline-block; }
.contentstitle03 p:before { content: url("../common_img/listicon02.png"); display: inline-block; padding: 0 5px 0 0; vertical-align: middle; }
.contentstitle04 { display: block; font-size: 16px; font-weight: 600; background: #0f477d; color: #FFFFFF; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
.contentstitle04 p { display: inline-block; }
.contentstitle04 p:before { content: url("../common_img/listicon04.png"); display: inline-block; margin: 3px 5px 0 0; vertical-align: middle; }
.contentstitle05 { display: block; font-size: 14px; font-weight: 600; background: #c2b59e; color: #373737; padding: 1% 1% 0.5% 1%; margin: 0 0 20px; }
}
/* //コンテンツタイトル */


/* キャッチコピー */
.catchwrap01 { display: block; padding: 40px 0; margin: 40px 0 0; background: url("../common_img/catchbg01.jpg") repeat; font-size: 22px; font-weight: 600; line-height: 160%; text-align: center; color: #164a83; }
.catchwrap02 { display: block; padding: 40px 0; margin: 0 0 40px; background: url("../common_img/catchbg01.jpg") repeat; font-size: 22px; font-weight: 600; line-height: 160%; text-align: center; color: #164a83; }
.catchwrap03 { display: block; padding: 40px 0; margin: 0 0 40px; background: url("../common_img/catchbg01.jpg") repeat; font-size: 20px; font-weight: 600; line-height: 160%; color: #164a83; }

.catchwhitewrap01 { display: block; padding: 40px 0; font-size: 22px; font-weight: 600; line-height: 160%; text-align: center; color: #c40000; }
.catchwhitewrap02 { display: block; padding: 0 0 40px; font-size: 22px; font-weight: 600; line-height: 160%; text-align: center; color: #c40000; }
.catchwhitewrap03 { display: block; padding: 40px 0; font-size: 22px; font-weight: 600; line-height: 160%; text-align: center; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.catchwrap01 { display: block; padding: 2%; margin: 20px 0 0; background: url("../common_img/catchbg01.jpg") repeat; font-size: 16px; font-weight: 600; line-height: 160%; text-align: center; color: #164a83; }
.catchwrap02 { display: block; padding: 2%; margin: 0 0 20px; background: url("../common_img/catchbg01.jpg") repeat; font-size: 16px; font-weight: 600; line-height: 160%; text-align: center; color: #164a83; }
.catchwrap03 { display: block; padding: 2%; margin: 0 0 20px; background: url("../common_img/catchbg01.jpg") repeat; font-size: 14px; font-weight: 600; line-height: 160%; color: #164a83; }

.catchwhitewrap01 { display: block; padding: 2%; font-size: 14px; font-weight: 600; line-height: 160%; text-align: center; color: #c40000; }
.catchwhitewrap02 { display: block; padding: 2%; font-size: 14px; font-weight: 600; line-height: 160%; text-align: center; color: #c40000; }
.catchwhitewrap03 { display: block; padding: 2%; font-size: 14px; font-weight: 600; line-height: 160%; text-align: center; }
}
/* //キャッチコピー */


/* コンテンツサブタイトル */
.contentssubtitle01 { display: table; width: 100%; font-size: 22px; font-weight: 600; border-bottom: 9px solid #0f477d; margin: 0 0 40px; }
.contentssubtitle01 p { display: table-cell; }
.contentssubtitle01 p:nth-child(1) { text-align: center; background: #0f477d; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: bottom;}
.contentssubtitle01 p:nth-child(2) { width: 70%; color: #0f477d; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubtitle02 { display: table; width: 100%; font-size: 22px; font-weight: 600; border-bottom: 9px solid #3e9bcb; margin: 0 0 40px; }
.contentssubtitle02 p { display: table-cell; }
.contentssubtitle02 p:nth-child(1) { text-align: center; background: #3e9bcb; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: bottom;}
.contentssubtitle02 p:nth-child(2) { width: 70%; color: #3e9bcb; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubtitle03 { display: table; width: 100%; font-size: 22px; font-weight: 600; border-bottom: 9px solid #f96c26; margin: 0 0 40px; }
.contentssubtitle03 p { display: table-cell; }
.contentssubtitle03 p:nth-child(1) { text-align: center; background: #f96c26; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: bottom;}
.contentssubtitle03 p:nth-child(2) { width: 70%; color: #f96c26; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubcentertitle01 { display: block; width: 96%; font-size: 22px; font-weight: 600; color: #0f477d; border-bottom: 9px solid #0f477d; margin: 0 auto 40px; padding: 0 2%; }
.contentssubcentertitle01 p { text-align: center; }
.contentssubcentertitle02 { display: block; width: 96%; font-size: 22px; font-weight: 600; color: #0f477d; border-bottom: 9px solid #0f477d; margin: 0 auto 40px; padding: 0 2%; }
.contentssubcentertitle02 p { text-align: left; }

.contentssubcentertitle03 { display: block; width: 96%; font-size: 22px; font-weight: 600; margin: 0 auto 20px; padding: 0 2%; }
.contentssubcentertitle03 p { text-align: center; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentssubtitle01 { display: table; width: 100%; font-size: 14px; font-weight: 600; border-bottom: 6px solid #0f477d; margin: 0 0 20px; }
.contentssubtitle01 p { display: table-cell; }
.contentssubtitle01 p:nth-child(1) { text-align: center; background: #0f477d; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: middle;}
.contentssubtitle01 p:nth-child(2) { width: 60%; color: #0f477d; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubtitle02 { display: table; width: 100%; font-size: 14px; font-weight: 600; border-bottom: 6px solid #3e9bcb; margin: 0 0 20px; }
.contentssubtitle02 p { display: table-cell; }
.contentssubtitle02 p:nth-child(1) { text-align: center; background: #3e9bcb; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: middle;}
.contentssubtitle02 p:nth-child(2) { width: 60%; color: #3e9bcb; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubtitle03 { display: table; width: 100%; font-size: 14px; font-weight: 600; border-bottom: 6px solid #f96c26; margin: 0 0 20px; }
.contentssubtitle03 p { display: table-cell; }
.contentssubtitle03 p:nth-child(1) { text-align: center; background: #f96c26; color: #FFFFFF; padding: 0.5% 2% 0; vertical-align: middle;}
.contentssubtitle03 p:nth-child(2) { width: 60%; color: #f96c26; padding: 0.5% 2% 0; vertical-align: middle; text-align: left; }

.contentssubcentertitle01 { display: table; width: 96%; font-size: 14px; font-weight: 600; color: #0f477d; border-bottom: 6px solid #0f477d; margin: 0 auto 20px; padding: 0 2%; }
.contentssubcentertitle01 p { text-align: center; }
.contentssubcentertitle02 { display: table; width: 96%; font-size: 14px; font-weight: 600; color: #0f477d; border-bottom: 6px solid #0f477d; margin: 0 auto 20px; padding: 0 2%; }
.contentssubcentertitle02 p { text-align: left; }
.contentssubcentertitle03 { display: table; width: 96%; font-size: 14px; font-weight: 600; margin: 0 auto 10px; padding: 0 2%; }
.contentssubcentertitle03 p { text-align: center; }
}
/* //コンテンツサブタイトル */


/* テキストカラー強調 */
.fontblue18strong { font-size: 18px; font-weight: 600; color: #2e3e4f; }
.fontblue18strong a:link{ color: #2e3e4f; text-decoration:underline; transition: 1.0s  }
.fontblue18strong a:visited { color:#2e3e4f; text-decoration:underline; transition: 1.0s ; }
.fontblue18strong a:active { color:#53a1d6; text-decoration:underline; transition: 1.0s ; }
.fontblue18strong a:hover { color:#53a1d6; text-decoration:underline; transition: 1.0s ; }

.fontred18strong { font-size: 18px; font-weight: 600; color: #c40000; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.fontblue18strong { font-size: 14px; font-weight: 600; color: #2e3e4f; }
.fontblue18strong a:link{ color: #2e3e4f; text-decoration:underline; transition: 1.0s  }
.fontblue18strong a:visited { color:#2e3e4f; text-decoration:underline; transition: 1.0s ; }
.fontblue18strong a:active { color:#53a1d6; text-decoration:underline; transition: 1.0s ; }
.fontblue18strong a:hover { color:#53a1d6; text-decoration:underline; transition: 1.0s ; }

.fontred18strong { font-size: 14px; font-weight: 600; color: #c40000; }
}
/* //テキストカラー強調 */


/* お知らせ */
#newsbox01 { display: block; width:900px; margin:0 auto 20px; min-height:200px; max-height:400px; padding-bottom:10px; line-height:140%; background: #FFFFFF; }
#newsbox02 { width:96%; margin:0 auto; padding:15px 0; line-height:140%; }
#newsbox02 iframe { display: block; width:100%; height:380px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#newsbox01 { width:100%; margin:0 auto 10px; background:#FFFFFF; height:auto; min-height:200px; max-height:300px; overflow:auto; -webkit-overflow-scrolling: touch; font-size:10px !important; }
#newsbox02 { width:96%; margin:0 auto; padding:10px 0; line-height:140%; }
#newsbox02 iframe { display: block; width:100%; height:290px; }
}
/* //お知らせ */


/* 料金表 */
.pricelistwrap01 { display: block; padding: 0 0 15px; text-align: left; }
.pricelistwrap01:last-child { padding: 0; }
.pricelistwrap01 img { width: 100%; height: auto; }

table.pricelistattention01 { width: 100%; }
table.pricelistattention01 td { width: auto; }
table.pricelistattention01 td:nth-child(1) { padding: 0 2% 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pricelistwrap01 { display: block; padding: 0 0 15px; text-align: left; }
.pricelistwrap01:last-child { padding: 0; }
.pricelistwrap01 img { width: 100%; height: auto; }

table.pricelistattention01 { width: 100%; }
table.pricelistattention01 td { width: auto; }
table.pricelistattention01 td:nth-child(1) { padding: 0 2% 0 0; }
}
/* //料金表 */


/* ボタン */
.topbuttonwrap01 { padding: 0 0 15px; }
.topbuttonwrap01:last-child { padding: 0; }
.topbuttonwrap01:after { content:""; display:block; clear:both; }
.topbuttoninner01 { width: 32%; float: left; padding: 0 2% 0 0; }
.topbuttoninner01:last-child { padding: 0; }
.topbuttoninner01:nth-child(3n) { float: right !important; padding: 0; }
.topbuttoninner01 a { display: block; }
.topbuttoninner02 { width: 32%; float: left; padding: 0 2% 0 0; }
.topbuttoninner02:last-child { padding: 0; }
.topbuttoninner02:nth-child(3n) { float: right !important; padding: 0; }
.topbuttoninner02 a { display: block; }

.buttonwrap01 { width: 450px; margin: 1em 0 0; }
.buttonwrap01 a { display: block; }

.buttonwrap02 { display: table; margin: 0 auto; }
.buttonwrap02:after { content:""; display:block; clear:both; }

.buttoninner01 { width: 392px; float: left; padding: 0 30px 0 0; }
.buttoninner01:last-child { float: right; padding: 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.topbuttonwrap01 { padding: 0 0 10px; }
.topbuttonwrap01:last-child { padding: 0; }
.topbuttonwrap01:after { content:""; display:block; clear:both; }
.topbuttoninner01 { width: 32%; float: left; padding: 0 2% 0 0; }
.topbuttoninner01:last-child { padding: 0; }
.topbuttoninner01:nth-child(3n) { float: right !important; padding: 0; }
.topbuttoninner01 a { display: block; }
.topbuttoninner02 { width: 32%; float: left; padding: 0 2% 0 0; }
.topbuttoninner02:last-child { padding: 0; }
.topbuttoninner02:nth-child(3n) { float: right !important; padding: 0; }
.topbuttoninner02 a { display: block; }

.buttonwrap01 { width: 50%; margin: 1em 0 0; }
.buttonwrap01 a { display: block; }

.buttonwrap02 { width: 50%; display: table; margin: 0 auto; }
.buttonwrap02:after { content:""; display:block; clear:both; }

.buttoninner01 { width: 100%; float: none; padding: 0 0 15px; }
.buttoninner01:last-child { float: none; padding: 0; }
}
/* //ボタン */


/* トップ予約注意事項 */
.topreservationattentionwrap01 { padding: 0 0 15px; }
.topreservationattentionwrap01:last-child { padding: 0; }

.topreservationattentionred01 { font-size: 24px; color: #c40000; }
.topreservationattentionred02 { color: #c40000; }
.topreservationattentionred02_b { color: #c40000; }
.topreservationattentionblue01 { color: #164a83; }
.topreservationattentionblue01_b { color: #164a83; font-weight: 600; }
.topreservationattentionstrong01 { font-size: 30px; font-weight: 600; }
.topreservationattentionstrong02 { font-weight: 600; }

ul.topreservationlist01 { display: block; margin: 0 0 1em; }
ul.topreservationlist01:last-child { margin: 0; }

.topreservationitem01 { font-size: 20px; font-weight: 600; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.topreservationattentionwrap01 { padding: 0 0 10px; }
.topreservationattentionwrap01:last-child { padding: 0; }

.topreservationattentionred01 { font-size: 14px; color: #c40000; }
.topreservationattentionred02 { color: #c40000; }
.topreservationattentionred02_b { color: #c40000; }
.topreservationattentionblue01 { color: #164a83; }
.topreservationattentionblue01_b { color: #164a83; font-weight: 600; }
.topreservationattentionstrong01 { font-size: 18px; font-weight: 600; }
.topreservationattentionstrong02 { font-weight: 600; }

ul.topreservationlist01 { display: block; margin: 0 0 1em; }
ul.topreservationlist01:last-child { margin: 0; }

.topreservationitem01 { font-size: 16px; font-weight: 600; }
}
/* //トップ予約注意事項*/


/* マーカー */
.marker01 { color: #FFFFFF; background: #a89575; padding: 0.2em; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.marker01 { color: #FFFFFF; background: #a89575; }
}
/* //マーカー */


/* トップページ */
#topsubnaviwrap01 { background: #2e3e4f; margin: 10px 0 0; }
#topsubnaviinner01 { display: table; margin: 0 auto; }
#topsubnaviinner01 img { display: block; width: 1218px; max-width: 100%; height: auto; margin: 0 auto; pointer-events: auto !important; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#topsubnaviwrap01 { background: #2e3e4f; margin: 10px 0 0; }
#topsubnaviinner01 { display: table; margin: 0 auto; }
#topsubnaviinner01 img { display: block; width: 90%; max-width: 100%; height: auto; margin: 0 auto; pointer-events: auto !important; }
}
/* //トップページ */


/* お知らせページ */
#newswrap01 { display: block; }
#newswrap01:after { content:""; display:block; clear:both; }

.newscontentswrap01 { width: 700px; float: left; }
.newscontentswrap01:nth-child(2) { width: 250px; float: right; }
.newscontentswrap01 img { display: block; padding: 40px 0 0 0; }

.newscontentswrap01 ul { width: 100%; padding: 0 0 15px; display: block; line-height: 140%; }
.newscontentswrap01 ul:last-child { margin: 0; }
.newscontentswrap01 ul li { width: auto; display: block; }
.newscontentswrap01 ul li:nth-child(1) { width: 100px; padding: 0 0 5px; }
.newscontentswrap01 ul li:nth-child(1) p {
	color: #FFFFFF;
	text-align: center;
	padding:  0.1em 0.5em;
	background: #b1b1b1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.newscontentswrap01 ul li:nth-child(2) { width: 100%; padding: 0; }
.newscontentswrap01 ul li:nth-child(2) p:first-child { font-weight: 600; }

.newscontentinner01 { display: block; }

.newscontentsdate01 {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	padding:  0.1em 0.5em;
	background: #b1b1b1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 0 0 10px;
}
.newscontentstitle01 { font-weight: 600; padding: 0 0 15px; }

.newslisttitle01 { padding: 0 0 15px; text-align: center; font-weight: 600; }
.newslisttitle01 p { display: inline-block; padding: 0 1em 5px; border-bottom: 5px solid #88c19b; }

#pager { padding: 30px 0 0; }
#pager:after { content:""; display:block; clear:both; }
#pager p { float: left; }
#pager p:nth-child(2) { float: right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#newswrap01 { display: block; }
#newswrap01:after { content:""; display:block; clear:both; }

.newscontentswrap01 { width: 100%; float: none; padding: 0 0 15px; }
.newscontentswrap01:nth-child(2) { width: 100%; float: none; }
.newscontentswrap01 img { display: block; padding: 15px 0 0 0; }

.newscontentswrap01 ul { width: 100%; padding: 0 0 10px; display: block; line-height: 140%; }
.newscontentswrap01 ul:last-child { margin: 0; }
.newscontentswrap01 ul li { width: auto; display: block; }
.newscontentswrap01 ul li:nth-child(1) { width: 100px; padding: 0 0 5px; }
.newscontentswrap01 ul li:nth-child(1) p {
	color: #FFFFFF;
	text-align: center;
	padding:  0.1em 0.5em;
	background: #b1b1b1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.newscontentswrap01 ul li:nth-child(2) { width: 100%; padding: 0; }
.newscontentswrap01 ul li:nth-child(2) p:first-child { font-weight: 600; }

.newscontentinner01 { display: block; }

.newscontentsdate01 {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	padding:  0.1em 0.5em;
	background: #b1b1b1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 0 0 10px;
}
.newscontentstitle01 { font-weight: 600; padding: 0 0 15px; }

.newslisttitle01 { padding: 0 0 15px; text-align: center; font-weight: 600; }
.newslisttitle01 p { display: block; padding: 0 1em 5px; border-bottom: 5px solid #88c19b; }

#pager { padding: 15px 0 0; }
#pager:after { content:""; display:block; clear:both; }
#pager p { float: left; }
#pager p:nth-child(2) { float: right; }
}
/* //お知らせページ */


/* 小型操縦免許 講習会場ページ */
.placelistwrap01 { display: table; margin: 0 auto; }
.placelistwrap01 table { width: auto; }
.placelistwrap01 table tr { padding: 0 0 1%; }
.placelistwrap01 table tr:last-child { padding: 0; }
.placelistwrap01 table td { width: 1%; padding: 0 5% 0 0; white-space: nowrap; }
.placelistwrap01 table td:last-child { padding: 0; }
.placelistwrap01 table td a { display: block; }
.placelistwrap01 table td a:link { display: block; color: #164a83; }
.placelistwrap01 p:before { content: url("../common_img/listicon01.png"); display: inline-block; vertical-align: top; margin: 5px 5px 0 0; }

.placemapwrap01 { display: block; padding: 1em 0 0; }
.placemapwrap01 iframe { width: 100%; height: 470px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.placelistwrap01 { width: 98%; display: table; margin: 0 auto; }
.placelistwrap01 table { width: 100%; }
.placelistwrap01 table tr { padding: 0; }
.placelistwrap01 table tr:last-child { padding: 0; }
.placelistwrap01 table td { display: block; width: 100%; padding: 0; white-space: nowrap; }
.placelistwrap01 table td:last-child { padding: 0; }
.placelistwrap01 table td a { display: block; }
.placelistwrap01 table td a:link { display: block; color: #164a83; }
.placelistwrap01 p:before { content: url("../common_img/listicon01.png"); display: inline-block; vertical-align: top; margin: 0 5px 0 0; }

.placemapwrap01 { display: block; padding: 1em 0 0; }
.placemapwrap01 iframe { width: 100%; height: 300px; }
}
/* //小型操縦免許 講習会場ページ */


/* 各書式ダウンロードページ */
.pdfdlbuttonwrap01 { display: block; margin: 0 0 40px; }
.pdfdlbuttonwrap01:last-child { margin: 0; }
.pdfdlbuttonwrap01 a { display: block; }
.pdfdlbuttonwrap01 a:link { display: block; color: #0f477d; text-decoration: none; }
.pdfdlbuttonwrap01 a:hover { opacity: 0.6; }
.pdfdlbutton01 { display: table; width: 100%; font-size: 22px; font-weight: 600; border-bottom: 9px solid #0f477d; }
.pdfdlbutton01 p { display: table-cell; vertical-align: middle; padding: 0 1% 5px; }
.pdfdlbutton01 p:nth-child(1):before { content: url("../common_img/listicon03.png"); display: inline-block; margin: 3px 10px 0 0; vertical-align: middle; }
.pdfdlbutton01 p:nth-child(2) { width: 34px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pdfdlbuttonwrap01 { display: block; margin: 0 0 20px; }
.pdfdlbuttonwrap01:last-child { margin: 0; }
.pdfdlbuttonwrap01 a { display: block; }
.pdfdlbuttonwrap01 a:link { display: block; color: #0f477d; text-decoration: none; }
.pdfdlbuttonwrap01 a:hover { opacity: 0.6; }
.pdfdlbutton01 { display: table; width: 100%; font-size: 14px; font-weight: 600; border-bottom: 6px solid #0f477d; }
.pdfdlbutton01 p { display: table-cell; vertical-align: middle; padding: 0 1% 5px; }
.pdfdlbutton01 p:nth-child(1):before { content: url("../common_img/listicon03.png"); display: inline-block; margin: 3px 5px 0 0; vertical-align: middle; }
.pdfdlbutton01 p:nth-child(2) { width: 34px; padding: 0 0 0 1%; }
}
/* //各書式ダウンロードページ */


/* 船舶に関する手続きページ */
table.shiplist01 { width: 100%; }
table.shiplist01 tr { border-bottom: 1px solid #cdcdcd; }
table.shiplist01 tr:first-child { border-top: 1px solid #cdcdcd; }
table.shiplist01 tr td { padding: 1.5%; vertical-align: middle; }
table.shiplist01 tr td:first-child { width: 30%; text-align: center; }
table.shiplist01 tr td:first-child p { display: block; font-size: 18px; color: #FFFFFF; background: #707070; padding: 1%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
table.shiplist01 { width: 100%; }
table.shiplist01 tr { border-bottom: none; }
table.shiplist01 tr:first-child { border-top: none; }
table.shiplist01 tr td { display: block; padding: 1.5%; vertical-align: middle; }
table.shiplist01 tr td:first-child { width: 100%; text-align: center; padding: 1.5% 0; }
table.shiplist01 tr td:first-child p { display: block; font-size: 14px; color: #FFFFFF; background: #707070; padding: 1%; }
}
/* //船舶に関する手続きページ */


/* 共通リスト */
.tablewrap01 { padding: 20px 0; }
.tablewrap02 { padding: 0; }
.tablewrap02:after { content:""; display:block; clear:both; }
table.tablelist01 { width: 100%; }
table.tablelist01 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist01 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist01 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist01 td:nth-child(1) { width: 22%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist01 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist01 td:last-child { width: auto; border-right: none; }

table.tablelist02 { width: 100%; }
table.tablelist02 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist02 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist02 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist02 td:nth-child(1) { width: 22%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist02 td:nth-child(2) { width: 1em; border-right: 1px solid #d4d4d4; }
table.tablelist02 td:last-child { width: auto; border-right: none; }

table.tablelist03 { width: 100%; }
table.tablelist03 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist03 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist03 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist03 td:nth-child(1) { width: 32%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist03 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist03 td:last-child { width: auto; border-right: none; }

table.tablelist04 { width: 100%; }
table.tablelist04 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist04 tr:first-child { text-align: center; font-weight: 700; }
table.tablelist04 tr:first-child td { padding: 0 0 10px; }
table.tablelist04 tr:first-child td:nth-child(1) { background: none; }
table.tablelist04 tr:first-child td:nth-child(2) { border: none; }
table.tablelist04 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist04 td:nth-child(1) { width: 22%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist04 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist04 td:last-child { width: auto; border-right: none; }

table.tablelist05 { width: 100%; }
table.tablelist05 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist05 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist05 tr:last-child { border: none; }
table.tablelist05 tr:last-child td { padding: 1.5em 2em 0 2em; }
table.tablelist05 tr:last-child td:nth-child(1) { background: none; }
table.tablelist05 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist05 td:nth-child(1) { width: 22%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist05 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist05 td:last-child { width: auto; border-right: none; }

.nolist { display: block; }

.textspace01 { padding: 0 0 0 3em; }

.tablelistunderwrap01 { width: 80%; margin: 30px auto 0; }

.listwrap01 { width: 100%; padding: 30px 0 0; }
.listwrap01 ul { width: 100%; display: table; }
.listwrap01 ul li { width: 31.33333333333333%; padding: 2%; display: table-cell; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.tablewrap01 { padding: 15px 0; }
.tablewrap02 { padding: 0; }
.tablewrap02:after { content:""; display:block; clear:both; }
table.tablelist01 { width: 100%; }
table.tablelist01 tr { border-bottom: none; }
table.tablelist01 tr:first-child { border-top: none; }
table.tablelist01 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist01 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #FFFFFF; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist01 td:nth-child(2) { width: auto; margin: 0; padding: 0 1em; border-right: none; }
table.tablelist01 td:nth-child(3) { margin: 0; padding: 0 1em 10px; }
table.tablelist01 td:last-child { border-right: none; padding: 0 1em 10px; }
table.tablelist01 tr:last-child td:nth-child(3) { margin: 0; padding: 0 1em; }

table.tablelist02 { width: 100%; }
table.tablelist02 tr { border-bottom: none; }
table.tablelist02 tr:first-child { border-top: none; }
table.tablelist02 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist02 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #FFFFFF; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist02 td:nth-child(2) { width: auto; margin: 0; padding: 0 1em; border-right: none; }
table.tablelist02 td:nth-child(3) { margin: 0; padding: 0 1em 10px; }
table.tablelist02 td:last-child { border-right: none; padding: 0 1em 10px; }
table.tablelist02 tr:last-child td:nth-child(3) { margin: 0; padding: 0 1em; }

table.tablelist03 { width: 100%; }
table.tablelist03 tr { border-bottom: none; }
table.tablelist03 tr:first-child { border-top: none; }
table.tablelist03 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist03 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #FFFFFF; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist03 td:nth-child(2) { width: auto; margin: 0; padding: 0 1em; border-right: none; }
table.tablelist03 td:nth-child(3) { margin: 0; padding: 0 1em 10px; }
table.tablelist03 td:last-child { border-right: none; padding: 0 1em 10px; }
table.tablelist03 tr:last-child td:nth-child(3) { margin: 0; padding: 0 1em; }

table.tablelist04 { width: 100%; }
table.tablelist04 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist04 tr:first-child { text-align: center; font-weight: 700; }
table.tablelist04 tr:first-child td { padding: 0 0 10px; }
table.tablelist04 tr:first-child td:nth-child(1) { background: none; }
table.tablelist04 tr:first-child td:nth-child(2) { border: none; }
table.tablelist04 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist04 td:nth-child(1) { width: 30%; background: #FFFFFF; font-weight: 700; text-align: center; }
table.tablelist04 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist04 td:last-child { width: auto; border-right: none; }

table.tablelist05 { width: 100%; }
table.tablelist05 tr { border-bottom: none; }
table.tablelist05 tr:first-child { border: none; }
table.tablelist05 tr:last-child { border: none; }
table.tablelist05 tr:last-child td { padding: 0.5em 1em 0 1em; }
table.tablelist05 tr:last-child td:nth-child(1) { display: none; border: none; background: none; }
table.tablelist05 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist05 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #FFFFFF; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist05 td:nth-child(2) { width: auto; margin: 0; padding: 0 1em; border-right: none; }
table.tablelist05 td:last-child { border-right: none; padding: 0 1em 10px; }

.nolist { display: none !important; }

.textspace01 { padding: 0 0 0 3em; }

.listwrap01 { width: 100%; padding: 15px 0 0; }
.listwrap01 ul { width: 100%; display: table; }
.listwrap01 ul li { width: 31.33333333333333%; padding: 2%; display: table-cell; }
}
/* //共通リスト */


/* フォーム共通 */
#privacywrap01 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; line-height: 160%; }
#privacywrap02 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap02 ul { display: block; padding: 0 1em 1em; }
#privacywrap02 ul:last-child { padding: 0 1em; }
#privacywrap03 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; line-height: 160%; }
#privacywrap04 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap04 ul { display: block; padding: 0 1em 1em; }
#privacywrap04 ul:last-child { padding: 0 1em; }

ul.check01 { width:100%; display:block; text-align: center; padding: 0 0 15px; }
ul.check01 li {
	width:100%;
	display:block;
	background: #ededed;
	padding: 0.5em 0 1em;
	margin: 0;
}

ul.check02 { width:100%; display:block; text-align: center; padding: 0; }
ul.check02 li {
	width:100%;
	display:block;
	padding: 0;
	margin: 0;
}
input.checkbox{
	display: none;
}
label.checkbox{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	text-indent: 0;
	padding:0 0 0 25px;
	border-radius: 1%;
	font-size: 12px;
	text-align: left;
	line-height: 1.3;
	vertical-align:middle;
}
label.checkbox:before{
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
input.checkbox[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-radius: 50%;
	background: #164a83;
}

input.checkbox[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #164a83;
	border-right: 3px solid #164a83;
}
label.checkbox[for=consent01] {
	display: table;
	font-size: 16px;
	width: auto;
	text-align: center;
	margin: 15px auto 0;
}

textarea { width:98%; height:200px; padding:8px 1%; margin:0; border:1px solid #d8d8d8; }

input.button { border:none; padding:0; margin:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#privacywrap01 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; }
#privacywrap02 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap02 ul { display: block; padding: 0 1em 1em; }
#privacywrap02 ul:last-child { padding: 0 1em; }
#privacywrap03 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; }
#privacywrap04 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap04 ul { display: block; padding: 0 1em 1em; }
#privacywrap04 ul:last-child { padding: 0 1em; }

ul.check01 { width:100%; display:block; text-align: center; padding: 0 0 15px; }
ul.check01 li {
	width:100%;
	display:block;
	background: #ededed;
	padding: 0.5em 0 1em;
	margin: 0;
}

ul.check02 { width:100%; display:block; text-align: center; padding: 0; }
ul.check02 li {
	width:100%;
	display:block;
	padding: 0;
	margin: 0;
}
input.checkbox{
	display: none;
}
label.checkbox{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	text-indent: 0;
	padding:0 0 0 25px;
	border-radius: 1%;
	font-size: 12px;
	text-align: left;
	line-height: 1.3;
	vertical-align:middle;
}
label.checkbox:before{
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
input.checkbox[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-radius: 50%;
	background: #164a83;
}

input.checkbox[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #164a83;
	border-right: 3px solid #164a83;
}
label.checkbox[for=consent01] {
	display: table;
	font-size: 12px;
	width: auto;
	text-align: center;
	margin: 15px auto 0;
}

textarea { width:98%; height:200px; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }

input.button { border:none; padding:0; margin:0; }
}
/* //フォーム共通 */