@media screen and (max-width: 768px) {
body {
font-size: 1.4rem;
line-height: 1.4;
font-family:Verdana, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "貂ｸ繧ｴ繧ｷ繝�け菴�", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
margin-left:auto;
margin-right:auto;
max-width: 768px;
max-width: 768px;
}
*{word-break: break-all;/* 諢丞峙縺励↑縺�ｨｪ蟷�′蜃ｺ縺ｪ縺�ｈ縺�↓逕ｻ髱｢蟷�〒蠑ｷ蛻ｶ謾ｹ陦後ｒ譛牙柑縺ｫ縺吶ｋ */}
a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* header */
header { position:relative; width:100%; background:#fff;}
header:before{ position:absolute; width:100%; bottom:0px; height:50px; background:url(../images/header_bg_mountain.png) repeat-x bottom center; content:""; background-size: auto 50px; z-index:1;}
header:after{ position:absolute; width:100%; bottom:0px; height:50px; background:url(../images/header_bg_city.png) repeat-x bottom center; content:""; background-size: auto 50px; z-index:1;}
/*
header .HeadCopy,
header .HeadContact,
header .globalNavi,
header .gnwrap,
header nav.nav { display:none;}
*/
header .Logo{ float:left; width:100%;}
header .Logo img{
width: 50px;
height: auto;
margin-top: 5px;
}
header div.HeaderInnerBox .SpMenu{ position:absolute; right:4%; top:50%; margin-top:-20px; font-size:2.5rem;}
header div.HeaderInnerBox .SpMenu a{ color:#333;}
header div.HeaderInnerBox {
position: fixed;
top: 0px;
width: 100%;
height: 70px;
padding-top: 5px;
padding-right: 4%;
padding-left: 4%;
padding-bottom: 16px;
overflow: hidden;
z-index: 99;
box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);
background-color: #ff4996;
}
#container {
margin-top: 50px;
}
/* PageTitleStyle */
.pgtBox .InnerTitleBox{ width: 100%; height: 220px; min-width: !important; background-attachment: fixed; -webkit-background-size: cover auto ; background-size: cover auto; background-position:center top; background-repeat:no-repeat;}
.pgtBox .InnerTitleBox .TtlInner{
line-height: 200%;
color: #fff;
letter-spacing: 1.4px !important;
margin-top: 14px;
z-index: 60;
font-size: 1.5rem;
/*text-shadow: 1px 1px 1px #7e6047; */
}
.pgtBox .InnerTitleBox .TtlInner span{
display: block;
font-size: 3rem;
color: #fff;
letter-spacing: 0px !important;
}
.pgt-corp{background-image: url(../images/corp-title_bg.jpg);}
.pgt-sales{background-image: url(../images/sales-title_bg.jpg);}
.pgt-event{background-image: url(../images/event-title_bg.jpg);}
.pgt-motor{background-image: url(../images/motor-title_bg.jpg);}
.pgt-kart{background-image: url(../images/kart-title_bg.jpg);}
.pgt-photo{background-image: url(../images/photo-title_bg.jpg);}
.pgt-staff{background-image: url(../images/staff-title_bg.jpg);}
.pgt-irai{background-image: url(../images/irai-title_bg.jpg);}
.pgt-contact{background-image: url(../images/contact-title_bg.jpg);}
.pgt-news{background-image: url(../images/news-title_bg.jpg);}
.pgt-model{background-image: url(../images/model-title_bg.jpg);}
.wrap {
margin-right: auto;
margin-left: auto;
}
.copy-st01 {
margin-right: auto;
margin-left: auto;
font-size: 3rem;
line-height: 160%;
font-family: "Times New Roman", Times, 'YuMincho', '貂ｸ譏取悃','繝偵Λ繧ｮ繝取�譛� Pro W3', 'Hiragino Mincho Pro', '�ｭ�ｳ �ｰ譏取悃', 'MS PMincho', serif;
margin-bottom: 50px;
}
.copy-st01 span {
color: #a18942;
}
.flexslider{
width: 100%;
height: auto;
}
.flexslider ul.slides li{ width: 100%; height: auto;padding-top: 70px;}
.slides > li { display: none; width:100%; -webkit-backface-visibility: hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.slides li div{ height:250px;}
.slides li div p{ font-size:2.2rem; font-weight: bold; padding: 0px 12%;}
.slides li div span{
display: block;
color: #FFFFFF;
font-family: "Times New Roman", Times, 'YuMincho', '貂ｸ譏取悃','繝偵Λ繧ｮ繝取�譛� Pro W3', 'Hiragino Mincho Pro', '�ｭ�ｳ �ｰ譏取悃', 'MS PMincho', serif;
font-size: 1.8rem;
line-height: 180%;
padding-left: 1%;
padding-right: 1%;
font-weight: bold;
text-shadow: 3px 3px 2px #000;
}
.flexslider .slides li div p span.Sawarabi{ letter-spacing: -0.6px; line-height: 3.2rem;}
.flexslider .slides li div p span.Eng{ display: none;}
.flexslider .slides li div p.BlackTxt{ color:#000;text-shadow:0px 0px 7px #fff;}
.flexslider .slides li div p.WhiteTxt{ color:#fff;text-shadow:0px 0px 7px #000;}
.flexslider .slides li div p br{ display: none;}
/* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繝懊ち繝ｳ */
.hover .bnr {
margin-bottom: 0;
text-align: center;
}
.hover .bnr a {
display: inline-block;
background: url(../../images/top_pickup02.jpg) no-repeat;
background-size: cover;
}
.hover .bnr a img {
vertical-align: middle;
transition: opacity 0.3s;
}
.hover .bnr a:hover img {
opacity: 0;
}
/* top page */
.flex-direction-nav{ display:none !important;}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -36px;
text-align: center;
z-index:88;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
/* ListStyle */
.ListStyle01,.ListStyle02,.ListStyle03,.ListStyle04{ width:100%; margin-bottom:30px;}
.ListStyle01{ border-top:1px solid #c0c0c0;}
.ListStyle01 li{ width:100%; margin-bottom:0px !important; padding:10px 0px; border-bottom:1px solid #c0c0c0;}
.ListStyle02{}
.ListStyle02 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle02 li:before{
content: " \f14a";
font-family: FontAwesome;
margin-right:8px;
}
.ListStyle03{}
.ListStyle03 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle03 li:before{
content: " \f111";
font-family: FontAwesome;
margin-right:8px;
}
.ListStyle04{
margin-top: 10px;
}
.ListStyle04 li{ margin-bottom:8px; padding-left: 2.3rem;text-indent: -2.3rem;}
.ListStyle04 li:before{
content: " \f111";
font-family: FontAwesome;
margin-right:8px;
}
.ListStyle05{
width: 100%;
}
.ListStyle05 li{
width: 100%;
border-bottom: 1px solid #0c5b92;
line-height: 180%;
padding-bottom: 1%;
padding-left: 1%;
text-align: center;
}
.ListStyle06{}
.ListStyle06 li{ width:100%; margin-bottom:8px !important; padding-left: 2.3rem;text-indent: -2.3rem;color: #734C4C;}
.ListStyle06 li:before{
content: " \f111";
font-family: FontAwesome;
margin-right:8px;
}
/* LinkStyle */
.LinkStyle01{
margin-top: 5%;
}
.LinkStyle01 a{
color: #fff;
font-size: 1.6rem;
padding: 10px;
border-radius: 4px;
background-color: #a9231c;
text-align: center;
}
.LinkStyle01 a:after {
content: " \f105";
font-family: FontAwesome;
margin-left:10px;
}
.LinkStyle01 a:hover{ opacity:0.8;}
.LinkStyle02 a{
font-size: 1.6rem;
padding: 10px;
border-radius: 4px;
background-color: #d5c6ab;
display: block
}
.LinkStyle02 a:after {
content: " \f105";
font-family: FontAwesome;
margin-left:10px;
}
.LinkStyle02 a:hover{ opacity:0.8;}
.LinkStyle03 {
display: block;
font-size: 1.6rem;
padding: 10px;
border-radius: 4px;
background-color: #b59760;
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.LinkStyle03 span {
display: block;
border-top: 1px solid #FFFFFF;
font-size: 1.5rem;
}
.LinkStyle03 a:hover{ opacity:0.8;}
.LinkStyle04 a {
font-size: 1.5rem;
padding-top: 20px;
padding-bottom: 20px;
background-color: #5c9e0f;
text-align: center;
display: block;
color: #FFFFFF;
padding-right: 20px;
padding-left: 20px;
}
.LinkStyle04 a:after {
content: " \f105";
font-family: FontAwesome;
margin-left:10px;
}
.LinkStyle04 a:hover{
opacity: 0.8; /* 80��ｸ埼乗�蠎ｦ(��80��城℃) */
}
.LinkStyle05 li {
display: block;
padding: 3%;
border-bottom: 1px solid #C8C8C8;
}
/* Accordion (Q&A) */
.AcQaStyle,
.AcQaStyleEditColor,
.AcStandardStyle,
.AcStandardStyleEditColor{
margin-bottom: 15px;
border: 1px solid #9f6f18;
padding: 3%;
background-color: #FFFFFF;
}
.AcQaStyle dt,
.AcQaStyleEditColor dt,
.AcStandardStyle dt,
.AcStandardStyleEditColor dt {position: relative; font-size: 1.6rem; background:#ccc;}
.AcQaStyle dt:hover,
.AcQaStyleEditColor dt:hover,
.AcStandardStyle dt:hover,
.AcStandardStyleEditColor dt:hover{ opacity:0.8;}
.AcQaStyle dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #333;}
.AcQaStyle dt a {
display: block;
color: #333;
text-decoration: none !important;
padding: 20px;
font-size: 2rem;
}
.AcQaStyle dd {background: #fff; padding: 15px 15px 15px 10px; border-top: 1px solid #ccc;}
.AcQaStyle dd p.Answer{ position: relative;}
.AcQaStyleEditColor dt:after { position: absolute; content: '\f107'; font-family: FontAwesome; top: 50%; margin-top: -12px; right: 10px; color: #fff;}
.AcQaStyleEditColor dt a { display: block; color: #fff; padding: 10px 30px 10px 10px; text-decoration:none !important;}
.AcQaStyleEditColor dd {background: #fff; padding: 15px 15px 15px 15px;}
.AcQaStyleEditColor dd p.Answer{ position: relative;}
.barBlock {
width:100%;
z-index: 1000;
}
.barBlock ul li a{
background:#666;
width: 20%;
float: left;
padding:20px 0;
text-align: center;
color: #fff;
text-decoration: none;
border-right: 1px solid #777;
box-sizing: border-box;
}
.barBlock ul li a:hover{
background:#333;
}
.fixed {
position: fixed;
top: 0;
}
/* topnews */
div.TopNewsBox div.InnerBox {
max-width: 1100px;
margin-left: auto;
padding: 5%;
margin-right: auto;
}
div.TopNewsBox div.InnerBox h2{
position: relative;
font-size: 2.5rem;
color: #f1468e;
margin-left: auto;
margin-right: auto;
font-family: "繝偵Λ繧ｮ繝手ｧ偵ざPro W3","MS P繧ｴ繧ｷ繝�け";
font-weight: bold;
}
div.TopNewsBox div.InnerBox h2:after{
content: "";
display: block;
height: 2px;
width: 100%;
background: -moz-linear-gradient(to bottom,#8e8e69,#ffffe9 30%,#8e8e69);
background: -webkit-linear-gradient(to bottom,#8e8e69,#ffffe9 30%,#8e8e69);
background: linear-gradient(to bottom,#8e8e69,#ffffe9 30%,#8e8e69);
margin-top: 10px;
}
div.TopNewsBox div.InnerBox h2 span a{
font-size: 1.2rem;
background-color: #AB2A61;
padding-right: 15px;
padding-left: 15px;
float: right;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}
div.TopNewsBox div.InnerBox h2 span a:after{
margin-left: 10px;
display: inline-block;
content: "\f105";
font-family: FontAwesome;
}
div.TopNewsBox div.InnerBox h2 span a:hover{
opacity: 0.8; /* 80��ｸ埼乗�蠎ｦ(��80��城℃) */
}
div.TopNewsBox div.InnerBox ul{
font-size: 1.5rem;
}
div.TopNewsBox div.InnerBox ul li a{
position: relative;
display: block;
padding: 14px 40px 14px 10px;
color: #333333;
border-bottom: 1px solid #f1468e;
}
div.TopNewsBox div.InnerBox ul li span.Detail{
margin-left: 50px;
}
div.TopNewsBox div.InnerBox ul li span.Date{width: 200px;}
div.TopNewsBox div.InnerBox ul li a:hover{ background-color:#fff8fb;}
div.TopNewsBox div.InnerBox ul li a:before{ content:""; position:absolute; right:10px; top:50%; margin-top:-10px; color:#c8c7be;}
div.footlocalBox div.InnerBox h2 span{ display:none;}
div.footlocalBox div.InnerBox{
width: 90%;
margin-left: auto;
margin-right: auto;
}
div.footlocalBox div.InnerBox ul{
margin-bottom: 20px;
}
div.footlocalBox div.InnerBox ul li{ position:relative; width:110%; border-top:1px dotted #ccc; margin:0px -5%;}
div.footlocalBox div.InnerBox ul li a{ display:block; width:100%; padding:12px 5% 12px 3%; text-decoration:none !important;}
div.footlocalBox div.InnerBox ul li a span{ display:block; margin-bottom:2px; }
div.footlocalBox div.InnerBox ul li a span.Title{ color:#333;}
div.footlocalBox div.InnerBox ul li:after {
position:absolute;
right:1%;
top:50%;
font-size:2.0rem;
color:#888;
margin-top:-12px;
content: " \f105";
font-family: FontAwesome;
}
/* sitemap */
.SitemapBox{}
.SitemapBox .LeftBox{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.SitemapBox .RightBox{ width:90%;margin-left: auto;
margin-right: auto;}
.SitemapBox a{ color:#333;}
.SitemapBox a:hover{
background-color: #eff6fa;
}
.SitemapBox ul{ margin-bottom:20px;}
.SitemapBox li a{ display:block; border-bottom:1px solid #e9e9e9; padding:12px 0px;}
.SitemapBox li.MainContent a{ border-bottom:1px solid #999; padding:10px 0px; color:#1e8cc1; font-size:1.6rem;}
/* block */
div.contentsBoxA,
div.contentsBoxB{ width:100%;}
div.contentsBoxA{
background-color: #fff;
}
div.contentsBoxB{
background-color: #f3f3f3;
}
div.contentsBoxA div.wrap,
div.contentsBoxB div.wrap p{
margin-bottom: 10px;
}
div.contentsBoxA div.wrap,
div.contentsBoxB div.wrap { width:90%; padding-top: 30px;
padding-bottom: 30px;}
.top-contents01 {
background-image: url(../images/top-contents01Base.jpg);
background-repeat: no-repeat;
background-position: center top;
border-top: 4px solid #000000;
padding-top: 3%;
padding-bottom: 3%;
}
.docBase01 p {
color: #FFFFFF;
text-align: center;
}
.top-contents02 {
background-image: url(../images/top-contents02Base.jpg);
background-repeat: no-repeat;
background-position: center top;
border-top: 4px solid #000000;
padding-top: 3%;
padding-bottom: 3%;
}
.docBase02 p {
color: #FFFFFF;
text-align: center;
}
/* main */
main{
margin:0 auto;
padding:20px 0px 0px;
}
main section{
margin:0 auto 25px;
padding:0 3%;
}
main section h2{ font-size:2.0rem; margin-bottom:10px;}
/* column */
.ColumnUnit02,.ColumnUnit03A,.ColumnUnit03,.ColumnUnit04,.ColumnUnit05,.ColumnUnit02L30,.ColumnUnit02R30,.ColumnUnit02L20{ width:100%;}
.ColumnUnit02A{
border-radius: 6px;
padding: 5%;
background-color: #fff;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.ColumnUnit02 img,.ColumnUnit03A img,.ColumnUnit03 img,.ColumnUnit04 img,.ColumnUnit05 img,.ColumnUnit02L30 img,.ColumnUnit02R30 img,.ColumnUnit02L20 img,.ColumnUnit02R20 img{
width:100%;
}
.ColumnUnit02 table,.ColumnUnit03A table,.ColumnUnit03 table,.ColumnUnit04 table,.ColumnUnit05 table,.ColumnUnit02L30 table,.ColumnUnit02R30 table,.ColumnUnit02L20 table,.ColumnUnit02R20 table{ max-width:100%;}
.ColumnUnit04 p,.ColumnUnit03A p,.ColumnUnit03 p,.ColumnUnit05 p{ font-size:1.4rem;}
.ColumnUnit02{ }
.ColumnUnit02 .ColumnItem,
ul.ColumnUnit02 li{
}
.ColumnUnit03{ width:100%; }
.ColumnUnit03 .ColumnItem,
ul.ColumnUnit03 li{
margin-right: 2%;
margin-left: 2%;
margin-bottom: 1%;
}
ul.ColumnUnit03 li.Edge{
margin-right: 0%;
margin-bottom: 40px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 li img{
border-radius: 5px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span{
display: block;
border-radius: 5px;
background-color: #A9231C;
color: #FFFFFF;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
}
.ColumnUnit03 .ColumnItem, ul.ColumnUnit03 span:after{
content: " \f105";
font-family: FontAwesome;
margin-right:8px;
}
.ColumnUnit03A{ }
.ColumnUnit03A .ColumnItem,
ul.ColumnUnit03A li{
margin-bottom: 2%;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 2%;
border: 2px solid #C9C9C9;
}
ul.ColumnUnit03A li .doc{
padding: 5%;
}
.ColumnUnit02 .ColumnItem:first-child,
ul.ColumnUnit02 ul li:first-child{ float:left;}
.ColumnUnit02 .ColumnItem:last-child,
ul.ColumnUnit02 li:last-child{float:right;}
.ColumnUnit02L30 .ColumnItem:first-child,
ul.ColumnUnit02L30 ul li:first-child{ float:right; width:30%;}
.ColumnUnit02L30 .ColumnItem:last-child,
ul.ColumnUnit02L30 li:last-child{float:left; width:65%;}
.ColumnUnit02R30 .ColumnItem:first-child,
ul.ColumnUnit02R30 ul li:first-child{ float:left; width:65%;}
.ColumnUnit02R30 .ColumnItem:last-child,
ul.ColumnUnit02R30 li:last-child{float:right; width:30%;}
.acList01 a {
display: block;
color: #333;
padding: 2%;
background-color: #e8e3da;
text-align: center;
}
.ColumnUnit02L20 .ColumnItem:first-child,
ul.ColumnUnit02L20 ul li:first-child{ float:left; width:20%;}
.ColumnUnit02L20 .ColumnItem:last-child,
ul.ColumnUnit02L20 li:last-child{float:right; width:75%;}
.ColumnUnit02R20 .ColumnItem:first-child,
ul.ColumnUnit02R20 ul li:first-child{ float:left; width:75%;}
.ColumnUnit02R20 .ColumnItem:last-child,
ul.ColumnUnit02R20 li:last-child{float:right; width:20%;}
.ColumnUnit04{ }
.ColumnUnit04 .ColumnItem,
ul.ColumnUnit04 li{
float: left;
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 2%;
}
.ColumnUnit05{ width:100%; }
.ColumnUnit05 .ColumnItem,
ul.ColumnUnit05 li{ float:left; width:18%; margin-right:2%;}
/* ColumCancel */
.SpColumCancel .ColumnItem,
.SpColumCancel li{ float:none !important; width:100% !important; margin-bottom:12px;}
.SpColumCancel .ColumnItem:last-child,
.SpColumCancel li:last-child{ margin-bottom:0px;}
.SpColumCancel img.SccWid60Per{ width:60%; margin-left:20%; margin-right:20%;}
.SpColumCancel img.SccFlt-L{ float:left; width:26%; margin-right:4%;}
.SpColumCancel img.SccFlt-R{ float:right; width:26%; margin-left:4%;}
/* 繝悶Ο繝�け */
.clinicInfo {
border-top: 1px solid #CCCCCC;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding-top: 20px;
}
.clinicInfo span {
font-weight: bold;
font-size: 2rem;
line-height: 150%;
}
.yoboInfo {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #d2e8f3;
padding-bottom: 5px;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
border-radius: 6px;
}
/* 繝��繝悶Ν髢｢騾｣ */
div.scroll{ width:105%; margin-right:-5%; margin-top:10px; overflow: auto; white-space: nowrap; }
div.scroll::-webkit-scrollbar{height: 5px;}
div.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
div.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
.TableStyle01,.TableStyle02,.TableStyle03,.TableStyle04,.TableStyle05,.TableStyle06,.TableStyle10{ width:100%;}
.scroll .TableStyle01, .scroll .TableStyle02, .scroll .TableStyle03, .scroll .TableStyle04, .scroll .TableStyle05, .scroll .TableStyle06{ margin-bottom:0px !important;}
table.TableStyle01{ width:100%; margin-bottom:50px; }
table.TableStyle01 th,
table.TableStyle01 td{ border-bottom:1px solid #ab2a61; vertical-align:top;}
table.TableStyle01 th{
border-bottom: 1px solid #ab2a61;
padding: 12px 55px 12px 15px;
}
table.TableStyle01 td{ border-bottom:1px solid #ab2a61; padding:12px 15px;}
table.corp th{ position:relative; border-right:1px solid #e9e9e9; width:150px !important; padding:12px 0px 12px 15px !important;}
table.corp td{ padding:12px 15px 12px 40px !important;}
table.corp th:after{ position: absolute; content: '\f111';font-family: FontAwesome; right:-8px; top:12px; color:#ff4996;}
.TableStyle02{ border-top: 1px solid #9abcce; border-left: 1px solid #9abcce; border-collapse:separate; border-spacing:3px; border:1px}
.TableStyle02 th,
.TableStyle02 td{ padding: 10px; border: 1px solid #9abcce; border-bottom: 1px solid #9abcce;}
.TableStyle02 th{ text-align:left; background: #eff6fa;}
.TableStyle02 td{ text-align:center; background-color: #FAF9EF;}
.TableStyle03{ font-size:1.6rem;}
.TableStyle03 th,
.TableStyle03 td{padding: 10px; border: 1px solid #1e8cc1; background-color: #FFFFFF;}
.TableStyle03 th{ text-align:left;}
.TableStyle03 td{ text-align:center;}
table.TableStyle04 th,
table.TableStyle04 td { padding: 10px;text-align: left; border: 1px solid #b4965e;}
table.TableStyle04 th {
text-align: center;
border: 1px solid #b4965e;
background-color: #f7e6d3;
width: 30%;
}
table.TableStyle04 td {
text-align: center;
background-color: #FFFFFF;
}
table.TableStyle04 .doc01 { background: #fff9f3;}
table.TableStyle05{ width:100%; margin-bottom:50px; }
table.TableStyle05 th,
table.TableStyle05 td{ border-bottom:1px solid #695318; vertical-align:top;}
table.TableStyle05 th{
border-bottom: 1px solid #695318;
padding: 12px 10px 12px 15px;
font-size: 2rem;
}
table.TableStyle05 td{ border-bottom:1px solid #695318; padding:12px 15px;}
.TableStyle06{ width:100%; margin-bottom:30px;}
.TableStyle06 th{padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle;font-size: 2rem;color: #333;
background-color: #FCF6EA;
width: 32%;
font-weight: bold;
}
.TableStyle06 td{
padding-top: 6px;
padding-bottom: 6px;
background-color: #FFFFFF;
}
.TableStyle06 span{ font-weight: bold;font-size: 2rem;}
.TableStyle06 th{
display: inline-block;
width: 100%;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
vertical-align: middle;
font-size: 1.8rem;
color: #fff;
background-color: #0c5b92;
}
.TableStyle06 td{
display: inline-block;
width: 100%;
padding: 14px;
border: 1px solid #CCCCCC;
}
.TableStyle06 span{ font-weight: bold;font-size: 2rem;}
.TableStyle07{ width:100%; margin-bottom:30px;}
.TableStyle07 th{display: inline-block; width: 100%;padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle; font-size: 1.8rem;
color: #fff;background-color: #ffb346;}
.TableStyle07 td{display: inline-block; width: 100%;padding: 14px;vertical-align: middle;background-color: #fff;}
.TableStyle08{ width:100%; margin-bottom:30px;}
.TableStyle08 th{display: inline-block; width: 100%;padding-top: 6px;padding-bottom: 6px;text-align: center;vertical-align: middle; font-size: 1.8rem;
color: #fff;background-color: #8dc228;}
.TableStyle08 td{display: inline-block; width: 100%;padding: 14px;vertical-align: middle;background-color: #fff;}
table.TableStyle09 th,
table.TableStyle09 td { padding: 10px;text-align: left; border: 1px solid #0c5b92;}
table.TableStyle09 th { text-align: center;border: 1px solid #0c5b92;background-color: #0c5b92;color: #FFFFFF;}
table.TableStyle09 td { }
table.TableStyle11 {width: 100%;}
table.TableStyle11 th,
table.TableStyle11 td {
width: 100%;
display: block;
padding: 8px 2%;
background-color: #FFFFFF;
color: #333333;
border: 1px solid #ccc;
}
table.TableStyle11 th { background: #fffce9;font-size: 1.6rem;border: 1px solid #ccc; }
.TableStyle12{ width:100%; margin-bottom:10px;}
.TableStyle12 th{
padding: 2%;
text-align: center;
vertical-align: middle;
font-size: 1.8rem;
color: #0c5b92;
background-color: #B4D5EC;
width: 25%;
border-color: #B4D5EC;
border-style: solid;
}
.TableStyle12 td{
padding: 2%;
background-color: #E9E9E9;
text-align: center;
}
.MagpopPhotoG a,
.MagpopPhotoG2 a,
.MagpopPhotoG3 a,
.MagpopPhotoG4 a,
.magpop{
display:block;
padding:8px 4%;
margin-bottom:10px;
color:#FFFFFF !important;
border-radius:5px;
}
/* 繝槭ャ繝� */
div.AccessBox{ width:90%; height:300px; margin:0px 5%;}
a.GoogleMapApp{
display: block;
width: 90%;
height: 44px;
line-height: 44px;
margin: 14px 5% 0px;
color: #000 !important;
background-color: #EFEFEF;
text-align: center;
}
.GoogleMapApp a {
position: relative;
width: 100%;
display: block;
color: #000;
font-size: 1.6rem;
height: 48px;
line-height: 48px;
padding: 0px 4%;
border-radius: 5px;
text-decoration: none !important;
background-color: #EFEFEF;
text-align: center;
}
.GoogleMapApp:after {
position:absolute;
right:3%;
top:50%;
font-size:2.0rem;
margin-top:-24px;
font-family: FontAwesome;
margin-left:10px;
}
/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ */
div.Accordion{ padding:20px 0px; width:100%;}
/* pankuzu */
div.Pankuzu{
display: none;
}
/* 繝輔ャ繧ｿ繝ｼ繝ｪ繧ｹ繝� */
footer{
background-color: #ff4996;
background-image: url(../images/footbase.jpg);
background-repeat: no-repeat;
background-position: center center;
}
footer:before{
content: "";
display: block;
height: 10px;
width: 100%;
background: linear-gradient(to right,#8e8e69,#ffffe9 30%,#8e8e69);
}
footer .Copy{
font-size: 1.4rem;
color: #fff;
margin-bottom: 0px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.footerBlock01 {
}
div.footerBlock01 div.InnerBox{
margin-left: auto;
margin-right: auto;
max-width: 1100px;
padding-top: 20px;
}
.footerBlock01 ul li {
float: left;
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 20px;
}
div.footerBlock01 div.addBox {
padding: 20px;
border: 7px solid #fff;
margin-left: auto;
margin-right: auto;
width: 60%;
margin-top: 20px;
color: #FFFFFF;
margin-bottom: 20px;
}
div.footerBlock01 div.addBox h3 {
font-weight: bold;
font-size: 2rem;
float: left;
}
div.footerBlock01 div.addBox span {
float: right;
font-weight: normal;
font-size: 2.5rem;
}
div.footerBlock01 div.addBox span:before{
content: " \f095";
font-family: FontAwesome;
margin-right: 8px;
color: #FFFFFF;
}
div.footerBlock02 div.InnerBox{
padding-bottom: 20px;
color: #FFFFFF;
}
div.footerBlock02 div.listBox {
position: relative;
overflow: hidden;
border-top: 1px solid #6d1339;
border-bottom: 1px solid #6d1339;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
div.footerBlock02 div.listBox ul {
position: relative;
left: 50%;
float: left;
}
div.footerBlock02 div.listBox li {
position: relative;
left: -50%;
float: left;
list-style: none;
padding-right: 10px;
padding-left: 10px;
}
div.footerBlock02 div.listBox li a {
color: #6d1339;
}
div.footerBlock02 div.listBox li a:hover {
color: #fff;
}
.corpBox {
color: #FFFFFF;
}
.corpBox img {vertical-align:middle;}
.list-st01:before{
content: " \f111";
font-family: FontAwesome;
margin-right: 8px;
color: #FFFFFF;
}
.list-st01 a{
color: #FFFFFF;
}
.list-st01 a:hover{
color: #AA9F66;
}
.list-st02 a{
color: #FFFFFF;
}
.list-st02 a:hover{
color: #AA9F66;
}
div.footerBlock02 div.areaBox {
padding: 1%;
}
.map-st01 {
color: #FFFFFF;
font-size: 2rem;
font-weight: bold;
margin-bottom: 2%;
border-top: 1px solid #C5C5C5;
padding-top: 3%;
}
.map-st02 {
color: #FFFFFF;
font-size: 1.2rem;
margin-top: 2%;
}
/* 繝壹�繧ｸ繝医ャ繝� */
.pagetop { display: none; position: fixed; bottom: 20px; right: 2%; z-index: 500;}
.pagetop a { display: block;width:56px;height:56px;line-height:56px; background-color: #ab2a61; text-align: center; color: #fff; font-size: 2.8rem; text-decoration: none;}
.pagetop a:hover { display: block; text-align: center; color: #ccc; text-decoration: none;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
/* ---------------------------------------------------------------- */
/* 蛻晄悄繝代�繝��css--縺薙％縺ｾ縺ｧ */
/* ---------------------------------------------------------------- */
.SpNodisplay{ display:none !important;}
/* TitleStyle */
.TitleStyle01{
font-size: 2rem;
margin-bottom: 5px;
margin-top: 10px;
}
.TitleStyle02{
font-size: 2rem;
margin-bottom: 20px;
}
.TitleStyle03{
background-color: #6ea330;
color: #FFFFFF;
padding-top: 2%;
padding-bottom: 2%;
font-size: 1.5rem;
}
.TitleStyle04{
font-size: 2rem;
margin-bottom: 2%;
border-bottom: 1px solid #b4965e;
padding-bottom: 1%;
font-weight: bold;
}
.TitleStyle04 span{
padding-bottom: 3px;
font-size: 1.5rem;
color: #a9231c;
margin-left: 1%;
}
.TitleStyle05{
font-size: 2rem;
font-weight: bold;
border-left: 18px solid #ccc;
padding-left: 10px;
margin-bottom: 10px;
}
.TitleStyle06{
font-size: 2rem;
margin-bottom: 20px;
}
.TitleStyle08{
font-size: 2rem;
margin-bottom: 10px;
font-weight: bold;
}
.TitleStyle08:after{
content: '\f075';
font-family: FontAwesome;
right: 10px;
color: #b4965d;
margin-left: 10px;
}
/* -------------------------------------------------- */
/* AfterArrow */
.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Sp,.ArrowRG_Sp a,.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB_Sp,.ArrowBG_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT_Sp,.ArrowTG_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -webkit-justify-content:space-between; justify-content:space-between;}
.ArrowR_Sp:after,.ArrowRG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Sp:after,.ArrowRG02_Sp a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Sp:after,.ArrowBG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Sp:after,.ArrowBG02_Sp a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Sp:after,.ArrowTG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Sp:after,.ArrowTG02_Sp a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Sp:after,.ArrowRG03_Sp a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Sp:after,.ArrowBG03_Sp a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Sp:after,.ArrowTG03_Sp a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Sp:before,.ArrowRG03_Sp a:before{ content:""; display:inline-block;}
.ArrowB03_Sp:before,.ArrowBG03_Sp a:before{ content:""; display:inline-block;}
.ArrowT03_Sp:before,.ArrowTG03_Sp a:before{ content:""; display:inline-block;}
/* -------------------------------------------------- */
/* flexbox */
.FlexBoxSp{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxSpL{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxSpR{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxSpC{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxSpB{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxSpA{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxSpM{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}
/* WelfareTop */
.WelfareTop1-1{
padding-right: 0px;
padding-left: 0px;
padding-bottom: 40px;
}
.WelfareTop1-1 a{
display: block;
width: 100%;
border: 1px solid #ccc;
padding: 14px;
color: #333;
font-size: 1.9rem;
line-height: 2.4rem;
background-repeat: no-repeat;
background-color: #fff;
}
.WelfareTop1-1 a span{
color: #FD0000;
font-size: 1.5rem;
margin-left: 1%;
display:block;
}
.WelfareTop1-1 a.Catalog{
float: left;
background-image: url(../../common/images/pdf.jpg);
background-size: auto 76%;
background-position: 97% center;
}
/* NewsPage */
div.NewsPage div.InnerBox h2{ position:relative; font-size:2.0rem; padding-bottom:12px; margin:0px -6%; padding:0px 5% 10px; border-bottom:1px solid #ccc;}
div.NewsPage div.InnerBox h2:before {content: " "; font-family: FontAwesome; margin-right:6px; font-size:2.0rem;}
div.NewsPage .NewsBox{ padding:0px 0px 0px;}
div.NewsPage .entryDetailBox .RightBox,
div.NewsPage .NewsBox .RightBox,
div.LocalNav{ width:100%;}
div.NewsPage .entryDetailBox .RightBox h4,
div.NewsPage .NewsBox .RightBox h4,
div.LocalNav .LocalTtl{ width:112%; text-align:center; padding:2px 0px; margin:0px -6%; color:#fff;}
div.NewsPage .entryDetailBox .RightBox p,
div.NewsPage .NewsBox .RightBox p{ position:relative; text-align:center; padding:6px; width:100%; margin-bottom:0px !important; }
div.NewsPage .entryDetailBox .RightBox span.prev-month,
div.NewsPage .NewsBox .RightBox span.prev-month{ position:absolute; left:6px;}
div.NewsPage .entryDetailBox .RightBox span.next-month,
div.NewsPage .NewsBox .RightBox span.next-month{ position:absolute; right:6px;}
div.NewsPage .InnerBox ul,
div.LocalNav ul{ margin-bottom:0px;}
div.NewsPage .InnerBox ul li,
div.LocalNav ul li{ position:relative; width:110% !important; border-bottom:1px dotted #ccc; margin:0px -5%;}
div.NewsPage .InnerBox ul li a,
div.LocalNav ul li a{ display:block; width:100%; padding:12px 5% 12px 3%; color:#333; text-decoration:none !important;}
div.NewsPage .InnerBox ul li a span{ display:block; margin-bottom:2px; }
div.NewsPage .InnerBox ul li a span.Title{ color:#333;}
div.NewsPage .InnerBox ul li a span.new{color: #FF9600;}
div.NewsPage div.InnerBox ul li:after,
div.LocalNav ul li a:after{
position:absolute;
right:1%;
top:50%;
font-size:2.0rem;
color:#888;
margin-top:-12px;
content: " \f105";
font-family: FontAwesome;
}
.new{color: #FF9600;}
div.NewsPage .pagePrevBox{ padding-top:40px;}
div.NewsPage .pagePrevBox p.pagePrev{ float:left;}
div.NewsPage .pagePrevBox p.pageNext{ float:right;}
div.NewsPage .pagePrevBox p.pagePrev a,
div.NewsPage .pagePrevBox p.pageNext a{ display:inline-block; padding:2px 10px; text-decoration:none !important; border-radius:5px; color:#fff;}
div.NewsPage .entryDetailBox .LeftBox .entryDetailBox{ padding:0px 4%;}
div.NewsPage .entryDetailBox .LeftBox .Date{ padding-top:20px;}
div.NewsPage .entryDetailBox .LeftBox .entryBody{ width:100%; padding-bottom:30px;}
div.NewsPage .entryDetailBox .LeftBox .entryBody img,
div.NewsPage .entryDetailBox .LeftBox .entryBody ifream{ max-width:100%; height:auto;}
/* -------------------------------------------------- */
/* - FormStyle */
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {font-size:1.6rem;}
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea {-webkit-appearance: none; border-radius: 0;}
/* 螳夂ｾｩ繝ｪ繧ｹ繝� */
.classicListA{width: 90%; margin-left: auto; margin-right: auto; }
.classicListA dl{}
.classicListA dt:before{content: '\f111';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}
.classicListA dd{
text-align: right;
}
.classicListA dd:before{content: '\f101';font-family: FontAwesome;margin-right: 10px;color: #CBBB79;}
/* -------------------------------------------------- */
/* block item Width */
.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}
.wid50_sp {width: 50px !important;}
.wid100_sp {width: 100px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}
/* -------------------------------------------------- */
/* block item Margin */
/* - All margin */
.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}
/* - Top margin */
.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}
/* - Bottom margin */
.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}
/* - Left margin */
.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}
/* - Right margin */
.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}
/* -------------------------------------------------- */
/* - All padding */
.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}
/* - Top padding */
.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}
/* - Bottom padding */
.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}
/* - Left padding */
.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}
/* - Right padding */
.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}
/* -------------------------------------------------- */
/* block item Width */
.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}
.wid10 {width: 10px !important;}
.wid20 {width: 20px !important;}
.wid30 {width: 30px !important;}
.wid40 {width: 40px !important;}
.wid50 {width: 50px !important;}
.wid60 {width: 60px !important;}
.wid70 {width: 70px !important;}
.wid80 {width: 80px !important;}
.wid90 {width: 90px !important;}
.wid100 {width: 100px !important;}
.wid110 {width: 110px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}
.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}
.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}
.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}
.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}
.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}
.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}
.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}
.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}
/* -------------------------------------------------- */
/* block item Margin */
/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}
/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}
/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}
/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}
/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}
/* -------------------------------------------------- */
/* block item Width */
.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}
.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}
/* -------------------------------------------------- */
/* block item Margin */
/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}
/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}
/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}
/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}
/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}
/* -------------------------------------------------- */
/* block item Padding */
/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}
/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}
/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}
/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}
/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}
/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}
/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}
/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}
/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}
/* - Font size */
.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}
/* - Font color */
.RedTxt{ color:#CC0000;}
.BleTxt{ color:#1e8cc1;}
.OraTxt{ color:#ffcc42;}
.GreTxt{ color:#7ab427;}
.GrTxt{ color: #A8A8A8;}
/* - Bg color */
.WhBg{
padding: 2%;
background-color: #FFFFFF;
}
/* - line color ccc */
.line10 {
border-top: 1px solid #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}
/* Float setting */
.flt-L_sp {float: left !important;}
.flt-R_sp {float: right !important;}
/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}
/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}
/* menuBox 繝ｪ繝ｳ繧ｯ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
.menuBox01 {
margin: 0 auto;
}
.menuBox01 ul{ width: 100%;}
.menuBox01 ul li{
width: 100%;
margin-bottom: 30px;
color: #000;
}
.menuBox01 ul li a{
text-align: left;
}
.menuBox01 ul li a span.English{
display: block;
color: #fff;
font-weight: normal !important;
letter-spacing: 1px;
text-align: center;
background-color: #000000;
width: 90%;
z-index: 1;
padding-top: 20px;
padding-bottom: 20px;
opacity: 0.7; /* 70��ｸ埼乗�蠎ｦ(��70��城℃) */
position : absolute;
z-index: 1;
margin-top: -63px;
}
.menuBox01 ul li a span.Photo{ display: block; width: 100%; height: 300px; overflow: hidden; }
.menuBox01 ul li a img{ margin-bottom: 14px;}
.menuBox01 ul li a:hover span.Photo 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); opacity: 0.7;}
.menuBox02 {
margin: 0 auto;
}
.menuBox02 ul{ width: 100%;}
.menuBox02 ul li{
width: 100%;
margin-bottom: 30px;
color: #000;
}
.menuBox02 ul li a{
text-align: left;
}
.menuBox02 ul li a span.English{
color: #fff;
font-weight: normal !important;
letter-spacing: 1px;
text-align: center;
background-color: #000000;
width: 100%;
z-index: 1;
padding-top: 20px;
padding-bottom: 20px;
opacity: 0.9; /* 90��ｸ埼乗�蠎ｦ(��90��城℃) */
}
.menuBox02 ul li a span.Photo{ display: block; width: 100%; height: 162px; overflow: hidden; }
.menuBox02 ul li span.facebook{
display: block;
width: 100%;
height: 162px;
padding: 10px;
overflow: hidden;
background-color: #3D4FA4;
}
.menuBox02 ul li a img{ margin-bottom: 14px;}
.menuBox02 ul li a:hover span.Photo 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); opacity: 0.7;}
/* corpNavi */
div.corpNavi {
margin-left: auto;
margin-right: auto;
width: 100%;
}
div.corpNavi div.InnerBox {
margin-left: auto;
margin-right: auto;
width: 90%;
}
.corpNavi li {
width: 100%;
padding-top: 7%;
padding-bottom: 3%;
text-align: center;
font-weight: bold;
font-size: 2.3rem;
position: relative;
display: inline-block;
border: 2px solid #D8D1C4;
background-color: #E8E3DA;
margin-bottom: 2%;
line-height: 110%;
}
.corpNavi li:before {
content: '';
position: absolute;
left: 50%;
top: 0px;/*邱壹�荳贋ｸ倶ｽ咲ｽｮ*/
display: inline-block;
width: 20px;/*邱壹�髟ｷ縺�*/
height: 20px;/*邱壹�螟ｪ縺�*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*菴咲ｽｮ隱ｿ謨ｴ*/
background-color: #a9231c;/*邱壹�濶ｲ*/
}
.corpNavi li span {
font-size: 1.2rem;
font-weight: normal;
}
.corpNavi li a {color: #000000;}
.corpNavi li a:hover {color: #000000;}
/* bnrNavi */
.bnrNavi {
background-image: url(../images/base03.jpg);
background-repeat: no-repeat;
background-position: center center;
width: 100%;
padding-top: 3%;
padding-bottom: 3%;
}
.bnrNavi div.InnerBox {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.bnrNavi li {
margin-bottom: 3%;
text-align: center;
}
.bnrNavi img {
width: 90%;
}
.bnrNavi li a:hover {
opacity: 0.8; /* 80��ｸ埼乗�蠎ｦ(��80��城℃) */
}
.StepBox{
position: relative;
width: 94%;
margin: 0px 3% 40px;
padding-top: 20px;
padding-right: 4%;
padding-left: 4%;
padding-bottom: 10px;
background-color: #EFEFEF;
border-radius: 6px;
}
.StepBox:after{
position: absolute;
content: '\f078';
font-family: FontAwesome;
left: 50%;
margin-left: -10px;
bottom: -46px;
color: #a9231c;
font-size: 4.0rem;
}
.StepBoxLast{position: relative;
width: 94%;
margin: 0px 3% 40px;
padding-top: 20px;
padding-right: 4%;
padding-left: 4%;
padding-bottom: 10px;
background-color: #EFEFEF;
border-radius: 6px;}
.StepBoxLast h2{ font-size:1.6rem; border-bottom:1px solid #d4ccaf; padding-bottom:8px; margin-bottom:8px; font-weight:bold;}
.StepBoxLast h2 span{ display:inline-block; padding:4px 0px; text-align:center; width:25%; margin-bottom:6px; background:#a9231c; border-radius:5px; font-size:1.4rem; color:#fff; margin-right: 2%;}
.StepBoxLast:after{ display:none;}
.StepBox h2{ font-size:1.6rem; border-bottom:1px solid #d4ccaf; padding-bottom:8px; margin-bottom:8px; font-weight:bold;}
.StepBox h2 span{ display:inline-block; padding:4px 0px; text-align:center; width:25%; margin-bottom:6px; background:#a9231c; border-radius:5px; font-size:1.4rem; color:#fff; margin-right: 2%;}
.StepBox p{ margin-bottom:10px;}
.StepBox p.Explanation{ padding:8px 14px; background:#fff; font-size:1.4rem;}
/* 莨夂､ｾ譯亥� */
.AccessLink{ background:#fff; padding:26px 0px 20px; margin-bottom: 40px; }
.AccessLink ul{ width: 90%; margin: 0px 5%;}
.AccessLink ul li{ margin-bottom: 6px;}
.AccessLink ul li a{ display: block; width: 100%; height: 46px; line-height: 46px; padding: 0px 16px; text-align: center; color: #fff; background: #a9231c; font-size: 1.5rem;}
.AccessLink ul li a:after{ float: right; content:"\f041"; display:inline-block; font-family: FontAwesome; font-size: 2.0rem;}
.AccessLink ul li:first-child a:after{ content:"\f276"; }
.AccessLink ul li.Bekkan a{ background: #a9231c;}
table.corp th,
table.corp td{display: table-cell !important; width: auto !important; font-size:1.3rem; vertical-align:top;}
table.corp th{ position:relative; border-right:1px dotted #e9e9e9; width:100px !important; padding:12px 0px 12px 0px !important; border-bottom:1px solid #ccc;}
table.corp td{ padding:12px 0px 12px 20px !important;}
table.corp th:after{ position: absolute; content: '\f111';font-family: FontAwesome; right:-8px; top:12px; color:#9f0e0c;}
.ShowroomSlide{ width: 100%; margin: 8px -5.5% -30px;}
.ShowroomSlide img{ height: 200px !important; width: auto !important;}
/* 繧ｹ繧ｿ繝�ヵ */
.name {
border-bottom: 1px dotted #9F9F9F;
margin-top: 3%;
margin-right: 3%;
margin-left: 3%;
padding-bottom: 3%;
font-size: 1.5rem;
}
.name span {font-size: 2rem; margin-left: 4%;}
.shikaku {
border-bottom: 1px dotted #9F9F9F;
margin-top: 3%;
margin-right: 3%;
margin-left: 3%;
padding-bottom: 3%;
font-size: 1.5rem;
}
.shikaku span {font-size: 1.5rem; margin-left: 4%;}
.nameitem {
border-bottom: 1px dotted #9F9F9F;
font-size: 1.5rem;
padding: 2%;
}
.nameitem span {
font-size: 1.5rem;
font-weight: bold;
margin-right: 5%;
}
.tencho {
padding: 2%;
background-color: #7CB489;
border-radius: 4px;
text-align: center;
}
.senmu {
padding: 2%;
background-color: #A384CD;
border-radius: 4px;
text-align: center;
}
.eigyo {
padding: 2%;
background-color: #e5c174;
border-radius: 4px;
text-align: center;
}
.komu {
padding: 2%;
background-color: #a8c168;
border-radius: 4px;
text-align: center;
}
.sekkei {
padding: 2%;
background-color: #84ccd2;
border-radius: 4px;
text-align: center;
}
.jimu {
padding: 2%;
background-color: #ecc1c1;
border-radius: 4px;
text-align: center;
}
/* 繝�繝ｼ繝薙� */
.movBox {
background-color: #fff;
-webkit-border-top-left-radius: 5px;
padding: 5%;
-webkit-border-top-right-radius: 5px;
}
/* 譁ｽ蟾･莠倶ｾ� */
.worksDeT01 {
font-size: 2.2rem;
margin-bottom: 2%;
margin-top: 2%;
}
.worksDeT01 span.icon-reform {
display: inline-block;
color: #fff;
text-align: center;
font-size: 1.4rem;
background-color: #888888;
padding-top: 2%;
padding-bottom: 2%;
width: 150px;
float: right;
border-radius: 6px;
}
.worksDeP01 {
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #EFEFEF;
margin-bottom: 5%;
}
/* 繧ｫ繝�ざ繝ｪ繝翫ン */
.cateNaviBox {
border-top: 1px solid #5c9e0f;
margin-right: auto;
margin-left: auto;
width: 100%;
font-size: 1.5rem;
}
.cateNaviBox a:hover {
color: #5C9E0F;
}
.cateNaviBox .cate_top {
text-align: center;
margin-top: 5%;
margin-bottom: 5%;
border-left: 1px solid #5c9e0f;
border-right: 1px solid #5c9e0f;
width: 33%;
margin-right: auto;
margin-left: auto;
}
.cateNaviBox .next {
float: right;
margin-right: 5px;
}
.cateNaviBox .next a:after{
content: '\f105';
font-family: FontAwesome;
padding-left: 10px;
}
.cateNaviBox .back {
float: left;
margin-left: 5px;
}
.cateNaviBox .back a:before{
content: '\f104';
font-family: FontAwesome;
padding-right: 10px;
}
/* 繧ｮ繝｣繝ｩ繝ｪ繝ｼ */
div.WorkdPhotoList{ width:100%; margin-top:30px; overflow:hidden;}
div.WorkdPhotoList ul{ width:100%; margin-right:;}
div.WorkdPhotoList ul li{ position:relative; padding:0px 0px 12px 0px;}
div.WorkdPhotoList ul li:after{ position:absolute; bottom:40px; right:40px; content: '\f00e';font-family: FontAwesome; color:#fff; opacity:0.6; font-size:1.8rem;}
div.WorkdPhotoList img{ border-right:10px solid #fff; display:inline-block; vertical-align:bottom;}
div.WorkdPhotoList span{background-color: #E7E7E7;color: #424242;}
.MagpopPhotoG a,
.MagpopPhotoG2 a,
.MagpopPhotoG3 a,
.MagpopPhotoG4 a,
.magpop{
display:block;
padding:8px 4%;
margin-bottom:10px;
color:#FFFFFF !important;
border-radius:5px;
}
.corner-st01 {border-radius:5px; }
/* contact */
.FormFinBox01{ width:100%; margin:0 auto;}
.FormFinBox01 input{ position: relative; cursor: pointer; border:none; text-align:center; width:100%; background:#db9612; color:#fff; font-size:1.5rem; padding:10px 0px; border-radius:6px;}
.FormFinBox01 input:after{ position:absolute; content: '\f105';font-family: FontAwesome; right:14px; top:50%; margin-top:-15px; color:#fff; font-size:2.2rem;}
.TableStyleForm{ width:100%; margin-bottom:10px;}
.TableStyleForm tr{border-bottom:1px solid #4d3609; }
.TableStyleForm th,
.TableStyleForm td{ display: inline-block; vertical-align:top; width:100%;}
.TableStyleForm th{ padding:14px 0px 10px 0px;}
.TableStyleForm td{ padding:0px 0px 14px 0px; font-size:1.6rem; vertical-align:middle;}
.TableStyleForm td input,
.TableStyleForm td textarea{ border:1px solid #ccc; width:100%; padding:8px; font-size:1.6rem;}
.TableStyleForm td input.Sex{ width:auto;}
.TableStyleForm td input.Sex02{ margin-left:20px;}
.TableStyleForm td input.Age{ width:50px;}
.TableStyleForm td input.Yubin{ width:80px;}
.TableStyleForm td select{ font-size:1.6rem; max-width:100%;}
.TableStyleForm th p{ position:relative; display:inline;}
.TableStyleForm th p.Hissu:after{ margin-left:10px; background:#db9612; color:#fff; padding:2px 15px;content: '蠢���'; font-size:1.3rem;}
.racaBox{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
margin-top: 10px;
}