/*@charset "utf-8";*/
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★Site Customize font-family: 'Nunito', sans-serif;
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
* {
font-family : 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif;
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
-ms-box-sizing : border-box;
text-align : justify;
text-justify : inter-ideograph;
}
h1, h2, h3, h4, h5, h6 {
text-align : left;
text-justify : normal !important;
font-family : 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Gothic', 'ＭＳ ゴシック', sans-serif;
}
h2 { font-size : 125%; font-weight : bold; color : #333333; }
h3 { font-size : 120%; font-weight : bold; color : #333333; }
h4 { font-size : 115%; font-weight : bold; color : #333333; }
h5 { font-size : 110%; font-weight : bold; color : #333333; }
h6 { font-size : 105%; font-weight : bold; color : #333333; }
strong {
font-weight : bold;
}
.MainBreakPoint {
width : 1360px;
}
.SubBreakPoint {
width : 960px;
}
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★COMMON STYLE
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ clearfix */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.clearfix:after,
.siteStyle p:after {
content : "" !important;
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix,
.siteStyle p { display : inline-block; }
/* ◆ Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display:block; }
/* ◆ for IE6 */
* html .clearfix {display:inline-block;}
/* ◆ for IE7 */
*+html .clearfix {display:inline-block;}
.textRight { text-align : right; }
.textLeft { text-align : left; }
.textCenter { text-align : center; }
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ body */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
body {
font-size : 90%;
overflow-x : hidden;
color : #3d3927;
background : #ffffff;
padding : 0;
margin : 0;
}
header {
background : transparent;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.displayNone {
display : none !important;
}
img {
vertical-align : top;
}
article.content {
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
a img {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
opacity : 1.0;
}
a img:hover {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
opacity : 0.75;
}
img.alignright { float : right !important; }
img.alignleft { float : left !important; }
img.aligncenter { float : none !important; clear : both !important; margin : 5px auto !important; }
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ HEADER */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ----------------------------------------------------------------------- */
/* ▼ #header */
/* ----------------------------------------------------------------------- */
#header {
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.TextSiteName {
color : #ffffff;
background : #83ad0e;
padding : 6px 6px 6px 6px;
margin : 0px auto 0px auto;
}
#header div.TextSiteName div.TextSiteNameInner {
color : #ffffff;
background : #83ad0e;
padding : 6px 0px 6px 0px;
margin : 0px auto 0px auto;
}
#header h1 {
line-height : 1.6;
font-size : 80%;
font-weight : normal;
float : left;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header p {
line-height : 1.6;
float : right;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ #header div.SiteNameContainer */
/* ----------------------------------------------------------------------- */
#header img {
vertical-align : top;
}
#header div.SiteNameContainer {
position : relative;
top : 0px;
width : 100%;
background : #8dcefc url(../../custom/img/design/bg-header1.png) center bottom repeat-x;
display : table;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.SiteNameInnerContainer {
position : relative;
top : 0px;
width : 1360px;
/*min-height : 400px;*/
vertical-align : bottom;
background : #8dcefc url(../../custom/img/design/bg-header2.png) center bottom no-repeat;
background-size : 100% auto;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.HeaderLine {
position : relative;
top : 0px;
height : 3px;
background : url(../../custom/img/design/bg-header-line.png) center bottom repeat-x;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ div.btnLinkContainer */
/* ----------------------------------------------------------------------- */
#header div.btnLinkContainer {
position : relative;
top : -3px;
width : 960px;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.btnLinkContainer ul.btnLinkSet {
position : relative;
top : 0px;
width : 100%;
float : none;
clear : both;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 10000000;
}
#header div.btnLinkContainer ul.btnLinkSet li.left,
#header div.btnLinkContainer ul.btnLinkSet li.right {
background-size : 100% auto;
}
#header div.btnLinkContainer ul.btnLinkSet li.left {
position : relative;
top : 0px;
float : left;
background : url(../../custom/img/design/bg-btn-home.png) center top no-repeat;
display : inline-block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li.right {
position : relative;
right : 5px;
top : 200px;
float : right;
background : url(../../custom/img/design/bg-btn-sns.png) center top no-repeat;
display : inline-block;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px auto;
}
#header div.btnLinkContainer ul.btnLinkSet li.right:hover {
background : url(../../custom/img/design/bg-btn-sns-over.png) center top no-repeat;
}
#header div.btnLinkContainer ul.btnLinkSet li a {
display : table;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li.ico1 a {
text-shadow : 0px 0px 6px #4b6814, 0px 0px 6px #4b6814;
}
#header div.btnLinkContainer ul.btnLinkSet li.left a {
color : #ffffff;
}
#header div.btnLinkContainer ul.btnLinkSet li.left a:hover {
color : #ffff00;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-left {
width : 105px;
height : 45px;
text-align : center;
vertical-align : middle;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-home span {
font-weight : bold;
background : url(../../custom/img/ico/ico-home.png) left center no-repeat;
display : inline-block;
padding : 4px 4px 4px 27px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li.right a {
color : #5a4c43;
}
#header div.btnLinkContainer ul.btnLinkSet li.right a:hover {
color : #3b5b99;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-right {
width : 160px;
height : 50px;
text-align : center;
vertical-align : middle;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-faq span {
font-weight : bold;
background : url(../../custom/img/ico/ico-faq.png) -2px center no-repeat;
display : inline-block;
padding : 4px 4px 4px 35px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-sitemap span {
font-weight : bold;
background : url(../../custom/img/ico/ico-sitemap.png) -2px center no-repeat;
display : inline-block;
padding : 4px 4px 4px 27px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li a span.ico-weather span {
font-weight : bold;
background : url(../../custom/img/ico/ico-weather.png) -2px center no-repeat;
display : inline-block;
padding : 4px 4px 4px 35px;
margin : 0px 0px 0px 0px;
}
#header div.btnLinkContainer ul.btnLinkSet li a span span {
line-height : 1.2;
font-size : 9pt;
text-align : left;
text-justify : normal !important;
}
/* ▼ div.SiteName */
/* ----------------------------------------------------------------------- */
#header div.SiteNameContainer div.SiteName {
position : relative;
top : -20px;
width : 440px;
font-size : 110%;
font-weight : bold;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.SiteNameContainer div.SiteName h2 {
color : #515151;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#header div.SiteNameContainer div.SiteName h2 img {
width : 100% !important;
height : auto;
max-width : 440px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ NAVI */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/*
▼背景色 NORMAL
●キャンプ ：#f6ac18 ●バンガロー：#d8d236 ●貸別荘 ：#cdbb80 ●ミニグラウンド ：#7bd416
●オプションレジャー：#fc977d ●料金一覧 ：#ffc716 ●施設内マップ：#ffc716 ●アクセス ：#8baebb
*/
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/*
▼背景色 HOVER ACTIVE
●キャンプ ：#ff9b02 ●バンガロー：#d0c624 ●貸別荘 ：#bfa157 ●ミニグラウンド ：#6e932e
●オプションレジャー：#ff7f6e ●料金一覧 ：#ffbb00 ●施設内マップ：#a57ac0 ●アクセス ：#5f8c9c
*/
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/*
▼テキストシャドウ
●キャンプ ：#8f4102 ●バンガロー：#9c871d ●貸別荘 ：#836722 ●ミニグラウンド ：#5c8f03
●オプションレジャー：#994631 ●料金一覧 ：#8c670a ●施設内マップ：#5a3577 ●アクセス ：#386374
*/
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
#mainNavContainer {
position : relative;
bottom : 0px;
width : 100%;
display : inline-block;
padding : 10% 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 100000;
}
nav .panel {
position : relative;
bottom : 0px;
float : none !important;
clear : both !important;
margin : 0px auto 0px auto !important;
}
a#menu { display : none; }
#mainNav {
position : relative;
bottom : 0px;
width : 100%;
text-align : center;
float : none !important;
clear : both !important;
padding : 0px 0px 0px 60px !important;
/* padding : 0px 0px 0px 0px !important; */
margin : 0px auto 0px auto !important;
}
#mainNav ul {
width : 960px;
height : auto;
display : table;
float : none !important;
clear : both !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#mainNav ul li {
width : 12.3%;/* 11.5% */
height : auto;
text-align : center;
display : table-cell;
float : left;
border : 0px;
/*
border-top : 0px;
border-bottom : 0px;
border-right : 1px solid #7cd182;
border-left : 1px solid #409d44;
*/
padding : 0px 0.0px 0px 0.0px !important;
margin : 0px 0.1% 0px 0.1% !important;
}
#mainNav ul li a,
#mainNav ul li div.head {
width : auto;
height : auto;
font-size : 110%;
text-align : center;
border : 0px;
display : block;
cursor : pointer;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#mainNav ul li a,
#mainNav ul li div.head {
color : #ffffff;
background : transparent;
}
#mainNav ul li a:hover,
#mainNav ul li div.head:hover {
color : #ffffff;
background : transparent;
}
#mainNav ul li.current_page_item a,
#mainNav ul li.current-menu-item a,
#mainNav ul li.current_page_item div.head,
#mainNav ul li.current-menu-item div.head {
color : #ffffff;
background : transparent;
}
#mainNav ul li div.head span.link {
position : relative;
top : 0px;
width : 100%;
text-align : center;
background-size : 100% auto !important;
display : table !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#mainNav ul li div.head span.link span.table {
width : auto;
height : 135px !important;
text-align : center;
vertical-align : middle;
background : transparent;
display : table-cell !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#mainNav ul li div.head span.link span.table strong {
width : 91.5%;
font-size : 100% !important;
text-align : center;
display : inline-block;
padding : 2px 4px 2px 4px;
margin : 28px auto 0px auto;
}
#mainNav ul li.current_page_item div.head span.link span.table strong,
#mainNav ul li.current-menu-item div.head span.link span.table strong,
#mainNav ul li div.head span.link span.table:hover strong {
width : 90%;
}
#mainNav ul li div.head span.link span.table strong span {
font-size : 100%;
text-align : center;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
/*
*/
#mainNav ul li {
z-index : 1;
}
#mainNav ul li:hover {
z-index : 10000;
}
#mainNav ul li div.head span.menu1 {
background : transparent url(../../custom/img/menu/menu1.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu2 {
background : transparent url(../../custom/img/menu/menu2.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu3 {
background : transparent url(../../custom/img/menu/menu3.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu4 {
background : transparent url(../../custom/img/menu/menu4.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu5 {
background : transparent url(../../custom/img/menu/menu5.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu6 {
background : transparent url(../../custom/img/menu/menu6.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu7 {
background : transparent url(../../custom/img/menu/menu7.png) center 0px no-repeat;
}
#mainNav ul li div.head span.menu8 {
background : transparent url(../../custom/img/menu/menu8.png) center 0px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(1) div.head span.menu1,
#mainNav ul li.current-menu-item:nth-child(1) div.head span.menu1,
#mainNav ul li div.head:hover span.menu1 {
background : transparent url(../../custom/img/menu/menu1.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(2) div.head span.menu2,
#mainNav ul li.current-menu-item:nth-child(2) div.head span.menu2,
#mainNav ul li div.head:hover span.menu2 {
background : transparent url(../../custom/img/menu/menu2.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(3) div.head span.menu3,
#mainNav ul li.current-menu-item:nth-child(3) div.head span.menu3,
#mainNav ul li div.head:hover span.menu3 {
background : transparent url(../../custom/img/menu/menu3.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(4) div.head span.menu4,
#mainNav ul li.current-menu-item:nth-child(4) div.head span.menu4,
#mainNav ul li div.head:hover span.menu4 {
background : transparent url(../../custom/img/menu/menu4.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(5) div.head span.menu5,
#mainNav ul li.current-menu-item:nth-child(5) div.head span.menu5,
#mainNav ul li div.head:hover span.menu5 {
background : transparent url(../../custom/img/menu/menu5.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(6) div.head span.menu6,
#mainNav ul li.current-menu-item:nth-child(6) div.head span.menu6,
#mainNav ul li div.head:hover span.menu6 {
background : transparent url(../../custom/img/menu/menu6.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(7) div.head span.menu7,
#mainNav ul li.current-menu-item:nth-child(7) div.head span.menu7,
#mainNav ul li div.head:hover span.menu7 {
background : transparent url(../../custom/img/menu/menu7.png) center -137px no-repeat;
}
#mainNav ul li.current_page_item:nth-child(8) div.head span.menu8,
#mainNav ul li.current-menu-item:nth-child(8) div.head span.menu8,
#mainNav ul li div.head:hover span.menu8 {
background : transparent url(../../custom/img/menu/menu8.png) center -137px no-repeat;
}
#mainNav ul li div.head span.menu1 span.table strong {
text-shadow : 0px 0px 5px #8f4102, 0px 0px 5px #8f4102;
background : #ff9b02;
padding : 10px 2px 10px 2px;
}
#mainNav ul li div.head span.menu2 span.table strong {
text-shadow : 0px 0px 5px #9c871d, 0px 0px 5px #9c871d;
background : #d0c624;
padding : 2px 2px 2px 2px;
}
#mainNav ul li div.head span.menu3 span.table strong {
text-shadow : 0px 0px 5px #836722, 0px 0px 5px #836722;
background : #bfa157;
padding : 10px 2px 10px 2px;
}
#mainNav ul li div.head span.menu4 span.table strong {
text-shadow : 0px 0px 5px #5c8f03, 0px 0px 5px #5c8f03;
background : #90d419;
padding : 10px 2px 10px 2px;
}
#mainNav ul li div.head span.menu5 span.table strong {
text-shadow : 0px 0px 5px #994631, 0px 0px 5px #994631;
background : #ff7f6e;
padding : 2px 2px 2px 2px;
}
#mainNav ul li div.head span.menu6 span.table strong {
text-shadow : 0px 0px 5px #8c670a, 0px 0px 5px #8c670a;
background : #ffbb00;
padding : 10px 2px 10px 2px;
}
#mainNav ul li div.head span.menu7 span.table strong {
text-shadow : 0px 0px 5px #5a3577, 0px 0px 5px #5a3577;
background : #a57ac0;
padding : 10px 2px 10px 2px;
}
#mainNav ul li div.head span.menu8 span.table strong {
text-shadow : 0px 0px 5px #386374, 0px 0px 5px #386374;
background : #5f8c9c;
padding : 10px 2px 10px 2px;
}
/* ▼ #mainNav ul li ul */
/* ----------------------------------------------------------------------- */
#mainNav ul li ul {
position : absolute;
top : 120px;
left : -2px;
width : 100%;
min-width : 220px;/* ★ */
overflow : hidden;
border : 2px solid #a49e81;
border-radius : 6px 6px 6px 6px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
display : none;
z-index : 1000000;
}
#mainNav ul li ul.sub-menu {
left : -55px;/* ★ */
}
#mainNav ul li ul.sub-menu li:first-child {
border-top : 0px;
}
#mainNav ul li ul li ul {
position : relative;
top : 0px;
border-radius : 0px 0px 0px 0px;
border : 0px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#mainNav ul li ul li {
position : relative;
top : 0px;
left : 0px;
width : 100%;
min-width : 100%;
height : auto;
color : #665533;
background-color : #f8f5e9;
background-color : rgba(235, 231, 213, 0.95);
border-top : 1px solid #a49e81;
border-bottom : 1px solid #a49e81;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 0px auto -1px auto !important;
z-index : 10000;
}
/*
#mainNav ul li:hover ul.sub-menu {
display : block;
}
*/
#mainNav ul.children,
#mainNav ul.children li {
position : relative;
top : 0px;
width : auto;
border-top : 1px solid #a49e81;
display : block !important;
padding : 0px 0px 0px 0px !important;
margin : 0px 0px 0px 0px !important;
}
#mainNav ul.children li:last-child {
border-top : 0px solid #a49e81;
}
#mainNav ul li:hover ul li ul.children {
display : block !important;
}
#mainNav ul.children,
#mainNav ul.children li:last-child {
border-bottom : 0px !important;
}
#mainNav ul li ul li ul.children li,
#mainNav ul li ul li ul.children li:last-child {
display : block;
padding-left : 20px !important;
}
#mainNav ul li ul.sub-menu li:first-child {
border-bottom : 0px !important;
}
#mainNav ul li ul li:last-child {
border-top : 1px solid #a49e81;
border-bottom : 0px solid #a49e81;
}
#mainNav ul li ul li:hover,
#mainNav ul li ul li:hover ul.sub-menu li:hover,
#mainNav ul li ul li.current_page_item,
#mainNav ul li ul li.current_page_item ul.sub-menu li {
color : #ffffff !important;
background-color : #83ad0e !important;
background-color : rgba(85, 129, 0, 0.95) !important;
}
#mainNav ul li ul li:hover ul.sub-menu li {
color : #665533 !important;
background-color : #f8f5e9 !important;
background-color : rgba(235, 231, 213, 0.85) !important;
}
#mainNav ul li ul li a,
#mainNav ul li.current_page_item ul li a {
line-height : 1.4;
width : 100%;
height : auto;
font-weight : bold;
text-align : left;
display : block !important;
background-color : transparent;
background-image : url(../../images/sub1.png);
background-position : 10px -60px;
background-repeat : no-repeat;
padding : 15px 6px 15px 24px !important;
margin : 0px auto 0px auto !important;
}
#mainNav ul li ul li a {
color : #665533 !important;
}
#mainNav ul li ul li:hover a,
#mainNav ul li ul li:hover ul.sub-menu li:hover a,
#mainNav ul li ul li.current_page_item a,
#mainNav ul li ul li.current_page_item ul.sub-menu li a {
background-color : transparent;
background-image : url(../../images/sub1.png);
background-position : 10px 20px;
background-repeat : no-repeat;
}
#mainNav ul li ul li:hover a,
#mainNav ul li ul li:hover ul.sub-menu li:hover a,
#mainNav ul li ul li:hover ul.sub-menu li a:hover,
#mainNav ul li ul li:last-child:hover ul li a:hover,
#mainNav ul li ul.sub-menu li:last-child:hover ul.children li a:hover,
#mainNav ul li ul li.current_page_item a,
#mainNav ul li ul li.current_page_item ul li a {
color : #ffffff !important;
}
#mainNav ul li ul li:hover ul.sub-menu li a,
#mainNav ul li ul li:last-child:hover ul li a,
#mainNav ul li ul.sub-menu li:last-child:hover ul.children li a,
#mainNav ul li ul li.current_page_item ul li a {
color : #665533 !important;
}
#mainNav ul li ul li a strong {
width : 100%;
text-align : left;
display : block;
padding : 10px 4px 10px 4px;
margin : 0px auto 0px auto;
}
/* #83ad0e */
#mainNav ul li ul li:last-child a,
#mainNav ul li ul li:hover ul.sub-menu li:last-child a {
width : 100%;
display : block;
background-color : transparent;
background-image : url(../../images/subLast.png);
background-position : 10px -65px;
background-repeat : no-repeat;
padding : 4px 6px 4px 18px;
margin : 0px 0px 0px 0px;
}
#mainNav ul li ul li:last-child a:hover,
#mainNav ul li ul li:hover ul.sub-menu li:last-child a:hover,
#mainNav ul li ul li:last-child.current_page_item a,
#mainNav ul li ul li.current_page_item ul li:last-child a {
background-color : transparent;
background-image : url(../../images/subLast.png);
background-position : 10px 20px;
background-repeat : no-repeat;
}
#mainNav ul li ul li:last-child ul li a,
#mainNav ul li ul.sub-menu li:last-child ul.children li a {
background-color : transparent;
background-image : url(../../images/sub1.png);
background-position : 10px -60px;
background-repeat : no-repeat;
}
#mainNav ul li ul li:last-child ul li a:hover,
#mainNav ul li ul.sub-menu li:last-child ul.children li a:hover,
#mainNav ul li ul li ul li.current_page_item a,
#mainNav ul li ul.sub-menu li ul.children li.current_page_item a {
background-color : transparent;
background-image : url(../../images/sub1.png);
background-position : 10px 20px;
background-repeat : no-repeat;
}
#mainNav ul li ul li:hover ul li.current_page_item a,
#mainNav ul li ul.sub-menu li:hover ul.children li.current_page_item a {
color : #ffffff !important;
}
#mainNav ul li ul li:last-child ul li:last-child a,
#mainNav ul li ul.sub-menu li:last-child ul.children li:last-child a {
background-color : transparent;
background-image : url(../../images/subLast.png);
background-position : 10px -65px;
background-repeat : no-repeat;
}
#mainNav ul li ul li:last-child:hover a,
#mainNav ul li ul li:last-child ul li:last-child a:hover,
#mainNav ul li ul.sub-menu li:last-child ul.children li:last-child a:hover {
background-color : transparent;
background-image : url(../../images/subLast.png);
background-position : 10px 20px;
background-repeat : no-repeat;
}
#mainNav ul li ul li ul li:last-child.current_page_item a,
#mainNav ul li ul.sub-menu li ul.children li:last-child.current_page_item a {
background-color : transparent;
background-image : url(../../images/subLast.png);
background-position : 10px 20px !important;
background-repeat : no-repeat;
}
/* ▼ #mainNav ul li ul li:first-child */
/* ----------------------------------------------------------------------- */
#mainNav ul li ul li:first-child {
border-top : 1px solid #a49e81;
}
/* ▼ #mainNav ul li ul li ul.sub-menu */
/* ----------------------------------------------------------------------- */
#mainNav ul li ul li ul.sub-menu,
#mainNav ul li:hover ul li ul.sub-menu {
position : relative !important;
top : 0px !important;
left : 0px !important;
width : auto !important;
min-width : 100% !important;
border-radius : 0px !important;
border : 0px !important;
border-top : 1px solid #a49e81;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
z-index : 1000000;
}
#mainNav ul li ul li ul.sub-menu li,
#mainNav ul li:hover ul li ul.sub-menu li {
position : relative !important;
top : 0px !important;
left : 0px !important;
width : auto !important;
min-width : 100% !important;
border-top : 1px solid #a49e81;
border-bottom : 1px solid #a49e81;
padding : 0px 0px 0px 2em !important;
margin : 0px auto -1px auto !important;
z-index : 1000000;
}
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ SLIDER */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ----------------------------------------------------------------------- */
/* ▼ #SliderContainer */
/* ----------------------------------------------------------------------- */
#SliderContainer {
position : relative;
top : 0px;
width : auto;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#SliderInnerContainer {
position : relative;
top : 0px;
width : 100%;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#SliderContainer div.bgTop {
position : absolute;
top : -4px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-top.png) center top repeat-x;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#SliderContainer div.bgBottom {
position : absolute;
bottom : -4px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-bottom.png) center bottom repeat-x;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#Slider {
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
.wideslider {
position : relative;
width : 100%;
text-align : left;
overflow : hidden;
padding-bottom : 60px;
}
#SliderContainer div.pagination {
display : none !important;
z-index : -1 !important;
}
.wideslider ul,
.wideslider ul li {
position : relative;
top : 0px;
float : left;
display : inline;
overflow : hidden;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
.wideslider ul li img {
width : 100%;
height : auto;
display : none;
}
img.filter {
position : relative;
top : -200px;
left : 0px;
width : 370px;
height : 200px;
max-width : 480px;
max-height : 260px;
display : block;
z-index : 1000;
}
.wideslider_base {
top : 0;
position : absolute;
}
.wideslider_wrap {
top : 0;
position : absolute;
overflow : hidden;
}
.slider_prev,
.slider_next {
position : absolute;
top : 0;
width : 60px !important;
overflow : hidden;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
z-index : 1000;
cursor : pointer;
}
.slider_prev {
filter : "alpha( opacity=50 )";
opacity : 0.50 !important;
left : 0px !important;
background : url(../../custom/img/slider/btn-prev.png) no-repeat center center;
}
.slider_next {
filter : "alpha( opacity=50 )";
opacity : 0.50 !important;
right : 0px !important;
background : url(../../custom/img/slider/btn-next.png) no-repeat center center;
}
.slider_prev:hover,
.slider_next:hover {
filter: "alpha( opacity=100 )";
opacity : 1.00 !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ #breadcrumbs */
/* ----------------------------------------------------------------------- */
#breadcrumbs {
position : relative;
top : 0px;
margin : 0px auto 0px auto;
}
#breadcrumbs * {
text-shadow : 0px 0px 5px #4a6400 !important;
}
#breadcrumbs div.breadcrumbsContainer {
position : relative;
top : 0px;
background : #83ad0e;
border : 2px solid #83ad0e;
border-radius : 6px 6px 6px 6px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#breadcrumbs div.bgTop {
position : absolute;
top : -5px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-top.png) center top repeat-x;
border-radius : 8px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#breadcrumbs div.bgBottom {
position : absolute;
bottom : -5px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-bottom.png) center bottom repeat-x;
border-radius : 8px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#breadcrumbs div.breadcrumbsBase {
float : none !important;
clear : both !important;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#breadcrumbs div.breadcrumbsInner {
width : 98% !important;
font-weight : bold;
color : #ffffff;
padding : 8px 0px 8px 0px;
margin : 0px auto 0px auto;
}
#breadcrumbs div.breadcrumbsInner span {
color : #ddd7d2;
display : inline-block;
padding : 0px 0px 0px 0px;
margin : 0px 2px 0px 2px;
}
#breadcrumbs div.breadcrumbsInner a:first-child {
background : url(../../custom/img/ico/ico-home.png) -2px center no-repeat;
padding : 4px 4px 4px 25px;
}
#breadcrumbs div.breadcrumbsInner a {
color : #ffffff;
text-decoration : none;
display : inline-block;
padding : 4px 4px 4px 4px;
}
#breadcrumbs div.breadcrumbsInner a:hover {
color : #ffff00 !important;
text-decoration : underline;
}
/*
#breadcrumbs div.breadcrumbsInner {
width : 98% !important;
font-weight : bold;
color : #ddd7d2;
padding : 8px 0px 8px 0px;
margin : 0px auto 0px auto;
}
#breadcrumbs div.breadcrumbsInner span {
color : #ffffff;
display : inline-block;
padding : 0px 0px 0px 0px;
margin : 0px 2px 0px 2px;
}
#breadcrumbs div.breadcrumbsInner span a.home {
background : url(../../custom/img/ico/ico-home.png) -2px center no-repeat;
padding : 4px 4px 4px 25px;
}
#breadcrumbs div.breadcrumbsInner span a span {
color : #ffffff;
text-decoration : none;
display : inline-block;
padding : 4px 4px 4px 4px;
}
#breadcrumbs div.breadcrumbsInner span a span:hover {
color : #ffff00 !important;
text-decoration : underline;
}
*/
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ PAGE */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ----------------------------------------------------------------------- */
/* ▼ #pageTitleContainer */
/* ----------------------------------------------------------------------- */
#pageTitleContainer {
position : relative;
width : 100%;
overflow : hidden;
text-align : center;
background : #ffffff;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ページタイトル画像が無い場合 */
#pageTitleContainerInnerBG {
max-height : 200px;
min-height : 100%;
text-align : center;
background-position : center center;
background-repeat : no-repeat;
background-size : 100% auto;
/*
▼テキストシャドウ確認用
background-image : none !important;
background-color : #000000 !important;
*/
display : table;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#pageTitleContainerInnerBG h2 {
font-size : 180% !important;
text-align : left;
vertical-align : middle;
color : #4a6827;
text-shadow : 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;
display : table-cell;
padding : 8px 8px 8px 20px !important;
margin : 0px auto 0px auto !important;
}
/* ▼ページタイトル画像が有る場合 */
#pageTitleContainerInner {
text-align : center;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#pageTitleContainer div.bgTop {
position : absolute;
top : -4px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-top.png) center top repeat-x;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#pageTitleContainer div.bgBottom {
position : absolute;
bottom : -4px;
width : 100%;
height : 11px;
overflow : hidden !important;
text-align : center;
background : url(../../custom/img/design/bg-slider-line-bottom.png) center bottom repeat-x;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 1000;
}
#pageTitleContainerInner img {
width : 100%;
height : auto;
max-width : 960px;
vertical-align : top;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ section */
/* ----------------------------------------------------------------------- */
section {
display : block;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.headContainer */
/* ----------------------------------------------------------------------- */
div.headContainer {
width : 100%;
padding : 0px 0px 0px 0px;
margin : 45px auto 0px auto;
}
header:first-child div.headContainer {
margin : 0px auto 0px auto;
}
div.siteStyle div.headContainer {
width : 100%;
padding : 0px 0px 0px 0px;
margin : 45px auto 0px auto;
}
div.CommonBaseContainer div.headContainer {
width : 100%;
padding : 0px 0px 0px 0px;
margin : 15px auto 0px auto;
}
/* ▼ div.headContainer h2 */
/* ----------------------------------------------------------------------- */
div.headContainer h2.ico-head {
position : relative;
top : 0px;
width : 100%;
overflow : hidden;
font-weight : bold;
font-size : 1.40em;
font-size : 1.40rem;
color : #5a4c43;
text-align : left;
vertical-align : middle;
background-color : #ffffff;
background-image : url(../../custom/img/ico/ico-h2-bg.png) !important;
background-position : left bottom;
background-repeat : repeat-x;
border-radius : 2px 2px 2px 2px;
border : 1px solid #ddd7d2;
display : table;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.headContainer h2.ico-head:before {
width : 80px;
content : '';
text-align : left;
display : table-cell;
padding : 40px 4px 40px 4px !important;
}
/* ▼新着情報 */
div.headContainer h2.ico-head-whatsnew:before {
background : #ff9b02 url(../../custom/img/ico/ico-head-whatsnew.png) center center no-repeat;
}
/* ▼キャンプ */
div.headContainer h2.ico-head-camping:before {
background : #ff9b02 url(../../custom/img/ico/ico-head-camping.png) center center no-repeat;
}
/* ▼バーベキュー用品レンタル */
div.headContainer h2.ico-head-bbqrental:before {
background : #ff9b02 url(../../custom/img/ico/ico-head-bbqrental.png) center center no-repeat;
}
/* ▼バンガロー・コテージ */
div.headContainer h2.ico-head-bungalowcottage:before {
background : #d0c624 url(../../custom/img/ico/ico-head-bungalowcottage.png) center center no-repeat;
}
/* ▼バンガロー・コテージ */
div.headContainer h2.ico-head-bungalow:before {
background : #d0c624 url(../../custom/img/ico/ico-head-bungalowcottage.png) center center no-repeat;
}
/* ▼バンガロー・コテージ */
div.headContainer h2.ico-head-cottage:before {
background : #d0c624 url(../../custom/img/ico/ico-head-bungalowcottage.png) center center no-repeat;
}
/* ▼貸別荘 */
div.headContainer h2.ico-head-rentalvilla:before {
background : #bfa157 url(../../custom/img/ico/ico-head-rentalvilla.png) center center no-repeat;
}
/* ▼ミニグラウンド */
div.headContainer h2.ico-head-miniground:before {
background : #6e932e url(../../custom/img/ico/ico-head-miniground.png) center center no-repeat;
}
/* ▼オプションレジャー */
div.headContainer h2.ico-head-leisure:before {
background : #ff7f6e url(../../custom/img/ico/ico-head-leisure.png) center center no-repeat;
}
/* ▼アスレチック */
div.headContainer h2.ico-head-athletic:before {
background : #ff7f6e url(../../custom/img/ico/ico-head-athletic.png) center center no-repeat;
}
/* ▼マレットゴルフ */
div.headContainer h2.ico-head-malletgolf:before {
background : #ff7f6e url(../../custom/img/ico/ico-head-malletgolf.png) center center no-repeat;
}
/* ▼パターゴルフ */
div.headContainer h2.ico-head-puttergolf:before {
background : #ff7f6e url(../../custom/img/ico/ico-head-puttergolf.png) center center no-repeat;
}
/* ▼釣り堀 */
div.headContainer h2.ico-head-fishing:before {
background : #ff7f6e url(../../custom/img/ico/ico-head-fishing.png) center center no-repeat;
}
/* ▼料金一覧 */
div.headContainer h2.ico-head-pricelist:before {
background : #ffbb00 url(../../custom/img/ico/ico-head-pricelist.png) center center no-repeat;
}
/* ▼施設内マップ */
div.headContainer h2.ico-head-facilitymap:before {
background : #a57ac0 url(../../custom/img/ico/ico-head-facilitymap.png) center center no-repeat;
}
/* ▼アクセス */
div.headContainer h2.ico-head-access:before {
background : #5f8c9c url(../../custom/img/ico/ico-head-access.png) center center no-repeat;
}
/* ▼宅地分譲 */
div.headContainer h2.ico-head-landsale:before {
background : #477000 url(../../custom/img/ico/ico-head-landsale.png) center center no-repeat;
}
/* ▼別荘分譲 */
div.headContainer h2.ico-head-cottagesale:before {
background : #477000 url(../../custom/img/ico/ico-head-cottagesale.png) center center no-repeat;
}
/* ▼別荘地見学ご優待プラン */
div.headContainer h2.ico-head-tourplan:before {
background : #477000 url(../../custom/img/ico/ico-head-tourplan.png) center center no-repeat;
}
/* ▼その他 */
div.headContainer h2.ico-head-uncategorized:before,
div.headContainer h2.ico-head-other:before {
background : #477000 url(../../custom/img/ico/ico-h2.png) center center no-repeat;
}
div.headContainer h2 span.ico-title {
color : #3d3927;
vertical-align : middle;
display : table-cell;
padding : 10px 10px 10px 10px;
}
div.headContainer h2 span.ico-title span.catchcopy {
font-size : 60%;
font-weight : normal;
color : #000000;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ div.headContainer header span.categoryName */
/* --------------------------------------------------- */
div.headContainer span.categoryName {
position : relative;
top : 0px;
font-size : 60%;
text-align : right;
vertical-align : middle;
color : #665533;
display : table-cell;
padding : 6px 14px 6px 14px;
margin : 5px auto 5px auto;
}
div.headContainer span.categoryName span.separater {
color : #e4d9c8;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.EntryListContainer */
/* ----------------------------------------------------------------------- */
div.EntryListContainer {
width : 100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f5f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f5f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f5f2 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3f5f2 100%); /* W3C */
border : 5px solid #ffffff;
border-radius : 8px 8px 8px 8px;
box-shadow : 0px 0px 10px #c4bda1;
padding : 0px 10px 10px 10px;
margin : 15px auto 15px auto;
}
/* ▼ div.EntryListHeadContainer */
/* ---------------------------------------------- */
div.EntryListHeadContainer {
width : 100% !important;
color : #ffffff;
background : #558800;
display : table;
border : 1px solid #dadada !important;
border-radius : 2px 2px 2px 2px !important;
padding : 4px 4px 4px 4px !important;
margin : 10px auto 15px auto !important;
}
div.EntryListHeadContainer h2,
div.EntryListHeadContainer h3 {
width : 80%;
font-size : 110%;
background-image : url(../../custom/img/ico/ico-h3.png);
background-position : 4px center;
background-repeat : no-repeat;
display : table-cell;
padding : 10px 8px 10px 40px !important;
margin : 0px auto 0px auto !important;
}
div.EntryListHeadContainer span.categoryName{
width : 20%;
font-size : 9pt;
text-align : right !important;
vertical-align : middle;
background-color : transparent !important;
border : 0px !important;
display : table-cell;
padding : 2px 4px 2px 4px;
margin : 5px auto 5px auto;
}
div.EntryListHeadContainer span.ChildCategory a:hover {
color : #ffff00 !important;
}
div.EntryListHeadContainer span.separater {
color : #cccccc;
}
div.EntryListHeadContainer time {
color : #ffffff;
}
div.EntryListHeadContainer a {
color : #ffffff;
}
div.EntryListHeadContainer h2 a,
div.EntryListHeadContainer h3 a {
font-weight : bold;
color : #ffffff;
display : block;
}
div.EntryListHeadContainer h2 a:hover,
div.EntryListHeadContainer h3 a:hover {
color : #ffff00;
}
div.EntryListHeadContainer span.catchcopy {
font-size : 86%;
color : #ffffff;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ div.EntryListInnerContainer */
/* ---------------------------------------------- */
div.EntryListInnerContainer {
width : 100%;
cursor : pointer;
background : url(../../custom/img/ico/ico-arrow2.png) 99% center no-repeat;
display : table;
border-radius : 2px 2px 2px 2px;
padding : 8px 40px 8px 8px;
margin : 0px auto 0px auto;
}
div.EntryListInnerContainer:hover {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
background : #d4fa82 url(../../custom/img/ico/ico-arrow2.png) 99% center no-repeat;
}
div.EntryListContainerLeft {
width : 20%;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
}
div.EntryListContainerRight {
width : 80%;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
}
div.EntryListContainerLeft img {
width : 100% !important;
height : auto !important;
max-width : 480px;
min-width : 100%;
background-color : #f8f5e9;
border : 1px solid #dddddd;
padding : 4px 4px 4px 4px;
}
div.EntryListContainerLeft img:hover {
opacity : 1.0;
}
div.EntryListContainerRight p {
width : 98%;
font-size : 98%;
padding : 4px 4px 4px 4px;
margin : 0px auto 5px auto;
}
div.EntryListContainerRight div.ExcerptMore {
width : 96% !important;
text-align : left !important;
display : inline !important;
margin : 5px auto 5px auto;
}
div.EntryListContainerRight div.ExcerptMore p {
width : 96% !important;
text-align : left !important;
display : inline !important;
margin : 5px auto 5px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.CommonBaseContainer */
/* ----------------------------------------------------------------------- */
div.CommonBaseContainer {
position : relative;
top : 0px;
width : 100%;
background-color : #ffffff;
border-radius : 6px 6px 6px 6px;
box-shadow : 0px 0px 10px #c4bda1;
padding : 8px 20px 8px 20px;
margin : 25px auto 25px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.CommonBaseContainer div.PageContainer */
/* ----------------------------------------------------------------------- */
div.CommonBaseContainer div.PostContainer {
width : 100%;
display : table;
padding : 0px 0px 0px 0px;
margin : 15px auto 15px auto;
}
div.CommonBaseContainer div.PostContainer div.PostContainerLeft {
width : 20%;
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 0px 0px 0px 0px;
}
div.CommonBaseContainer div.PostContainer div.PostContainerLeft span.photo {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.CommonBaseContainer div.PostContainer div.PostContainerLeft span.photo img {
width : 100%;
height : auto;
background-color : #f8f5e9;
border : 1px solid #cccccc;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.CommonBaseContainer div.PostContainer div.PostContainerRight {
width : 80%;
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 0px 0px 0px 0px;
}
div.CommonBaseContainer div.PostContainer div.PostContainerRight h3 {
position : relative;
top : 0px;
width : 100%;
font-size : 114%;
font-weight : normal;
color : #000000;
background : url(../../custom/img/ico/ico-whatsnew.png) left center no-repeat;
/*border-bottom : 1px dotted #cfb8ab;*/
padding : 8px 6px 8px 14px;
margin : 0px auto 5px auto;
}
div.CommonBaseContainer div.PostContainer div.PostContainerRight p {
width : 98%;
line-height : 1.4;
font-size : 100%;
text-align : left;
text-justify : normal !important;
color : #000000;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.NoticeContainer 共通設定 */
/* ----------------------------------------------------------------------- */
div.NoticeContainer {
width : 100%;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 20px auto 35px auto !important;
}
div.NoticeInnerContainer {
width : 100%;
display : table;
padding : 16px 25px 16px 16px !important;
margin : 0px auto 0px auto !important;
}
div.PinkSet {
background-color : #fbeaff;
border-radius : 6px 6px 6px 6px;
}
div.GreenSet {
background-color : #d8ebd5;
border-radius : 6px 6px 6px 6px;
}
div.NoticeContainer p {
width : 94% !important;
padding : 0px 0px 0px 0px !important;
margin : 5px auto 5px auto !important;
}
div.NoticeContainer h2 {
line-height : 1.4;
font-size : 1.0em !important;
background-image : none !important;
background-color : transparent !important;
border : 0px !important;
padding : 0px 8px 0px 8px !important;
margin : 2px auto 2px auto !important;
}
div.NoticeContainerLeft {
width : 74%;
vertical-align : top;
float : left;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.NoticeContainerRight {
width : 24%;
text-align : right;
vertical-align : top;
float : right;
padding : 6px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.NoticeContainerRight img {
width : 100%;
height : auto;
max-width : 200px;
min-width : 100px;
border-radius : 6px 6px 6px 6px;
margin : 6px auto 6px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.AccessContainer */
/* ----------------------------------------------------------------------- */
div.AccessContainer {
width : 98%;
text-align : center;
display : table;
border-collapse : separate;
border-spacing : 5px;
padding : 0px 0px 0px 0px;
margin : 10px auto 10px auto;
}
div.AccessContainer a {
text-align : center;
vertical-align : top;
display : block;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px auto;
}
div.AccessLeft {
width : 62%;
text-align : center;
vertical-align : top;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.AccessLeft img {
width : 100%;
height : auto;
max-width : 477px;
text-align : center;
vertical-align : top;
display : block;
border : 1px solid #bfb7b1;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.AccessRight {
width : 38%;
max-width : 324px;
text-align : center;
vertical-align : top;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.AccessRight img {
width : 100%;
height : auto;
max-width : 320px;
text-align : center;
vertical-align : top;
display : block;
border : 1px solid #bfb7b1;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.ImgCenterContainer */
/* ----------------------------------------------------------------------- */
div.ImgCenterContainer {
width : auto;
text-align : center;
padding : 0px 0px 0px 0px;
margin : 10px auto 10px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.ColumnContainerSet 共通設定 */
/* ----------------------------------------------------------------------- */
div.ColumnContainerSet {
position : relative;
top : 0px;
width : auto;
background : #eeeeee;
border-radius : 6px 6px 6px 6px;
padding : 16px 8px 16px 8px;
margin : 20px auto 20px auto !important;
}
div.BaseWhite {
background : #ffffff;
}
div.ColumnContainerSet h2 {
position : relative;
top : -6px !important;
width : 97% !important;
font-size : 170% !important;
text-align : center !important;
text-shadow : -1px 1px 4px #182403, 1px -1px 1px #2c4501;
color : #ffffff !important;
background-image : none !important;
background-color : #3a5c00 !important;
border-radius : 6px 6px 6px 6px !important;
padding : 16px 12px 14px 12px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet img {
vertical-align : top;
}
div.ColumnContainerSet div.imgCenter {
width : 97%;
background-color : #ffffff;
display : block;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 8px 8px 8px 8px;
margin : 15px auto 5px auto;
}
div.ColumnContainerSet table.PriceSet {
width : 96% !important;
margin : 5px auto 5px auto;
}
div.ColumnContainerSet div.imgCenter h2 {
width : 100% !important;
font-size : 140% !important;
text-align : center !important;
text-shadow : -1px 1px 4px #cccccc, 1px -1px 1px #eeeeee;
color : #3a5c00 !important;
background-image : none !important;
background-color : #ffffff !important;
border : 0px !important;
border-bottom : 1px dashed #cccccc !important;
border-radius : 0px 0px 0px 0px !important;
padding : 16px 12px 14px 12px !important;
margin : 0px auto 5px auto !important;
}
div.ColumnContainerSet div.imgCenter img {
width : 100%;
height : auto;
background-color : #ffffff;
display : block;
border-radius : 4px 4px 4px 4px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.ColumnContainerSet ul.ColumnSet li h3 {
border-bottom : 1px solid #cccccc !important;
}
div.ColumnContainerSet ul.ColumnSet li h3.ColumnHead {
left : 0px;
width : auto;
height : auto;
font-size : 110%;
font-weight : bold;
text-align : center;
text-indent : 0px;
text-shadow : -1px 1px 4px #2c4501, 1px -1px 1px #cbee90;
color : #ffffff;
background-color : #5c8e06;
background-image : none;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
border : 0px;
border-radius : 4px 4px 0px 0px;
padding : 8px 4px 6px 4px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet ul.ColumnSet li h3.ColumnHead a {
line-height : 1.4;
text-align : center;
color : #ffffff;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.ColumnContainerSet ul.ColumnSet li h3.ColumnHead a span {
line-height : 1.4;
font-size : 70%;
text-align : center;
color : #ffff00;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.ColumnContainerSet ul.ColumnSet li ul.features {
width : 100%;
list-style-type : none !important;
list-style-image : none !important;
background-color : #f4fee2;
border : 0px !important;
border-radius : 0px 0px 4px 4px;
display : block !important;
padding : 2px 2px 2px 2px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet ul.ColumnSet li ul.features li {
width : 100%;
line-height : 1.6 !important;
font-size : 92% !important;
text-align : left !important;
background-image : url(../../custom/img/ico/ico-head1.png) !important;
background-position : 0px 2px !important;
background-repeat : no-repeat !important;
border : 0px !important;
display : block !important;
padding : 0px 0px 0px 17px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet ul.ColumnSet li ul.features li,
div.ColumnContainerSet ul.ColumnSet li ul.features li:hover {
background-color : transparent !important;
}
div.ColumnContainerSet li p.img {
width : 100% !important;
overflow : hidden !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet li img {
width : 100% !important;
height : auto;
max-width : 480px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
border-radius : 0px 0px 4px 4px;
display : block !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.ColumnContainerSet ul.imgFillRadius li img {
border-radius : 4px 4px 4px 4px !important;
}
div.ColumnContainerSet ul.ColumnSet li div.DetailSign {
width : 100%;
font-size : 94%;
border-bottom : 1px dashed #cccccc;
padding : 4px 4px 0px 4px;
margin : 0px auto 3px auto;
}
div.DetailSign span.DS {
position : relative;
top : 0px;
text-align : left;
text-justify : normal !important;
display : block !important;
padding : 4px 4px 0px 0px;
margin : 0px 0px -1px 0px;
}
div.DetailSign span.DS:before {
content : '⇒';
color : #ff6600;
display : inline-block;
margin : 0px 3px 0px 0px;
}
div.ColumnContainerSet ul.BoxLink li:hover {
cursor : pointer;
background-color : #b8e072 !important;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.ColumnContainerSet ul.BoxLink li:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
div.ColumnContainerSet ul.BoxLink li:hover h3 {
background-color : #456d01;
}
div.ColumnContainerSet ul.ColumnSet li.styleNone,
div.ColumnContainerSet ul.ColumnSet li.styleNone:hover {
cursor : default !important;
background-color : transparent !important;
border : 0px !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.CharaContainer */
/* ----------------------------------------------------------------------- */
div.CharaContainer {
width : 90%;
text-align : center;
display : table;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.CharaContainer div.CharaLeft {
width : 25%;
text-align : center;
vertical-align : middle;
display : table-cell;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.CharaContainer div.CharaLeft img {
width : 100%;
height : auto;
max-width : 480px;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.CharaContainer div.CharaRight {
width : 75%;
font-size : 110%;
text-align : left;
display : table-cell;
vertical-align : middle;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.ImagePhotoDescContainer */
/* ----------------------------------------------------------------------- */
div.ImagePhotoDescContainer {
width : 96% !important;
text-align : center;
display : table;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.ImagePhotoDescContainer p {
width : 86% !important;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.ImagePhotoDescContainer div.ImagePhotoDescLeft {
width : 45%;
text-align : center;
vertical-align : middle;
display : table-cell;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.ImagePhotoDescContainer div.ImagePhotoDescLeft img {
width : 100%;
height : auto;
max-width : 480px;
background : #ffffff;
border : 1px solid #cccccc;
box-shadow : -3px 3px 6px #d9d7bc;
display : block;
padding : 6px 6px 6px 6px !important;
margin : 5px auto 5px auto !important;
/*
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
transform: rotate(-2deg);
padding : 6px 6px 6px 6px !important;
margin : 15px auto 15px auto !important;
*/
}
div.ImagePhotoDescContainer div.ImagePhotoDescRight {
width : 55%;
font-size : 100%;
text-align : left;
display : table-cell;
vertical-align : middle;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.OneColumnContainer */
/* ----------------------------------------------------------------------- */
div.OneColumnContainer {}
div.OneColumnContainer div.MainImage {
width : 97%;
text-align : center;
background-color : #ffffff !important;
display : block;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.OneColumnContainer div.MainImage img {
width : 100%;
height : auto;
display : block;
border-radius : 4px 4px 4px 4px;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.TwoColumnContainer */
/* ----------------------------------------------------------------------- */
div.TwoColumnContainer {}
div.TwoColumnContainer ul.ColumnSet {
width : 100%;
display : table;
border-collapse : separate !important;
border-spacing : 5px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.TwoColumnContainer ul.ColumnSet li {
width : 33%;
text-align : center;
vertical-align : top;
list-style-type : none !important;
list-style-image : none !important;
background-image : none !important;
background-color : #ffffff !important;
display : table-cell;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.ThreeColumnContainer */
/* ----------------------------------------------------------------------- */
div.ThreeColumnContainer {}
div.ThreeColumnContainer ul.ColumnSet {
width : 100%;
display : table;
border-collapse : separate !important;
border-spacing : 5px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.ThreeColumnContainer ul.ColumnSet li {
width : 33%;
text-align : center;
vertical-align : top;
list-style-type : none !important;
list-style-image : none !important;
background-image : none !important;
background-color : #ffffff !important;
display : table-cell;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.FourColumnContainer */
/* ----------------------------------------------------------------------- */
div.FourColumnContainer {}
div.FourColumnContainer ul.ColumnSet {
width : 98% !important;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.FourColumnContainer ul.ColumnSet li {
width : 24%;
text-align : center;
vertical-align : top;
list-style-type : none !important;
list-style-image : none !important;
background-image : none !important;
background-color : #ffffff !important;
float : left;
display : inline-block;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px 0.5% 0px 0.5% !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.Four2ColumnContainer */
/* ----------------------------------------------------------------------- */
div.Four2ColumnContainer {}
div.Four2ColumnContainer ul.ColumnSet {
width : 100%;
display : table;
border-collapse : separate !important;
border-spacing : 5px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.Four2ColumnContainer ul.ColumnSet li {
width : 20%;
text-align : center;
vertical-align : top;
list-style-type : none !important;
list-style-image : none !important;
background-image : none !important;
background-color : #ffffff !important;
display : table-cell;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.FiveColumnContainer */
/* ----------------------------------------------------------------------- */
div.FiveColumnContainer {}
div.FiveColumnContainer ul.ColumnSet {
width : 100%;
display : table;
border-collapse : separate !important;
border-spacing : 5px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.FiveColumnContainer ul.ColumnSet li {
width : 16%;
text-align : center;
vertical-align : top;
list-style-type : none !important;
list-style-image : none !important;
background-image : none !important;
background-color : #ffffff !important;
display : table-cell;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.PageContainer */
/* ----------------------------------------------------------------------- */
div.PageContainer {
width : auto;
padding : 0px 0px 0px 0px;
margin : 5px auto 35px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.SiteStyleContainer */
/* ----------------------------------------------------------------------- */
div.SiteStyleContainer {
width : auto;
padding : 0px 0px 0px 0px;
margin : 5px auto 35px auto !important;
}
/* ▼ div.SiteStyleContainer div.siteStyle */
/* ----------------------------------------------------------------------- */
div.siteStyle {
width : auto;
font-size : 100%;
border-top : 0px;
border-radius : 4px 4px 4px 4px;
padding : 8px 8px 8px 8px;
margin : 0px auto 0px auto;
}
/* ▼ div.SiteStyleContainer div.siteStyle h2 h3 h4 h5 h6 */
/* ----------------------------------------------------------------------- */
div.SiteStyleContainer div.siteStyle h2 {
position : relative;
top : 0px;
width : 100%;
overflow : hidden;
font-weight : bold;
font-size : 1.40em;
font-size : 1.40rem;
color : #5a4c43;
text-align : left;
vertical-align : middle;
background-color : #ffffff;
background-image : url(../../custom/img/ico/ico-h2.png), url(../../custom/img/ico/ico-h2-bg.png);
background-position : 5px center, left bottom;
background-repeat : no-repeat, repeat-x;
border-radius : 2px 2px 2px 2px;
border : 1px solid #ddd7d2;
display : block;
padding : 25px 8px 25px 70px;
margin : 2px auto 2px auto;
}
div.CommonBaseContainer h2 {
margin : 15px auto 15px auto !important;
}
div.SiteStyleContainer div.siteStyle h3 {
font-weight : normal;
font-size : 1.30em;
font-size : 1.30rem;
color : #3d3927;
text-align : left;
text-shadow : 0px 0px 3px #e8e7da;
background-color : #ffffff;
background-image : url(../../custom/img/ico/ico-h3.png), url(../../custom/img/ico/ico-h2-bg.png);
background-position : 18px center, left bottom;
background-repeat : no-repeat, repeat-x;
border-bottom : 3px double #e8e7da;
padding : 14px 8px 12px 56px !important;
margin : 15px auto 5px auto;
}
div.SiteStyleContainer div.siteStyle h4 {
font-weight : normal;
font-size : 1.20em;
font-size : 1.20rem;
color : #3d3927;
text-align : left;
text-shadow : 0px 0px 3px #e8e7da;
background : url(../../custom/img/ico/ico-h4.png) 18px center no-repeat;
border-bottom : 1px solid #e8e7da !important;
padding : 12px 8px 12px 56px !important;
margin : 15px auto 5px auto;
}
div.SiteStyleContainer div.siteStyle h5 {
font-weight : normal;
font-size : 1.10em;
font-size : 1.10rem;
color : #3d3927;
text-align : left;
text-shadow : 0px 0px 3px #e8e7da;
background : url(../../custom/img/ico/ico-h5.png) 25px center no-repeat;
border-bottom : 1px dotted #e8e7da;
padding : 10px 8px 10px 56px;
margin : 15px auto 5px auto;
}
div.SiteStyleContainer div.siteStyle h6 {
font-weight : normal;
font-size : 1.00em;
font-size : 1.00rem;
color : #3d3927;
text-align : left;
text-shadow : 0px 0px 3px #e8e7da;
background : url(../../custom/img/ico/ico-h6.png) 32px center no-repeat;
display : block;
padding : 8px 8px 8px 56px !important;
margin : 15px auto 5px auto;
}
/* ▼ div.SiteStyleContainer div.siteStyle p */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle p {
width : 98%;
font-size : 96%;
color : #555555;
line-height : 1.8;
display : block;
padding : 4px 4px 4px 4px;
margin : 5px auto 5px auto;
}
div.SiteStyleContainer div.siteStyle p strong {
font-weight : bold;
}
/* ▼ div.SiteStyleContainer div.siteStyle ul ol */
/* --------------------------------------------------- */
/* ▼ ol */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle ol {
width : 98%;
font-size : 98%;
list-style-type : decimal;
line-height : 1.8;
padding : 4px 8px 4px 36px;
margin : 10px auto 10px auto;
}
div.SiteStyleContainer div.siteStyle ol li {
background-image : none;
padding : 0px 0px 0px 0px;
margin : 2px auto 2px auto;
}
div.SiteStyleContainer div.siteStyle ol {
}
/* ▼ ul */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle ul {
width : 98%;
font-size : 98%;
line-height : 1.8;
list-style-type : none;
list-style-image : none;
padding : 4px 8px 4px 20px;
margin : 10px auto 10px auto;
}
div.SiteStyleContainer div.siteStyle ul li {
background : url(../../custom/img/ico/ico-h6.png) 0px 9px no-repeat;
padding : 0px 0px 0px 18px;
margin : 2px auto 2px auto;
}
div.SiteStyleContainer div.siteStyle table ul {
width : 100%;
font-size : 98%;
line-height : 1.4;
list-style-type : none;
list-style-image : none;
padding : 4px 4px 4px 4px;
margin : 3px auto 3px auto;
}
/* ▼ div.ImagePhotoContainer */
/* --------------------------------------------------- */
div.ImagePhotoContainer {
width : 100%;
padding : 4px 4px 4px 4px;
margin : 10px auto 10px auto;
}
div.ImagePhotoContainer img {
width : 100%;
height : auto;
max-width : 930px;
vertical-align : top;
border : 0px !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ div.PointContainer */
/* --------------------------------------------------- */
div.PointContainer {
width : 80%;
min-height : 87px;
background : url(../../custom/img/ico/ico-point.png) 0px center no-repeat;
padding : 25px 4px 25px 120px;
margin : 5px auto 5px auto;
}
div.PointContainer a { color : #387efe;}
div.PointContainer a:hover { color : #588d04; }
div.PointContainer ul li {
background : url(../../custom/img/ico/ico-head0.png) 0px 8px no-repeat;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
/* ◆オレンジ */
p.head0,
span.head0,
div.IntroductionContainer ul li.head0,
div.SiteStyleContainer div.siteStyle ul li.head0 {
background : url(../../custom/img/ico/ico-head0.png) 0px 8px no-repeat;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
div.SiteStyleContainer div.siteStyle table span.head0,
div.SiteStyleContainer div.siteStyle table ul li.head0 {
background : url(../../custom/img/ico/ico-head0.png) 0px 6px no-repeat;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
/* ●グリーン */
p.head1,
span.head1,
div.IntroductionContainer ul li.head1 ,
div.SiteStyleContainer div.siteStyle ul li.head1 {
line-height : 1.4;
background : url(../../custom/img/ico/ico-head1.png) 0px 6px no-repeat;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
.head1 a { color : #387efe; }
.head1 a:hover { color : #588d04; }
a.head1 {
line-height : 1.4;
font-size : 90% !important;
background : url(../../custom/img/ico/ico-head1.png) 0px 6px no-repeat;
display : inline-block !important;
padding : 4px 4px 4px 17px !important;
margin : 0px 5px 0px 0px !important;
}
/* ●オレンジ */
p.head2,
span.head2,
div.IntroductionContainer ul li.head2,
div.SiteStyleContainer div.siteStyle ul li.head2 {
line-height : 1.4;
background : url(../../custom/img/ico/ico-head2.png) 0px 6px no-repeat;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
/* ※レッド */
p.note1,
span.note1,
div.SiteStyleContainer div.siteStyle ul li.note1,
div.SiteStyleContainer div.siteStyle ul li.note1 {
line-height : 1.4;
background : url(../../custom/img/ico/ico-note1.png) 0px 6px no-repeat !important;
padding : 4px 4px 4px 17px;
margin : 0px auto 0px auto;
}
/* ※お願い※ */
strong.request {
color : #ffffff;
background-color : #ff6633;
display : inline-block;
border-radius : 4px 4px 4px 4px;
padding : 4px 6px 4px 6px;
margin : 5px 0px 0px 0px;
}
.ib { display : inline-block; }
.attention,
.price { color : #ff0000; }
span.squareGray { color : #cccccc; display : inline-block !important; background-image : none !important; }
span.squarePink { color : #fa93c8; display : inline-block !important; background-image : none !important; }
span.squareBlue { color : #a6d9ec; display : inline-block !important; background-image : none !important; }
span.squareGreen { color : #9fd69f; display : inline-block !important; background-image : none !important; }
span.squareGray:before,
span.squarePink:before,
span.squareBlue:before,
span.squareGreen:before { content : none !important; }
span.squareBtnBlue {
line-height : 1.4;
min-width : 100px;
font-size : 90%;
text-align : center;
background-color : #a6d9ec;
border-top : 1px solid #bfe8f7;
border-left : 1px solid #bfe8f7;
border-right : 1px solid #68b5d3;
border-bottom : 1px solid #68b5d3;
display : inline-block;
padding : 2px 8px 2px 8px;
margin : 0px 2px 0px 2px;
}
.simple_square_btn5 {
display: block;
border-radius: 0.3em;
position: relative;
width: 200px;
padding: 0.8em;
text-align: center;
font-size: 1.1em;
text-decoration: none;
color: #fff;
font-weight: bold;
background: #5ba1c5;
}
.simple_square_btn5:hover {
opacity:0.7;
cursor: pointer;
text-decoration: none;
color: #fff;
font-weight: bold;
}
ul.BorderSet li {
line-height : 1.4;
border-bottom : 1px dashed #dddddd;
padding : 4px 8px 4px 17px !important;
margin : 2px 2px 2px 2px !important;
}
/* ▼ ol ul 入れ子設定 */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle ol li ul,
div.SiteStyleContainer div.siteStyle ul li ul {
margin : 5px 5px 15px 18px;
}
div.SiteStyleContainer div.siteStyle ol li ol,
div.SiteStyleContainer div.siteStyle ul li ol {
margin : 5px 5px 15px 36px;
}
div.SiteStyleContainer div.siteStyle ol li ol li,
div.SiteStyleContainer div.siteStyle ul li ol li {
background-image : none;
padding : 0px 0px 0px 0px;
margin : 2px auto 2px auto;
}
div.SiteStyleContainer div.siteStyle ul.styleNone,
div.SiteStyleContainer div.siteStyle ol.styleNone,
div.SiteStyleContainer div.siteStyle ul.styleNone li,
div.SiteStyleContainer div.siteStyle ol.styleNone li {
list-style-type : none;
list-style-image : none;
}
/* ▼ div.SiteStyleContainer div.siteStyle img */
/* --------------------------------------------------- */
/*
div.SiteStyleContainer div.siteStyle img {
width : 100%;
height : auto;
border : 1px solid #dadada;
margin : 0px 8px 8px 8px !important;
}
*/
/* ▼ div.SiteStyleContainer div.siteStyle table */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle table {
width : 98%;
border-collapse : separate;
border-spacing : 1px 3px;
padding : 0px 0px 0px 0px;
margin : 20px auto 20px auto;
}
div.SiteStyleContainer div.siteStyle table thead tr th {
text-align : center;
}
div.SiteStyleContainer div.siteStyle table thead tr th,
div.SiteStyleContainer div.siteStyle table thead tr td {
width : auto;
color : #ffffff;
background : #5c8e06;
padding : 4px 4px 4px 4px;
}
div.SiteStyleContainer div.siteStyle table tbody tr th,
div.SiteStyleContainer div.siteStyle table tbody tr.odd th {
width : auto;
text-align : center !important;
vertical-align : middle;
color : #ffffff;
background : #73a316;
padding : 4px 8px 4px 8px;
}
div.SiteStyleContainer div.siteStyle table tbody tr:nth-child(2n) th,
div.SiteStyleContainer div.siteStyle table tbody tr.even th {
width : auto;
text-align : center !important;
background : #5c8e06;
}
div.SiteStyleContainer div.siteStyle table tbody tr td,
div.SiteStyleContainer div.siteStyle table tbody tr.odd td {
background : #f9f8f2;
padding : 4px 8px 4px 8px;
}
div.SiteStyleContainer div.siteStyle table tbody tr:nth-child(2n) td,
div.SiteStyleContainer div.siteStyle table tbody tr.even td {
background : #f7f6eb
}
div.SiteStyleContainer div.siteStyle table a {
color : #387efe;
}
div.SiteStyleContainer div.siteStyle table a:hover {
color : #588d04;
}
div.SiteStyleContainer div.siteStyle table tfoot tr th,
div.SiteStyleContainer div.siteStyle table tfoot tr td {
padding : 2px 8px 2px 8px;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tfoot tr th {
font-weight : normal !important;
text-align : center !important;
}
/* ▼ div.SiteStyleContainer div.siteStyle table.PriceSet */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle table.PriceSet {
width : 100%;
border-collapse : separate;
border-spacing : 1px 3px;
padding : 0px 0px 0px 0px;
margin : 10px auto 35px auto;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tr th {
font-weight : bold;
}
div.SiteStyleContainer div.siteStyle table.PriceSet th,
div.SiteStyleContainer div.siteStyle table.PriceSet td {
padding : 4px 6px 4px 6px;
}
div.SiteStyleContainer div.siteStyle table.PriceSet th {
font-size : 110%;
}
div.SiteStyleContainer div.siteStyle table.PriceSet td {
font-size : 100%;
}
div.SiteStyleContainer div.siteStyle table.PriceSet thead tr th {
width : auto;
color : #ffffff;
background : #5c8e06;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tbody tr th {
width : 25%;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tfoot tr th.head {
color : #ffffff;
background : #a5a06c;
vertical-align : middle;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tfoot tr td {
background : #f3f1d5;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tbody tr td {
width : auto;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tbody tr td.price {
text-align : right;
color : #ff0000;
}
div.SiteStyleContainer div.siteStyle table.PriceSet p {
width : 100%;
color : #353535;
padding : 2px 2px 2px 2px;
margin : 2px auto 2px auto;
}
div.SiteStyleContainer div.siteStyle table.PriceSet td.cellpaddV {
background-color : transparent;
height : 1px !important;
font-size : 0 !important;
padding : 0 !important;
}
div.SiteStyleContainer div.siteStyle table.PriceSet tbody tr:hover td {
background-color : #eae7c2;
}
span.kome {
color : #cc0000;
}
/* ▼キャンプ */
div.SiteStyleContainer div.siteStyle table.CampingSet thead tr th {
background : #FF9B02;
}
div.SiteStyleContainer div.siteStyle table.CampingSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.CampingSet tbody tr.odd th {
background : #FFA802;
}
div.SiteStyleContainer div.siteStyle table.CampingSet tbody tr.even th {
background : #FF9B02;
}
/* ▼バンガロー・コテージ */
div.SiteStyleContainer div.siteStyle table.BungalowCottageSet thead tr th {
background : #D0C624;
}
div.SiteStyleContainer div.siteStyle table.BungalowCottageSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.BungalowCottageSet tbody tr.odd th {
background : #D0CF24;
}
div.SiteStyleContainer div.siteStyle table.BungalowCottageSet tbody tr.even th {
background : #D0C624;
}
/* ▼貸別荘 */
div.SiteStyleContainer div.siteStyle table.RentalVillaSet thead tr th {
background : #BFA157;
}
div.SiteStyleContainer div.siteStyle table.RentalVillaSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.RentalVillaSet tbody tr.odd th {
background : #BFA657;
}
div.SiteStyleContainer div.siteStyle table.RentalVillaSet tbody tr.even th {
background : #BFA157;
}
/* ▼ミニグラウンド */
div.SiteStyleContainer div.siteStyle table.GroundSet thead tr th {
background : #6E932E;
}
div.SiteStyleContainer div.siteStyle table.GroundSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.GroundSet tbody tr.odd th {
background : #79962F;
}
div.SiteStyleContainer div.siteStyle table.GroundSet tbody tr.even th {
background : #61902D;
}
/* ▼オプションレジャー */
div.SiteStyleContainer div.siteStyle table.LeisureSet thead tr th {
background : #FF7F6E;
}
div.SiteStyleContainer div.siteStyle table.LeisureSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.LeisureSet tbody tr.odd th {
background : #FF936E;
}
div.SiteStyleContainer div.siteStyle table.LeisureSet tbody tr.even th {
background : #FF7F6E;
}
/* ▼レンタル・売店 */
div.SiteStyleContainer div.siteStyle table.RentalSet thead tr th {
background : #FF9B02;
}
div.SiteStyleContainer div.siteStyle table.RentalSet tbody tr th,
div.SiteStyleContainer div.siteStyle table.RentalSet tbody tr.odd th {
letter-spacing : 1px;
background : #FFA802;
}
div.SiteStyleContainer div.siteStyle table.RentalSet tbody tr.even th {
background : #FF9B02;
}
/* ▼ div.SiteStyleContainer div.siteStyle table.RealEestateSet */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle table.RealEestateSet {
width : auto;
border-collapse : collapse;
padding : 0px 0px 0px 0px;
margin : 10px 0px 35px 0px;
}
div.SiteStyleContainer div.siteStyle table.RealEestateSet th,
div.SiteStyleContainer div.siteStyle table.RealEestateSet td {
border : 1px solid #b1ae91 !important;
padding : 4px 6px 4px 6px;
margin : 0px 0px 0px 0px;
}
div.SiteStyleContainer div.siteStyle table.RealEestateSet th {
width : auto;
white-space : nowrap;
font-size : 100%;
}
div.SiteStyleContainer div.siteStyle table.RealEestateSet td {
width : auto;
font-size : 100%;
}
div.SiteStyleContainer div.siteStyle table.RealEestateSet td.distance {
text-align : right;
letter-spacing : 1px;
}
div.SiteStyleContainer div.siteStyle table.w34p66p th {
width : 34% !important;
}
div.SiteStyleContainer div.siteStyle table.w34p66p td {
width : 66% !important;
}
/* ▼ div.SiteStyleContainer div.siteStyle dl.AccessSet */
/* --------------------------------------------------- */
div.SiteStyleContainer div.siteStyle dl.AccessSet {
width : 100%;
overflow : hidden;
font-size : 90%;
display : block;
border : 2px solid #dbd6c6;
border-radius : 4px 4px 4px 4px;
padding : 2px 2px 2px 2px;
margin : 0px auto 35px auto;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet:last-child {
margin : 0px auto 0px auto;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet div {
width : 100%;
display : table;
border-collapse : collapse;
padding : 0px 0px 0px 0px;
margin : 0px auto -1px auto;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet dt {
width : 18%;
min-width : 200px;
white-space : nowrap;
text-align : center;
vertical-align : middle;
display : table-cell;
border-top : 1px solid #dbd6c6;
border-bottom : 1px solid #dbd6c6;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet dd {
width : 32%;
text-align : left;
vertical-align : middle;
display : table-cell;
border-top : 1px solid #dbd6c6;
border-bottom : 1px solid #dbd6c6;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet dt,
div.SiteStyleContainer div.siteStyle dl.AccessSet dd {
color : #ffffff;
background : #5c8e06;
padding : 4px 4px 4px 4px;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet dt,
div.SiteStyleContainer div.siteStyle dl.AccessSet div.odd dt {
text-align : center !important;
vertical-align : middle !important;
color : #ffffff !important;
background : #73a316 !important;
padding : 4px 8px 4px 8px;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet div:nth-child(2n) dt,
div.SiteStyleContainer div.siteStyle dl.AccessSet div.even dt {
text-align : center !important;
vertical-align : middle !important;
color : #ffffff !important;
background : #5c8e06 !important;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet dd,
div.SiteStyleContainer div.siteStyle dl.AccessSet div.odd dd {
background : #f9f8f2;
padding : 4px 8px 4px 8px;
}
div.SiteStyleContainer div.siteStyle dl.AccessSet div:nth-child(2n) dd,
div.SiteStyleContainer div.siteStyle dl.AccessSet div.even dd {
background : #f7f6eb
}
/* ▼div.SiteStyleContainer div.siteStyle dl */
/* ---------------------------------------------------------------- */
div.SiteStyleContainer div.siteStyle dl {
width : 96%;
font-size : 96%;
display : block;
display : table;
border-bottom : 1px dotted #cccccc;
margin : 0px auto 0px auto;
}
div.SiteStyleContainer div.siteStyle dl dt {
width : 20%;
font-weight : normal;
color : #5a4c43 !important;
background : #e8edf4;
display : inline-block;
display : table-cell;
padding : 4px 4px 4px 4px;
}
div.SiteStyleContainer div.siteStyle dl dd {
width : 78%;
font-weight : normal;
color : #5a4c43 !important;
background : #ffffff;
display : inline-block;
display : table-cell;
padding : 4px 4px 4px 4px;
}
/* ▼div.SiteStyleContainer div.siteStyle dl dd dl */
/* ---------------------------------------------------------------- */
div.SiteStyleContainer div.siteStyle dl dd dl {
width : 100%;
font-weight : normal;
display : block;
display : table;
border-bottom : 0px;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.SiteStyleContainer div.siteStyle dl dd dl dt {
width : 20%;
font-weight : normal;
color : #5a4c43 !important;
background : #e8edf4;
display : inline-block;
display : table-cell;
padding : 2px 4px 2px 4px;
}
div.SiteStyleContainer div.siteStyle dl dd dl dd {
width : 78%;
display : inline-block;
display : table-cell;
padding : 2px 4px 2px 4px;
}
/* ▼div.SiteStyleContainer div.siteStyle dl dd ol */
/* ---------------------------------------------------------------- */
div.SiteStyleContainer div.siteStyle dl dd ol {
color : #5a4c43;
background : #ffffff;
padding : 4px 4px 4px 4px !important;
margin : 0px 0px 0px 20px !important;
}
div.SiteStyleContainer div.siteStyle dl dd ol li {
width : 100%;
padding : 2px 4px 2px 4px;
margin : 0px 0px 0px 0px;
}
/* ▼div.SiteStyleContainer div.siteStyle dl dd ul */
/* ---------------------------------------------------------------- */
div.SiteStyleContainer div.siteStyle dl dd ul {
color : #5a4c43;
background : #ffffff;
padding : 4px 4px 4px 4px !important;
margin : 0px 0px 0px 0px !important;
}
div.SiteStyleContainer div.siteStyle dl dd ul li {
width : 100%;
font-size : 100%;
padding : 2px 4px 2px 16px;
margin : 0px 0px 0px 0px;
}
/* ▼ iframe.reserve */
/* --------------------------------------------------- */
iframe.reserve {
width : 100%;
background-color : #ffffff;
border : 1px solid #cccccc;
display : block;
padding : 4px 4px 4px 4px !important;
margin : 15px auto 15px auto !important;
}
/* ▼ div.wp_social_bookmarking_light */
/* --------------------------------------------------- */
div.wp_social_bookmarking_light {
text-align : left;
border-top : 1px dotted #cccccc !important;
padding : 12px 8px 0px 8px !important;
margin : 25px auto 0px auto !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ LAYOUT */
/* ----------------------------------------------------------------------- */
#wrapper {
width : auto;
background : #f8f5e9 url(../../custom/img/design/bg-base.png) left top repeat-x !important;
padding : 30px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#wrapperInner {
width : auto;
/*background : rgba( 206, 204, 177, 0.25 );*/
background : url(../../custom/img/design/p-auto-camping.jpg) center bottom no-repeat !important;
background-size : 100% auto !important;
border-radius : 0px 10px 0px 0px;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
#base {
border-radius : 8px 8px 0px 0px;
padding : 10px 10px 10px 10px !important;
margin : 0px auto 0px auto !important;
}
#content {
width : 100%;
float : left;
padding : 5px 10px 250px 10px;
margin : 0px auto 0px auto;
}
#sidebar {
display : none !important;
}
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ◆ FOOTER */
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* ----------------------------------------------------------------------- */
/* ▼ #footer */
/* ----------------------------------------------------------------------- */
#footer {
position : relative;
top : 0px;
width : auto;
text-align : center;
border : 0px;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
z-index : 10000 !important;
}
/* ----------------------------------------------------------------------- */
/* ▼ #FooterContent */
/* ----------------------------------------------------------------------- */
#FooterContent {
width : auto;
overflow : hidden;
text-align : center;
color : #353535;
background : rgba(255, 255, 255, 0.75) !important;
border-top : 2px solid #e8e7da;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#FooterContentInner {
text-align : center;
background : none !important;
display : table;
padding : 10px 4px 10px 4px;
margin : 0px auto 0px auto;
}
#FooterContentLeft {
width : 70%;
text-align : left;
vertical-align : middle;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#FooterContentRight {
width : 28%;
text-align : center;
vertical-align : middle;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#FooterContentLeft span.logo img {
width : 100%;
height : auto;
max-width : 350px;
max-height : 70px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#FooterContentLeft address {
width : 96%;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ #footer div.btnAnchor */
/* ----------------------------------------------------------------------- */
#FooterContentRight div.btnAnchor {
display : table;
padding : 2px 0px 2px 0px;
margin : 0px auto 0px auto;
}
#footer div.btnAnchor a {
width : 80px;
height : 80px;
font-size : 0.8em;
font-weight : bold;
text-align : center;
text-decoration : none;
vertical-align : middle;
border : 2px solid #ffffff;
border-radius : 5px 5px 5px 5px;
display : table-cell;
padding : 8px 8px 8px 8px;
margin : 0px 0px 0px 0px;
}
#footer div.btnAnchor a {
text-shadow : 0px 0px 3px #777777;
color : #ffffff;
background-color : #bdad95;
}
#footer div.btnAnchor a:hover {
text-shadow : 0px 0px 3px #6aa00b;
color : #ffffff;
background-color : #9dd53a;
}
/* ----------------------------------------------------------------------- */
/* ▼ #copyright */
/* ----------------------------------------------------------------------- */
#Copyright {
width : auto;
background : rgba(159, 137, 130, 0.75);
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#CopyrightInner {
width : 940px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#CopyrightInner small {
width : auto;
text-align : center;
color : #ffffff;
box-sizing : border-box;
display : block;
padding : 10px 6px 10px 6px;
margin : 0px auto 0px auto;
}
#CopyrightInner small a {
color : #ffffff;
}
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★CONTENTS STYLE
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ----------------------------------------------------------------------- */
/* ▼ div.CommonContainer */
/* ----------------------------------------------------------------------- */
div.CommonContainer {
width : 96%;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ #WhatsnewContainer */
/* ----------------------------------------------------------------------- */
div.WhatsnewTabHead {
width : auto;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewTabHead h2 {
font-weight : normal;
color : #663b35;
background : #efe1bd;
display : inline-block;
padding : 8px 16px 2px 16px;
margin : 0px 8px 0px 8px;
}
#WhatsnewContainer {
width : auto;
background : #efe1bd;
border-radius : 6px 6px 6px 6px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#WhatsnewInnerContainer {
width : 100%;
display : table;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft {
/* width : 50%; FBを外したためコメント */
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerRight {
width : 50%;
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer {
width : 98%;
display : table;
padding : 0px 0px 0px 0px;
margin : 5px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerLeft {
width : 20%;
/* width : 32%; FBを外したため */
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 0px 0px 0px 0px;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerLeft span.photo {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerLeft span.photo img {
width : 100% !important;
height : auto !important;
max-width : 480px;
min-width : 100%;
min-height : auto;
background-color : #f8f5e9;
border : 1px solid #dddddd;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight {
width : 95%;
/* width : 68%; FBを外したため */
background : #ffffff;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 0px 0px 0px 0px;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight h3 {
position : relative;
top : 0px;
width : 100%;
font-size : 114%;
font-weight : normal;
color : #000000;
background : url(../../custom/img/ico/ico-whatsnew.png) left center no-repeat;
/*border-bottom : 1px dotted #cfb8ab;*/
padding : 8px 6px 8px 14px;
margin : 0px auto 5px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight h3:after {
position : absolute;
left : 0px;
bottom : 0px;
content : '';
width : 100%;
height : 3px;
background : url(../../custom/img/design/bg-dotted.png) left center repeat-x;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight h3 span.catchcopy {
font-size : 90%;
color : #000000;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight h3 span.title,
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight h3 span.title a {
font-size : 100%;
color : #000000;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.WhatsnewContainerLeft div.PostContainer div.PostContainerRight p {
width : 98%;
line-height : 1.2;
/* font-size : 77%; */
text-align : left;
text-justify : normal !important;
color : #000000;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ ul.WhatsnewSet */
/* ----------------------------------------------------------------------- */
ul.WhatsnewSet {
width : 96%;
list-style-type : none;
font-family : 'メイリオ';
padding : 0px 0px 0px 0px;
margin : 0px auto 8px auto;
}
ul.WhatsnewSet li {
font-family : 'メイリオ';
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
cursor : pointer;
background-color : #fbfbfa;
background-image : none !important;
border-bottom : 1px dashed #d3d1c1;
padding : 4px 5px 4px 5px;
margin : 0px auto 0px auto;
}
ul.WhatsnewSet li:first-child {
display : none !important;
}
ul.WhatsnewSet li:nth-child(2n) {
background-color : #ffffff;
}
ul.WhatsnewSet li:hover {
background : #ffff00;
}
ul.WhatsnewSet li h3 {
width : 100% !important;
font-size : 1.0em;
text-align : left;
display : table !important;
padding : 0px 0px 0px 0px;
margin : 1px auto 1px auto;
}
ul.WhatsnewSet li h3 span.img {
width : 100px;
vertical-align : middle;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
ul.WhatsnewSet li h3 span.img span {
background-color : #dddeda;
display : inline-block !important;
padding : 4px 4px 5px 4px !important;
margin : 0px auto 0px auto !important;
}
ul.WhatsnewSet li h3 span.img span span {
width : 92px !important;
height : 67px !important;
overflow : hidden;
background-color : #dddeda;
display : block !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
ul.WhatsnewSet li h3 span.img img {
width : 100% !important;
height : auto !important;
max-width : 480px;
min-width : 100%;
min-height : auto;
background-color : #f8f5e9;
border : 1px solid #dddddd;
display : block;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
ul.WhatsnewSet li h3 span.img span span img {
width : 100% !important;
height : auto !important;
max-width : 480px;
min-width : 100%;
min-height : auto;
vertical-align : top;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
ul.WhatsnewSet li h3 a {
width : auto !important;
color : #0066ff;
text-align : left;
vertical-align : middle;
text-justify : normal !important;
background : url(../../custom/img/ico/ico-arrow2.png) 98% center no-repeat;
display : table-cell !important;
padding : 4px 20px 4px 8px;
margin : 0px auto 0px auto;
}
ul.WhatsnewSet li a span.update {
font-size : 0.8em;
color : #686344;
background : url(../../custom/img/ico/ico-update.png) 0px 3px no-repeat;
text-align : left;
display : block;
padding : 1px 1px 1px 14px;
margin : 1px auto 1px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ #FacebookContainer */
/* ----------------------------------------------------------------------- */
#FacebookContainer {
width : 98%;
padding : 6px 1% 6px 1%;
margin : 0px auto 0px auto;
}
#FacebookContainer div.fb-page {
width : 99% !important;
display : block;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
#FacebookContainer div.fb-page iframe {
width : 100% !important;
min-width : 280px !important;
max-width : 100% !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.SaleBannerContainer */
/* ----------------------------------------------------------------------- */
div.SaleBannerContainer {
width : 96%;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
div.SaleBannerContainer ul {
width : 100%;
display : table;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SaleBannerContainer ul li {
width : 33.33%;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SaleBannerContainer ul li div {
width : 98%;
overflow : hidden;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
background-size : 100% 100% !important;
border : 1px solid #ffffff;
border-radius : 6px 6px 6px 6px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SaleBannerContainer ul li div:hover {
background-size : 120% 120% !important;
}
div.SaleBannerContainer ul li.banner1 div {
background : url(../../custom/img/banner/ban1-1takuchibunjo-bg.png) center center no-repeat;
}
div.SaleBannerContainer ul li.banner2 div {
background : url(../../custom/img/banner/ban1-2bessobunjo-bg.png) center center no-repeat;
}
div.SaleBannerContainer ul li.banner3 div {
background : url(../../custom/img/banner/ban1-3specialplan-bg.png) center center no-repeat;
}
div.SaleBannerContainer ul li div a {
border : 6px solid rgba(255, 255, 255, 0.5);
border-radius : 6px 6px 6px 6px;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SaleBannerContainer ul li div a img {
width : 100% !important;
height : auto !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.SubLeisureBannerContainer */
/* ----------------------------------------------------------------------- */
div.SubLeisureBannerContainer {
width : 96%;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
div.SubLeisureBannerContainer h2 {
display : block;
z-index : 1000;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer h2 img {
width : 100%;
max-width : 871px;
height : auto;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer ul {
width : 100%;
display : flex;
flex-wrap : wrap;
justify-content : center;
padding : 0px 0px 0px 0px;
margin : 0px auto 35px auto;
}
div.SubLeisureBannerContainer ul li {
width : 25%;
float : none;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer ul li div {
width : 98%;
overflow : hidden;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer ul li div a {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer ul li div a img {
width : 100% !important;
height : auto !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubLeisureBannerContainer ul li div a img:hover {
opacity : 1.0;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.LeisureBannerContainer */
/* ----------------------------------------------------------------------- */
div.LeisureBannerContainer {
width : 98%;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
div.LeisureBannerContainer h2 {
display : block;
z-index : 1000;
background-image : none !important;
background-color : transparent !important;
border : none !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.LeisureBannerContainer h2 img {
width : 100%;
max-width : 871px;
height : auto;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.LeisureBannerContainer ul {
width : 100%;
display : flex;
flex-wrap : wrap;
justify-content : center;
padding : 0px 0px 0px 0px !important;
margin : -70px auto 35px auto !important;
}
div.LeisureBannerContainer ul li {
width : 25%;
float : none;
background-image : none !important;
display : block;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.LeisureBannerContainer ul.BoxLink li {
border-radius : 8px 8px 8px 8px !important;
padding : 4px 4px 8px 4px !important;
}
div.LeisureBannerContainer ul.BoxLink li:hover {
overflow : hidden;
cursor : pointer;
background-color : #ffff77 !important;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.LeisureBannerContainer ul.BoxLink li div.img img {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
div.LeisureBannerContainer ul.BoxLink li:hover div.img img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
div.LeisureBannerContainer ul li div.desc {
width : 100%;
display : block;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.LeisureBannerContainer ul li div.img {
width : 94%;
overflow : hidden !important;
display : block;
background-color : #ffffff;
border : 1px solid #cccccc;
border-radius : 4px 4px 4px 4px;
display : block;
box-shadow : 0px 0px 3px #e3dfc5, 0px 0px 3px #e3dfc5;
padding : 4px 4px 4px 4px !important;
margin : 0px auto 0px auto !important;
}
div.LeisureBannerContainer ul li div.img img {
width : 100% !important;
height : auto;
max-width : 480px;
background-color : #ffffff;
border-radius : 4px 4px 4px 4px;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 0px auto !important;
}
div.LeisureBannerContainer ul.BoxLink li div.DetailSign {
width : 96% !important;
font-size : 94%;
padding : 4px 4px 0px 4px;
margin : 0px auto 0px auto;
}
div.LeisureBannerContainer ul li div {
width : 98%;
overflow : hidden;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.LeisureBannerContainer ul li div a {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.LeisureBannerContainer ul li div a img {
width : 100% !important;
height : auto !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.LeisureBannerContainer ul li div a img:hover {
opacity : 1.0;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.SubBannerContainer */
/* ----------------------------------------------------------------------- */
div.SubBannerContainer {
width : 96%;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
div.SubBannerContainer ul {
width : 100%;
display : table;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubBannerContainer ul li {
width : 33.33%;
display : table-cell;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubBannerContainer ul li div {
width : 98%;
overflow : hidden;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubBannerContainer ul li div a {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubBannerContainer ul li div a img {
width : 100% !important;
height : auto !important;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.SubBannerContainer ul li div a img:hover {
opacity : 1.0;
}
/* ----------------------------------------------------------------------- */
/* ▼ div.IntroductionContainer */
/* ----------------------------------------------------------------------- */
div.IntroductionContainer {
position : relative;
top : 0px;
width : 100%;
background-color : #ffffff;
border-radius : 6px 6px 6px 6px;
box-shadow : 0px 0px 10px #c4bda1;
padding : 8px 8px 8px 8px;
margin : 150px auto 25px auto;
}
div.IntroductionContainer h2 {
display : block;
z-index : 1000;
padding : 0px 0px 0px 0px;
margin : -150px auto -25px auto;
}
div.IntroductionInnerContainer {
width : 98%;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.IntroductionContainer h2 img {
width : 100%;
max-width : 913px;
height : auto;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.IntroductionContainer h2 img {
width : 100%;
max-width : 913px;
height : auto;
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
hr.line1 {
width : 100%;
height : 23px;
font-size : 0px;
float : none;
clear : both;
background : url(../../custom/img/design/bg-line1.png) center center repeat-x;
background-size : auto 88%;
border : 0px;
display : block;
padding : 0px 0px 0px 0px;
margin : 10px auto 10px auto;
}
div.IntroductionInnerContainer p {
width : 98%;
line-height : 1.4;
font-size : 100%;
letter-spacing : 2px;
padding : 4px 0px 4px 0px;
margin : 5px auto 5px auto;
}
div.IntroductionInnerContainer p span {
display : block;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px 35px;
}
div.IntroductionInnerContainer p span:before {
content : '◆';
color : #ff9966;
display : inline-block;
margin : 0px auto 0px -15px;
}
div.IntroductionInnerContainer p strong {
font-size : 130%;
font-weight : normal;
color : #4a6827;
}
div.IntroductionInnerContainer p a {
font-size : 130%;
font-weight : normal;
color : #387efe;
}
div.IntroductionInnerContainer p a:hover {
color : #588d04;
}
div.IntroductionInnerContainer img {
width : 35%;
max-width : 480px;
height : auto;
box-shadow : 0px 0px 6px #e2dec9;
display : block;
padding : 4px 4px 4px 4px !important;
}
div.IntroductionInnerContainer img.FloatLeft {
float : left !important;
padding : 0px 0px 0px 0px;
margin : 0px 30px 8px 0px;
}
div.IntroductionInnerContainer img.FloatRight {
float : right !important;
padding : 0px 0px 0px 0px;
margin : 0px 0px 8px 8px;
}
/* ▼ #AsideContainer */
/* ----------------------------------------------------------------------------- */
#AsideContainer {
width : 98%;
border-radius : 4px 4px 4px 4px;
padding : 4px 4px 4px 4px;
margin : 25px auto 25px auto;
}
#AsideInnerContainer {
width : 100%;
display : table;
border-collapse : separate;
border-spacing : 5px;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.HeightSet {
display : block;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
/* ▼ #AsideContainer div.InquiryContainer */
/* ----------------------------------------------------------------------------- */
#AsideContainer div.InquiryContainer {
width : 65%;
background-color : #ffffff;
border : 1px solid #d3d1c1;
border-radius : 4px 4px 4px 4px;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 25px auto 25px auto;
}
#AsideContainer div.InquiryInnerContainer {
width : 100%;
background-color : #ece89f;
border : 1px solid #d3d1c1;
border-radius : 2px 2px 2px 2px;
display : block;
padding : 0px 0px 4px 0px;
margin : 0px auto 0px auto;
}
#AsideContainer div.InquiryContainer h3 {
width : auto;
font-weight : bold;
color : #ffffff;
border-bottom : 5px double #b6aeb2;
border-radius : 2px 2px 0px 0px;
padding : 0px 0px 0px 0px;
margin : 0px auto 5px auto;
}
#AsideContainer div.InquiryContainer h3 span{
background : #bdad95 url(../../custom/img/ico/ico-s-info.png) 4px 5px no-repeat !important;
display : block;
padding : 6px 4px 2px 30px;
margin : 0px auto 0px auto;
}
#AsideContainer div.InquiryContainer address {
width : auto;
line-height : 1.6;
font-size : 140%;
font-style : normal;
word-break : break-all;
word-wrap : break-word;
color : #5a4c43;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
#AsideContainer div.InquiryContainer address span {
display : inline-block;
padding : 2px 4px 2px 4px;
margin : 2px auto 2px auto;
}
#AsideContainer div.InquiryContainer address span.company {
font-size : 120%;
display : block;
}
#AsideContainer div.InquiryContainer address span.zip {
display : block;
}
#AsideContainer div.InquiryContainer address span.addr {
display : block;
}
#AsideContainer div.InquiryContainer address span.phone {
display : inline-block;
}
#AsideContainer div.InquiryContainer address span.fax {
display : inline-block;
}
#AsideContainer div.InquiryContainer address span.mail {
display : block;
}
/* ▼ #AsideContainer div.LinkContainer */
/* ----------------------------------------------------------------------------- */
#AsideContainer div.LinkContainer {
width : 35%;
text-align : left;
background-color : #ffffff;
border : 1px solid #d3d1c1;
border-radius : 4px 4px 4px 4px;
display : table-cell;
padding : 4px 4px 4px 4px;
margin : 25px auto 25px auto;
}
#AsideContainer div.LinkInnerContainer {
width : 100%;
background-color : #ece89f;
border : 1px solid #d3d1c1;
border-radius : 2px 2px 2px 2px;
display : block;
padding : 0px 0px 4px 0px;
margin : 0px auto 0px auto;
}
#AsideContainer div.LinkContainer h3 {
width : auto;
font-weight : bold;
color : #ffffff;
border-bottom : 5px double #b6aeb2;
border-radius : 2px 2px 0px 0px;
padding : 0px 0px 0px 0px;
margin : 0px auto 5px auto;
}
#AsideContainer div.LinkContainer h3 span{
background : #bdad95 url(../../custom/img/ico/ico-s-link.png) 4px 5px no-repeat !important;
display : block;
padding : 6px 4px 2px 30px;
margin : 0px auto 0px auto;
}
#AsideContainer div.LinkContainer ul {
width : 98%;
display : block;
list-style-type : none;
list-style-image : none;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#AsideContainer div.LinkContainer ul li {
width : 100%;
display : block;
background-image : none;
border-bottom : 1px dashed #d3d1c1;
padding : 1px 0px 1px 0px;
margin : 0px auto 0px auto;
}
#AsideContainer div.LinkContainer ul li {
background-color : #f3f0c1;
}
#AsideContainer div.LinkContainer ul li:nth-child(2n) {
background-color : #f8f7dd;
}
#AsideContainer div.LinkContainer ul li:hover {
background-color : #ffffff;
}
#AsideContainer div.LinkContainer ul li a{
color : #5a4c43;
/*background : url(../../custom/img/ico/ico-link-head.png) 4px 5px repeat-y !important;*/
background-image : url(../../custom/img/ico/ico-link-head.png), url(../../custom/img/ico/ico-arrow3.png);
background-position : 4px 5px, 99% center;
background-repeat : repeat-y, no-repeat;
display : block !important;
padding : 4px 20px 4px 16px !important;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ table */
/* ----------------------------------------------------------------------- */
/*
table {
width : auto;
border-collapse : collapse;
padding : 0px 0px 0px 0px;
margin : 25px 0px 25px 0px;
}
table tbody tr th {
width : auto;
background : #73a316;
padding : 4px 2px 4px 2px;
}
table tbody tr:nth-child(2n) th {
width : auto;
background : #5c8e06;
padding : 4px 2px 4px 2px;
}
table tbody tr td {
background : #f9f8f2;
padding : 4px 2px 4px 2px;
}
table tbody tr:nth-child(2n) td {
background : #f7f6eb;
padding : 4px 2px 4px 2px;
}
*/
/* ----------------------------------------------------------------------- */
/* ▼ GoogleMapContainer */
/* ----------------------------------------------------------------------- */
#GoogleMapContainer {
width : 63.5%;
background : #ffffff;
border : 1px solid #d3d1c1;
padding : 4px 4px 4px 4px;
margin : 25px 0px 25px 5px;
}
#GoogleMapContainer iframe {
width : 100%;
vertical-align : top;
border : 1px solid #d3d1c1;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#GoogleMapContainer small {
text-align : right;
display : block;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ GoogleMapContainer2 */
/* ----------------------------------------------------------------------- */
#GoogleMapContainer2 {
width : 98%;
background : #ffffff;
border : 1px solid #d3d1c1;
padding : 4px 4px 4px 4px;
margin : 0px auto 25px auto;
}
#GoogleMapContainer2 iframe {
width : 100%;
vertical-align : top;
border : 1px solid #d3d1c1;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
#GoogleMapContainer2 small {
text-align : right;
display : block;
margin : 0px auto 0px auto;
}
/* ----------------------------------------------------------------------- */
/* ▼ ul.DocumentBtnSet */
/* ----------------------------------------------------------------------- */
ul.DocumentBtnSet {
width : 100% !important;
display : block !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 5px auto !important;
}
div.ColumnContainerSet ul.DocumentBtnSet li,
div.ColumnContainerSet ul.DocumentBtnSet li:hover,
div.ColumnContainerSet ul.DocumentBtnSet li.TwoBtnCell,
div.ColumnContainerSet ul.DocumentBtnSet li.TwoBtnCell:hover {
width : 50% !important;
background-image : none !important;
background-color : transparent !important;
float : left;
display : block !important;
padding : 0px 0px 0px 0px !important;
padding : 0px 1% 0px 1% !important;
}
div.ColumnContainerSet ul.DocumentBtnSet li.OneBtnCell {
width : 100% !important;
}
ul.DocumentBtnSet li a {
width : 100%;
font-size : 120%;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
color : #ffffff;
background-position : 6px center;
background-repeat : no-repeat;
border-radius : 6px 6px 6px 6px !important;
display : block;
padding : 26px 6px 26px 70px;
margin : 0px auto 0px auto;
}
ul.DocumentBtnSet li a.icoPDF {
background-image : url(/wp/wp-content/themes/matsubarakokogen/custom/img/ico/ico-s-pdf.png);
}
ul.DocumentBtnSet li a.icoXLS {
background-image : url(/wp/wp-content/themes/matsubarakokogen/custom/img/ico/ico-s-xlsx.png);
}
ul.DocumentBtnSet li a.icoPDF {
text-shadow : 0px 0px 3px #920302, 0px 0px 3px #920302;
background-color : #d53c3a;
}
ul.DocumentBtnSet li a.icoPDF:hover {
background-color : #b51311;
}
ul.DocumentBtnSet li a.icoXLS {
background-color : #1e8b4e;
}
ul.DocumentBtnSet li a.icoXLS:hover {
background-color : #076430;
}
/* ----------------------------------------------------------------------- */
/* ▼ ul.BannerSet */
/* ----------------------------------------------------------------------- */
ul.BannerSet {
width : 98% !important;
display : block !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 5px auto !important;
}
div.ColumnContainerSet ul.BannerSet li,
div.ColumnContainerSet ul.BannerSet li.TwoBannerCell {
width : 50% !important;
overflow : hidden;
background-image : none !important;
background-color : transparent !important;
float : left;
display : block !important;
padding : 0px 0px 0px 0px !important;
padding : 0px 1% 0px 1% !important;
}
div.ColumnContainerSet ul.BannerSet li:hover p,
div.ColumnContainerSet ul.BannerSet li.TwoBannerCell:hover p {
color : #477000 !important;
}
div.ColumnContainerSet ul.BannerSet li img {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
border : 1px solid #cccccc;
border-radius : 6px 6px 6px 6px !important;
}
div.ColumnContainerSet ul.BannerSet li:hover img {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
/* ▼ div.RealEestateContainer */
/* ----------------------------------------------------------------------------- */
div.RealEestateContainer {
width : 98%;
background-color : #ffffff;
display : table;
border-collapse : collapse;
padding : 0px 0px 0px 0px;
margin : 25px auto 25px auto;
}
div.RealEestateContainer table.RealEestateSet {
width : 100% !important;
border-collapse : collapse;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px auto;
}
div.RealEestateContainer div.RealEestateLeft {
width : 60% !important;
vertical-align : top;
display : table-cell;
padding : 4px 8px 4px 8px;
}
div.RealEestateContainer div.RealEestateRight {
width : 40% !important;
vertical-align : top;
display : table-cell;
padding : 4px 4px 4px 4px;
}
div.RealEestateContainer div.RealEestateCenter {
width : 100%;
padding : 0px 0px 0px 0px;
margin : 15px auto 35px auto;
}
div.RealEestateContainer div.RealEestateCenter img {
width : 100% !important;
height : auto;
max-width : 571px;
background : #ffffff;
border : 1px solid #b1ae91;
display : block;
padding : 4px 4px 4px 4px;
margin : 10px auto 5px auto;
}
div.RealEestateContainer div.RealEestateCenter h3,
div.RealEestateContainer div.RealEestateCenter table.RealEestateSet {
width : 100%;
max-width : 571px;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px auto;
}
div.RealEestateContainer div.RealEestateMapContainer {
width : 100%;
padding : 0px 0px 0px 0px;
margin : 0px auto 0px auto;
}
div.RealEestateContainer div.RealEestateMapContainer h3,
div.RealEestateContainer div.RealEestateMapContainer table.RealEestateSet {
width : 100%;
max-width : 760px;
padding : 0px 0px 0px 0px;
margin : 5px auto 5px auto;
}
div.RealEestateContainer div.RealEestateMapContainer img {
width : 100% !important;
height : auto;
max-width : 760px;
background : #ffffff;
display : block;
padding : 0px 0px 0px 0px;
margin : 10px auto 5px auto;
}
/* ▼ div.PageInquiryContainer */
/* ----------------------------------------------------------------------------- */
div.PageInquiryContainer {
width : 98% !important;
background-color : #ffffff;
border-radius : 4px 4px 4px 4px;
display : block;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.PageInquiryInnerContainer {
width : 100%;
border-radius : 2px 2px 2px 2px;
display : block;
padding : 0px 0px 4px 0px;
margin : 0px auto 0px auto;
}
div.PageInquiryContainer div.PageInquiryInnerContainer h3.Inquiry {
width : auto !important;
font-size : 100%;
font-weight : bold !important;
color : #5a4c43 !important;
background-image : none !important;
background-color : transparent !important;
border-bottom : 1px dashed #b6aeb2 !important;
border-radius : 2px 2px 0px 0px !important;
padding : 0px 0px 0px 0px !important;
margin : 0px auto 5px auto !important;
}
div.PageInquiryContainer div.PageInquiryInnerContainer h3.Inquiry span{
background-image : url(../../custom/img/ico/ico-s-info.png) !important;
background-position : 4px 5px !important;
background-repeat : no-repeat !important;
display : block !important;
padding : 6px 4px 4px 30px !important;
margin : 0px auto 0px auto !important;
}
div.PageInquiryContainer address {
width : auto;
line-height : 1.2;
font-size : 100%;
font-style : normal;
word-break : break-all;
word-wrap : break-word;
color : #5a4c43;
padding : 4px 4px 4px 4px;
margin : 0px auto 0px auto;
}
div.PageInquiryContainer address span {
display : inline-block;
padding : 2px 4px 2px 4px;
margin : 2px auto 2px auto;
}
div.PageInquiryContainer address span.company {
font-size : 90%;
display : block;
}
div.PageInquiryContainer address span.zip {
display : block;
}
div.PageInquiryContainer address span.addr {
display : block;
}
div.PageInquiryContainer address span.phone {
display : inline-block;
}
div.PageInquiryContainer address span.fax {
display : inline-block;
}
div.PageInquiryContainer address span.mail {
display : block;
}
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★CUSTOM STYLE
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ----------------------------------------------------------------------- */
/* ▼PAGENAV PREV NEXT */
/* ----------------------------------------------------------------------- */
div.pagenav {
position : relative;
top : 0px;
width : 98%;
line-height : 1.2;
font-size : 1.0em;
text-align : center;
padding : 0px 0px 0px 0px !important;
margin : 15px auto 50px auto !important;
}
div.pagenav span.prev {
float : left;
}
div.pagenav span.next {
float : right;
}
div.pagenav a {
text-decoration : none;
border-radius : 4px 4px 4px 4px;
display : block;
padding : 10px 15px 10px 15px;
margin : 2px 2px 2px 2px;
}
div.pagenav a {
color : #fff;
background: #777777; /* Old browsers */
background: -moz-linear-gradient(top, #777777 0%, #555555 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #777777 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, #777777 0%,#555555 100%); /* W3C */
border : 1px solid #555555;
}
div.pagenav a:hover{
color : #fff;
background: #5c8e06; /* Old browsers */
background: -moz-linear-gradient(top, #5c8e06 0%, #73a316 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5c8e06 0%,#73a316 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5c8e06 0%,#73a316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border : 1px solid #3a5903;
}
/* ----------------------------------------------------------------------- */
/* ▼PAGINATION */
/* ----------------------------------------------------------------------- */
div.pagination {
position : relative;
top : 0px;
width : 96%;
line-height : 1.2;
font-size : 1.0em;
text-align : center;
padding : 0px 0px 0px 0px !important;
margin : 50px auto 50px auto !important;
}
div.pagination span, div.pagination a {
text-decoration : none;
color : #fff;
background : #555;
display : inline-block;
padding : 10px 15px 10px 15px;
margin : 2px 2px 2px 0px;
}
div.pagination a:hover{
color : #fff;
background : #5c8e06;
}
div.pagination .current{
color : #fff;
background : #5c8e06;
padding : 10px 15px 10px 15px;
}
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ◆Lightbox
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#customLightboxOverlay {
display : none;
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : rgba(0, 0, 0, 0.85);
z-index : 100000000;
cursor : pointer;
}
#customLightboxContent {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%, -50%);
text-align : center;
max-width : 80vw;
max-height : 80vh;
}
#customLightboxContent img {
max-width : 80vw;
max-height : 80vh;
width : auto !important;
height : auto;
display : block;
margin : 0 auto;
box-shadow : 0 0 20px rgba(0,0,0,0.5);
}
#customLightboxCaption {
color : #fff;
font-size : 13px;
margin-top : 10px;
text-align : center;
}
#customLightboxClose {
position : fixed;
top : 15px;
right : 20px;
color : #fff;
font-size : 30px;
line-height: 1;
cursor : pointer;
z-index : 100000001;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
}