@charset "UTF-8";
/*2019-10*/

/*------ ++ Reset CSS  ++ ------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, dd, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video{
background:transparent;
border:0;
font-size:100%;
margin:0px;
outline:0;
padding:0;
vertical-align: baseline;
}

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

html,body {
font-family:Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
width:100%; height:100%; padding:0; margin:0; background:#000; color:#fff; line-height:1.8em; font-size:15px; text-align:left; word-wrap: break-word;
}
@media only screen and (max-width:641px) {
html,body {font-size:16px;}
}

img {vertical-align:bottom; border:0px; max-width:100%; height:auto; width /***/:auto;}
p {margin:0px; padding:0px; background:transparent;}
li {list-style:none;}

a:link {color:#fff; text-decoration:none;}
a:hover {color:#abb0c1;}
a:visited {color:#f4f4f4;}

a:link, .btn-s-gray, .btn-l, .submit {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

/*--画像hover--*/
a {}
a:hover {opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;
}


/*--表示切替--*/
.edt-desktop {display:inline-block;}
.edt-mov {display:none;}
@media only screen and (max-width:768px) {
.edt-desktop {display:none;}
.edt-mov {display:inline-block;}
}


/*--▼主要部品--*/
/*--container--*/
#container {
width:100%;
position:relative;
min-height:100%;
height:100%;
height:auto;
padding:0px 0 0px 0px;
}
#wrap {
width:100%;
margin:auto;
padding:130px 0% 260px 0%; /*topとbottomの高さでpadding設定*/
background:#323232;
}
/*.box-w100per {width:100%; background:#cc0066;}*/
.box-w98per {width:100%; max-width:1200px; margin:auto; padding:0px;}
/*--768以下--*/
@media only screen and (max-width:769px){*
#wrap {padding:80px 0% 260px 0%;} /*topとbottomの高さでpadding設定*/
}


/*--ヘッダ固定--*/
header {
position: fixed; /*ヘッダ固定*/
top: 0px;
z-index:9999;
width: 100%;
height: 129px;
background:#333;
border-bottom:1px solid #fff!important;
}
header .hd-in {
width:96%;
height:100%;
padding:0 2% 0 2%;
max-width:1200px;
margin:0 auto;
position:relative;
z-index:1;
}
@media only screen and (max-width:769px){
header {
height: 80px; /*79px+1px*/
}
}
/*--hd-logo--*/
header .hd-logo {
position:absolute;
left:1%;
bottom:1px;
z-index:19;
}
header .hd-logo img{
height:78px;
display:block;
}
@media only screen and (max-width:769px){
header .hd-logo img{height:50px;}
}
@media only screen and (max-width:480px){
header .hd-logo img{height:46px;}
}
/*hd-nav*/
header .hd-g-nav {
position:absolute;
z-index:19;
right:1%;
bottom:1px;
}
/*hd-nav*/
header .hd-g-nav {
position:absolute;
z-index:19;
right:1%;
bottom:1px;
}
header .hd-g-nav img {height:66px; display:block;}
@media only screen and (max-width:769px){
header .hd-g-nav {display:none;}
}

.hd-mob-menu {/*--mobmenu--*/
position:absolute;
right:0;
bottom:0;
z-index:19;
padding:0;
margin:0;
}

/*--body定義--*/
.body-in{
width:94%;
padding:5% 3% 0% 3%;
max-width:1300px;
margin:auto;
/*background:#000;*/
}
@media only screen and (max-width:769px){
.body-in{
width:96%;
padding:6% 2% 0% 2%;
}
}
.body-in p{
margin-bottom:24px; /*--p汎用--*/
}

article {padding:0; margin:0 auto;}
/*@media only screen and (max-width:769px){
article {width:96%; padding:0% 2% 0% 2%;}
}*/

/*フッタ固定*/
#footer-absolute {
position:absolute;
bottom:0px;
/*left:0px;*/
width:100%;
height:259px;/*高さ259px+border1px余白*/
border-top:1px solid #fff;
background:#000;
color:#fff;
margin:0 auto;
}
#footer-content {
height:98%;
width:96%;
max-width:1200px;
padding:2% 2% 0 2%;
margin:0 auto;
}
#footer-content p{
margin:0 0 15px 0;
}

/*--▼ホットペッパ対策-Liquid(右のBOXが固定)--*/
#liquid-wrap{ /*--外枠-1--*/
width:100%;
min-width:300px;
/*max-width:1200px;*/
margin: 0 auto 5px auto;
padding:0;
/*フッタ下合わせ*/
position: relative;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
background: url(../img/bg-nami-1.png) bottom repeat-x; /*--外枠1-波背景--*/
}

#liquid-container{ /*--外枠-2--*/
width: 100%;
float: left;
margin-right: -268px;
}
#liquid-contents{ /*--左 可変幅--*/
position: relative;
margin:0px 280px 0px 0px;
padding:0px;
/*background:rgba(50,50,50, 0.3);*/
}
#liquid-side{ /*--右アクセス情報 固定幅 w300px 内枠--*/
width: 268px;
padding:20px;
float: right;
background:rgba(0,0,0, 0.3);
}
/*--▼769以下--*/
@media only screen and (max-width:769px) {
#liquid-wrap, #liquid-container, #liquid-contents {
width:100%;
display:block;
}
#liquid-side{ /*--アクセス情報--*/
width: 100%;
padding:10px 10px 10px 10px;
overflow:hidden;
display:block;
}
}
/*--ホットペッパ対策--*/
/*--▲主要部品--*/



/*--▼common--*/

/*--▼アーカイブで利用--*/
.box-w80-100per{
width:80%;
padding:20px;
margin: 0 auto 20px auto;
/*background:rgba(60,20,20,0.3);*/
}
@media only screen and (max-width:769px) {
.box-w80-100per{
width:90%;
}
}
@media only screen and (max-width:480px) {
.box-w80-100per{
width:100%;
padding:6px;
}
}

/*--▼swiper--*/
.swiper-container {text-align: center; z-index:9998;}
.swiper-container .swiper-slide img {width:100%; height: auto; z-index:9998;}
.prettyprint {border: none; background: #fafafa; color: #697d86; z-index:9998;}
/*--swiper--*/

/*--関連記事swipe--*/
.swiper-container {
width:100%;
height:auto;
padding:0px 0 0 0;
}
.swiper-slide {
text-align:center;
display:inline-block;
cursor:pointer;
float:left;
width:30%;
height:auto;
line-height:1.2em;
margin-bottom:18px;
}
.swipe-item img{
width:70%;
max-width:230px;
height:auto;
padding:15px 15% 5px 15%;
border-bottom:1px dotted #fff;
margin-bottom:8px;
}
@media only screen and (max-width:640px) {
.swipe-item  img{
width:100%;
max-width:106px;
height:auto;
padding:10px 0% 5px 0%;
}
}
/*--▲関連記事swipe--*/


/*--▼flexbox--*/
.flexbox-2-1, .flexbox-3-2, .flexbox-4-2 {
display: flex; /*--子要素は自動的にflex-item化--*/
flex-direction: row; /*--横並び--*/
flex-wrap: wrap; /*--画面幅に収まらない場合折り返す--*/
align-items:stretch; /*--縦の位置指定--*/
justify-content:center; /*水平方向の位置*/
_zoom: 1;
width:100%;
margin:0 0 20px 0;
padding:0;
/*background:#c71585;*/
/*align-content:stretch;*/ /* 折り返し時の配置指定 */
}
/*--▼4列～2列--*/
.flexbox-4-2 p, .flexbox-4-2 li{
float:left;
width:22%;
margin:0 4% 20px 0;
text-align:center;
/*position:relative;*/
/*z-index:1;*/
/*background:#cc0066;*/
}
.flexbox-4-2 p:nth-child(4n + 0){margin:0 0% 20px 0;}
.flexbox-4-2 li:nth-child(4n + 0){margin:0 0% 20px 0;}
.flexbox-4-2 p:last-child {margin:0 0% 20px 0;}
.flexbox-4-2 li:last-child {margin:0 0% 20px 0;}

/*--▼3列～2列--*/
.flexbox-3-2 li{
float:left;
width:32%;
margin:0px 2% 15px 0;
overflow:hidden;
text-align:center;
}
.flexbox-3-2 li:nth-child(3n + 0){margin:0px 0% 15px 0;}
/*--▼2列～1列--*/
.flexbox-2-1 li{
float:left;
width:46%;
margin:0px 8% 20px 0;
/*background:#000;*/
}
.flexbox-2-1 li:nth-child(2n + 0) {margin:0px 0% 20px 0;}
/*--▼640以下--*/
@media only screen and (max-width:640px) {
/*--▼4列～2列--*/
.flexbox-4-2 li{
width:48%;
margin:0 4% 20px 0;
}
.flexbox-4-2 li:nth-child(2n + 0){
margin:0 0% 20px 0;
}
/*--▼3列～2列--*/
.flexbox-3-2 li{
width:48%;
margin:0px 4% 20px 0;
overflow:hidden;
}
.flexbox-3-2 li:nth-child(3n + 0){
margin:0px 4% 20px 0;
}
.flexbox-3-2 li:nth-child(2n + 0){
margin:0px 0% 20px 0;
}
/*--▼2列～1列--*/
.flexbox-2-1 li{
width:100%;
display:block;
margin:0 0% 20px 0;
}
.flexbox-2-1 li:nth-child(2n + 0){
margin:0 0% 20px 0;
}
}

/*--▼image設定--*/
.img-76per img {
width:70%;
height:auto;
}
/*.flexbox-3-2, .flexbox-4-2 img {
.img-100per img{
width:100%;
height:auto;
}*/
/*--▲flex-box--*/


/*--▼list--*/
.li-disc li{
list-style-type: disc;
list-style-position:left 10px;
vertical-align:top;
border-bottom:1px dotted #fff;
padding: 5px 0 5px 0;
}
@media only screen and (max-width:640px) {
.li-disc li:last-child {border-bottom:none;}
}


/*--▼li-ora--*/
.li-ora li {
display:block;
/*padding:6px 0px 6px 0px;*/
border-bottom:1px dotted #fff;
}
/*--list linkあり--*/
.li-ora li a{
position:relative;
display:block;
vertical-align:middle;
background: url(../img/li-ora.png) left top 50% no-repeat;
color:#fff;
padding:6px 20px 6px 20px;
}
/*--三角icon--*/
.li-ora li a:after{
content: "";
position: absolute;
bottom: 50%;
right: 0px;
width: 1px;
height: 0;
padding:0 0px 0 0;
margin: -8px 1px;/*--icon位置--*/
border: 8px solid transparent; /*iconスタイル*/
border-left: 8px solid #fff; /*iconスタイル*/
}
.li-ora li a:hover{
background: #444 url(../img/li-green.png) left top 50% no-repeat;
}
.li-ora li a:hover::after{
border-left: 8px solid #c71585;
}
.li-ora li:last-child{
border-bottom:none;
}

/*--▼footerで利用--*/
.li-inline  ul{
padding: 0px;
margin:0;
}
.li-inline li{
position : relative; /*--位置の基点--*/
margin: 0 1px 0 2px;
padding: 0 1px;
display: inline-block;
}
.li-inline li:after{ /*--擬似要素でicon--*/
content: '';
position: absolute; /*--icon位置設定--*/
border-right : solid 1px #fff;
padding-right: 4px;
height: 50%;
bottom: 25%;
}
.li-inline li:last-child::after{ /*--last-childとafterの組合せ--*/
border-right: none;
}


/*--▼border装飾--*/
.bod-bottom-g {
border-bottom:2px solid #9acd32;
padding:0 0 10px 0;
width:100%;
margin:0 0 20px 0;
}


.bod-left-w, .bod-left-g{
padding:0 0 0 8px;
text-align:left;
width;100%;
}
.bod-left-w {border-left:7px solid #fff;}
.bod-left-g {border-left:7px solid #9acd32; }
/*@media only screen and (max-width:640px) {
.bod-left-w, .bod-left-g{padding:0 0 20px 0px; text-align:center;}
.bod-left-w {border-left:none; border-bottom:1px solid #fff;}
.bod-left-g {border-left:none; border-bottom:1px solid #9acd32;}
}*/


/*--text-h1--*/
/*h1.title {font-size:2.0em; line-height:1.1em; z-index:2; display:inline-block; width:100%;}*/
h1.title-index {font-size:1.4em; display:inline-block; line-height:1.1em;}
h2.title {font-size:1.2em; display:inline-block;}
h2.title-min {font-size:1.4em; display:inline-block; font-family:'Noto Serif JP', serif;} /*--ttl明朝--*/
h3.title {font-size:1.1em; display:inline-block;}
.min {display:inline-block; font-family:'Noto Serif JP', serif;} /*--通常明朝--*/

/*--768以下--*/
@media only screen and (max-width:769px) {
/*h1.title {font-size:1.4em; display:inline; line-height:1.1em;}*/
h1.title-index {font-size:1.1em;}
h2.title-min {font-size:1.2em;}
}

/*--indexで利用--*/
h1.index {
font-size:1.4em;
line-height:1.1em;
display:inline;
display:block;
color:#fff;
}
@media only screen and (max-width:769px) {
h1.index {font-size:1.1em; line-height:1.1em;}
}
/*--text-h1--*/

/*table*/
.table-01, .table-02, .table-04 {
width:100%;
border-collapse:collapse;
}
/*汎用1*/
.table-01 {border-top:none;}
.table-01 tr {border-top:1px dotted #ccc;}
.table-01 tr:last-child {border-bottom:1px dotted #ccc;}
.table-01 th:first-child {text-align:left; vertical-align:top; padding:5px 2% 10px 0;}
.table-01 td:last-child {padding:5px 0px;}
@media only screen and (max-width:641px){
.table-01 th {width:100%; display:block; text-align:left; padding:4px 0px; border-top:none;}
.table-01 td {width:100%; display:block; padding:4px 0px; border:none;}
}

/*汎用2*/
.table-02 {table-layout:fixed;}
.table-02 tr {border-top:1px dotted #ccc;}
.table-02 tr:last-child {border-bottom:1px dotted #ccc;}
.table-02 td {border-right:1px dotted #ccc; padding:4px 4px;}
.table-02 td:last-child {border-right:none;}

/*--menuで使用--*/
.table-04 {table-layout:fixed; margin-bottom:30px;}
.table-04 tr:nth-child(odd) {background:rgba(60,60,60, 0.8); padding:5px 2px 0px 2px;}
/*.table-04 th {border:dotted 1px #ccc; padding:2px;}*/
.table-04 tr {border-bottom:dotted 1px #fff; padding:2px;}
/*.table-04 tr :first-child {border-top:dotted 1px #fff;}*/
.table-04 tr :first-child {padding:5px 1px 0px 1px;}
.table-04 tr :last-child {border-bottom:none;}

.table-04 p {margin:0; padding:0;}
/*--table--*/

.ma-t5 {margin-top: 5px;}
.ma-t10 {margin-top: 10px;}
.ma-t15 {margin-top: 15px;}
.ma-t20 {margin-top: 20px;}
.ma-t30 {margin-top: 30px;}
.ma-b3 {margin-bottom: 3px;}
.ma-b5 {margin-bottom: 5px;}
.ma-b10 {margin-bottom: 10px;}
.ma-b15 {margin-bottom: 15px;}
.ma-b20 {margin-bottom: 20px;}
.ma-b30 {margin-bottom: 30px;}
.ma-b40 {margin-bottom: 40px;}
.ma-b50 {margin-bottom: 50px;}
.ma-b60 {margin-bottom: 60px;}
.ma-b70 {margin-bottom: 60px;}
.ma-l5 {margin-left: 5px;}
.ma-l10 {margin-left: 10px;}
.ma-l15 {margin-left: 15px;}
.ma-l20 {margin-left: 20px;}
.ma-r5 {margin-right: 5px;}
.ma-r10 {margin-right: 10px;}
.ma-r15 {margin-right: 15px;}
.ma-r20 {margin-right: 20px;}


.f-l {float:left;}
.f-r {float:right;}
.clear {clear:both;}
.c-fix { zoom: 1; }
.c-fix:before,
.c-fix:after { content: ""; display: table; }
.c-fix:after { clear: both; }

.trim {border:2px solid #ccc; padding:13px 8px 8px 8px;}


/*--▼inline背景--*/
.icon-hissu, .icon-sky, .icon-green, .icon-white {
display:inline-block;
padding:1px 4px;
border-radius:2px;
color:#fff;
margin:2px;
}
.icon-hissu {background:#ccc; color:#000;}
.icon-sky {background:#3399cc; color:#fff;}
.icon-green {background:#00a381; color:#fff;}
.icon-white {background:#fff; color:#000;}

/*--▼btn-small--*/
.btn-s-gray a, .btn-s-white a, .btn-s-green a, .btn-s-pink a {
display:inline-block;
padding:1px 4px;
border-radius:2px;
color:#fff;
margin:2px;
}
/*--btn-各色--*/
.btn-s-gray a{background:#999;}
.btn-s-white a{background:#fff; color:#000;}
.btn-s-green a{background:#96994d;}
.btn-s-pink a{background:#cc3366;}

/*btn-large*/
.btn-l a {
display:inline-block;
width:100%;
padding:10px 2%;
border:1px solid #fff;
text-decoration:none;
color:#fff;
font-size:1.1em;
background:#444;
}
.btn-l a:hover {
color:#669900;
border:1px solid #669900;
background:transparent;
}
/*btn-large*/

/*--btn-submit--*/
.submit {
-webkit-appearance:none; /*ios対策*/
border-radius:0; /*ios対策*/
margin:0 0 30px 0;
padding:8px 10px;
color: #888;
cursor:pointer;
background: #fff;
border-radius:2px;
border:3px solid #669900;
width:100%;
overflow:auto;
font-size:1.4em;
font-weight:bold;
}
.submit:hover {
background:#669900;
color: #fff;
}
/*--btn-submit--*/

/*--スクロール--*/
#page-top {z-index:9999; width:60px; position:fixed; bottom:20px; right:20px;}
#page-top img{width:100%;}
@media screen and (max-width:768px) {
#page-top {width:40px; position:fixed; bottom:5px; right:10px;}
}

.dotline-tp {border-top:dotted 1px #999; padding-top:9px;}
.dotline-bt {border-bottom:dotted 1px #999; padding-bottom:9px;}
.dotline-tp-w {border-top:dotted 2px #fff; padding-top:9px;}
.dotline-bt-w {border-bottom:dotted 2px #fff; padding-bottom:9px;}

.u-line-sky{text-decoration: solid underline #3399cc 4px;}
.u-line-green-2{text-decoration: solid underline #00a381 4px;}


/*--font系--*/
.text-trim-w {text-shadow:white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;}
.text-trim-b {text-shadow:black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px;}

.text-trim-2px {
text-shadow: 
#000 2px 0px, #000 -2px 0px,
#000 0px -2px, #000 0px 2px,
#000 2px 2px, #000 -2px 2px,
#000 2px -2px, #000 -2px -2px,
#000 1px 2px, #000 -1px 2px,
#000 1px -2px, #000 -1px -2px,
#000 2px 1px, #000 -2px 1px,
#000 2px -1px, #000 -2px -1px;
}

.text-sd {text-shadow:3px 3px 3px 3px rgba(0,0,0,0.3);}
.bold{font-weight: bold;}
.col-white {color: #fff;}
.col-black {color: #333;}
.col-gold {color: #e1dfa7;}
.col-gold-2{color:#c89932;}

.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}
.text-lc{text-align:left;}
@media only screen and (max-width:641px) {
.text-lc{text-align:center;}
}
.text-rc{text-align:right;}
@media only screen and (max-width:641px) {
.text-rc{text-align:center;}
}
.text-lr {text-align:left;}
@media only screen and (max-width:641px) {
.text-lr {text-align:right;}
}
@media only screen and (max-width:481px) {
.text-lr {text-align:center;}
}

.text-06 {font-size:0.6em;}
.text-07 {font-size:0.7em;}
.text-08 {font-size:0.8em;}
.text-09 {font-size:0.9em;}

.text-09-07 {font-size:0.8em;}
@media only screen and (max-width:641px) {
.text-09-07 {font-size:0.7em;}
}

.text-12 {font-size:1.2em;}
.text-14 {font-size:1.4em;}
/*--text--*/

.box-sd {display:box; padding:10px 5px; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);}
.sd {box-shadow:0 0 8px #777;}

.anchor {
padding-top:50px;
margin-top:-50px;
}


/*--2列--*/
.column2-50per {float:left; width:48%; height:auto; margin-right:4%;}
.column2-50per:last-child {margin-right:0%;}
/*--641以下--*/
@media only screen and (max-width:640px) {
.column2-50per, .column2-50per:last-child  {display:block; width:100%; height:auto;}
}

/*--▼7対3-2列--*/
.column7by3-7, .column7by3-3 {
display:inline-block;
height:auto;
}
.column7by3-7 {
width:66%;
margin-right:4%;
/*background:#888;*/
}
.column7by3-3 {
width:30%;
/*background:#c71585;*/
}
/*--3対7-2列--*/
.column3by7-3, .column3by7-7 {
display:inline-block;
height:auto;
}
.column3by7-7 {
width:66%;
/*background:#ccc;*/
}
.column3by7-3 {
width:30%;
margin-right:4%;
/*background:#c71585;*/
}
/*--▼img--*/
/*.column7by3-3, .column7by3-7, .column3by7-3, .column3by7-7:img{width:100%; height:auto;margin:0auto;}*/
/*--▼640以下--*/
@media only screen and (max-width:640px) {
/*.column7by3-3, .column7by3-7, .column3by7-3, .column3by7-7:img{width:80%;}*/
.column7by3-3, .column7by3-7, .column3by7-3, .column3by7-7 {display:block; width:100%; margin:0 0 0 0;}
}

/*--▼背景--*/
.bg-gray-1, .bg-white {
padding:20px 20px 5px 20px;
margin:0 0 40px 0;
border-radius:1px;
width:100%;
}
@media only screen and (max-width:640px) {
.bg-gray-1, .bg-white {padding:15px 6px 5px 6px;}
}

.bg-gray-1 {background:rgba(80,80,80, 0.8); color:#fff;}
.bg-white {background:rgba(255,255,255, 0.8); color:#000;}

/*--▼背景記事毎--*/
.bg-suika, .bg-taru, .bg-pot, .bg-work, .bg-bar-01, .bg-bar-02, .bg-bar-03, .bg-bar-04, .bg-bar-01-mono {
background-position: top 0px left 2%;
background-repeat: no-repeat;
background-size: 64% auto; /*--横・縦--*/
/*background-color: #282828;*/
}
@media only screen and (max-width:768px) {
.bg-suika, .bg-taru, .bg-pot, .bg-work, .bg-bar-01, .bg-bar-02, .bg-bar-03, .bg-bar-04 {background-size: 70% auto;} /*--横・縦--*/
}
@media only screen and (max-width:640px) {
.bg-suika, .bg-taru, .bg-pot, .bg-work, .bg-bar-01, .bg-bar-02, .bg-bar-03, .bg-bar-04 {background-size: 100% auto; }
}
.bg-suika {background-image: url(../img/bg-suika.png);} /*--すいか--*/
.bg-taru {background-image: url(../img/bg-taru.png);} /*--樽--*/
.bg-pot {background-image: url(../img/bg-pot.png);} /*--pot--*/
.bg-bar-01 {background-image: url(../img/bg-bar-01.png);} /*--bar--*/
.bg-bar-02 {background-image: url(../img/bg-bar-02.png);} /*--bar--*/
.bg-bar-03 {background-image: url(../img/bg-bar-03.png);} /*--bar--*/
.bg-bar-04 {background-image: url(../img/bg-bar-04.png);} /*--bar--*/

/*--bg松--*/
.bg-matsu {
width:100%;
padding:15px 5px 1px 5px;
background:url(../img/bg-matsu.png) no-repeat bottom 0px right / auto 60%; /*横×縦*/
}
@media only screen and (max-width:640px) {
.bg-matsu {background:url(../img/bg-matsu.png) no-repeat bottom 0px right / auto 60%;}
}
/*--bg竹new--*/
.bg-take {
background-position:right bottom;
background-size: 30% auto; /*横×縦*/
background-repeat:no-repeat;
background-image : url(../img/bg-take.png);
/*background-color:rgba(255,255,255,0.6);*/ /*背景透過*/
}
@media only screen and (max-width:640px) {
.bg-take {
background-position:right 0% bottom 0;
background-size: 50% auto; /*横×縦*/
}
}

/*--bg波--*/
.bg-nami-01 {background:#111 url(../img/bg-nami-1.png) bottom repeat-x;}
.bg-nami-02 {background:#111 url(../img/bg-nami-2.png) bottom repeat-x;}


/*--サイズ指定--*/
w-100per, .w-92per {margin-left:auto; margin-right:auto; height:auto;}
.w-100per {width:100%;}
.w-92per {width:92%;}
.w-100per-form {width:100%; padding:10px 0 8px 0;}
.w-50per {width:50%; height:auto;}
.w-30per {width:30%; height:auto;}

.w-30per-img img{width:30%; height:auto;}


/*---▼挿絵-size--*/
.w-100-80per-img img{
width:100%;
display:block;
margin:0 auto;
}
@media only screen and (max-width:640px) {
.w-100-80per-img img{
width:60%;
}
}

/*--動画--*/
.w-100per-min-h300 {width:100%; height:auto; min-height:300px;}

.w-map {width:100%; height:350px; border:2px solid #669933;}

/*z-index*/
.rel {
position:relative;
z-index:1;
}

.abs-lb {
position:absolute;
left:6%;
top:3%;
z-index:3;
}
.abs-lb img {
width:64%;
height:auto;
}

.w-bg-tex-60per img{
width:50%;
height:auto;
margin:0 6% 4% 0;
}


/*--video--*/
.v-img, .v-txt {width:100%; height:auto;}
@media only screen and (max-width:641px) {
.v-img, .v-txt {float:left; height:auto;}
.v-img {width:28%; margin-right:2%;}
.v-txt {width:70%;}
}

/*--▼page先頭--*/
#page_top a{
position: fixed;
z-index:9999;
bottom: 10px;
right: 20px;
transition: opacity 0.3s;
opacity: 0;
width:60px;
height:60px;
padding:15px 5px 5px 5px;
background:rgba(255,255,255,0.8);
border:2px solid #000;
color: #000;
font-size:1.4em;
}
#page_top.is_active a{
opacity: 1;
}
@media only screen and (max-width:769px) {
#page_top a{
width:50px;
height:50px;
right: 10px;
padding:10px 5px 5px 5px;
}
}


.disp-none {display:none;}

/*.w-100per-max200 {width:100%; max-width:200px; height:auto;}
.w-100per-max240 {width:100%; max-width:240px; height:auto;}
.w-100per-max300 {width:100%; max-width:300px; height:auto;}
.w-100per-max640 {width:100%; max-width:640px; display:inline-block;}
.w-90per-max670 {width:90%; max-width:670px; margin:0 auto; display:inline-block;}
.w-80per-max360 {width:80%; max-width:360px; margin:0 auto; display:inline-block;}
*/

/*--カクテルpageなど--*/
/*.w-img-100-80per img{
width:100%;
display:block;
}
@media only screen and (max-width:640px) {
.w-img-100-80per img{
width:74%;
}
}*/