/* ----------------------------------------------------------------header*/
header {
position: relative;
width: 100%;
}
header #header {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 0 0 15px;
text-align: left;
z-index: 2;
transition: all 0.5s;
}
header #header h1 {
height: 45px;
padding: 5px 120px 0 0;
line-height: 1.1;
font-size: 9px;
}
.header_logo {
display: inline-block;
vertical-align: top;
}
.header_logo a {
display: inline-block;
vertical-align: top;
line-height: 0;
}
.header_logo a img {
width: auto;
height: 30px;
}
header .online_shop {
position: fixed;
top: 0;
right: 0;
display: inline-block;
z-index: 999999;
}
header .online_shop a {
display: block;
width: 114px;
text-align: center;
line-height: 32px;
text-decoration: none;
font-size: 15px;
color: #fff;
background: #94243a;
transition: all 0.5s;
}
header .online_shop a i {
font-size: 16px;
}
.header_r .header_bn {
position: absolute;
top: 40px;
right: 65px;
display: inline-block;
}
.header_r .header_bn a {
text-decoration: none;
font-size: 22px;
color: #000;
transition: all 0.5s;
}
#header .header_r {
margin-top: 15px;
padding-right: 15px;
text-align: right;
}
#header .cart_menu {
text-align: right;
}
#header .cart_menu > div {
display: inline-block;
padding: 5px 10px;
background: rgba(255, 255, 255, 0.8);
}
#header .cart_menu i {
color: #94243a;
}
#header .cart_menu ul {
display: flex;
justify-content: flex-end;
}
#header .cart_menu ul li {
margin-right: 12px;
transform: rotate(0.04deg);
}
#header .cart_menu ul li:last-child {
margin-right: 0;
}
#header .cart_menu ul li a {
text-decoration: none;
color: #000;
transition: all 0.5s;
}
#header .cart_menu p {
text-align: right;
}
@media print, screen and (min-width:576px) {
#header .cart_menu > div {
display: inline-flex;
align-items: center;
}
#header .cart_menu ul {
display: flex;
align-items: center;
}
#header .cart_menu ul li:last-child {
margin-right: 12px;
}
}
@media print, screen and (min-width:768px) {
header #header {
padding: 0 0 0 20px;
}
header #header h1 {
height: 40px;
padding: 5px 220px 0 0;
line-height: 1.1;
font-size: 10px;
}
.header_logo a img {
width: auto;
height: auto;
}
header .online_shop a {
width: 200px;
font-size: 16px;
}
header .online_shop a:hover {
opacity: 0.6;
}
header .online_shop a i {
line-height: 34px;
font-size: 24px;
}
#header .cart_menu ul li {
margin-left: 0;
margin-right: 12px;
}
#header .cart_menu ul li a:hover {
color: #94243a;
}
#header .cart_menu i {
font-size: 24px;
color: #94243a;
}
#header .header_r {
padding-right: 20px;
}
.header_r .header_bn {
height: 60px;
}
.header_r .header_bn ul li {
height: 60px;
}
.header_r .header_bn a {
font-size: 26px;
}
.header_r .header_bn a:hover {
opacity: 0.6;
}
}
@media print, screen and (min-width:992px) {
header #header {
display: flex;
justify-content: space-between;
padding: 0 0 0 4.1666%;
}
header #header h1 {
padding: 5px 0 0 0;
}
header .online_shop a {
width: 200px;
line-height: 60px;
}
#header .header_r {
margin: 0;
padding: 0;
}
.header_r .header_bn {
position: static;
top: auto;
right: auto;
display: inline-block;
padding-right: 220px;
}
.header_r .header_bn a {
line-height: 60px;
font-size: 30px;
}
#header .cart_menu {
white-space: nowrap;
}
#header .cart_menu > div {
padding: 5px 20px;
}
#header .cart_menu ul li {
margin-left: 0;
margin-right: 12px;
}
}
/*------------------------------------------------------------toggle*/
.toggle {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 999999;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
background: rgba(255, 255, 255, 0.8);
}
.toggle span {
display: block;
background: #000;
width: 18px;
height: 2px;
position: absolute;
left: 11px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.toggle span:first-child {
top: 12px;
}
.toggle span:nth-child(2) {
margin-top: -1px;
top: 50%;
}
.toggle span:nth-child(3) {
bottom: 12px;
}
.toggle.opennav {
position: fixed;
}
.toggle.opennav span {}
.toggle.opennav span:first-child {
-webkit-transform: translateY(7px) rotate(45deg);
-moz-transform: translateY(7px) rotate(45deg);
-ms-transform: translateY(7px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
}
.toggle.opennav span:nth-child(2) {
opacity: 0;
}
.toggle.opennav span:nth-child(3) {
-webkit-transform: translateY(-7px) rotate(-45deg);
-moz-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
@media print, screen and (min-width:768px) {
.toggle {
right: 20px;
}
}
@media print, screen and (min-width:992px) {
.toggle {
display: none;
}
}
/*------------------------------------------------------------mainnavi*/
#mainnavi {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 50px 15px 0;
text-align: center;
background: #fff;
z-index: 99999;
}
#mainnavi ul li {
line-height: 1.1;
transform: rotate(0.04deg);
}
#mainnavi ul li a {
position: relative;
display: block;
padding: 10px 0;
text-decoration: none;
color: #000;
}
#mainnavi ul li a span {
display: inline-block;
padding: 8px 0;
border-bottom: solid 3px transparent;
transition: all 0.5s;
}
#mainnavi ul li.active a span {
border-bottom: solid 3px #94243a;
}
@media print, screen and (min-width:576px) {
#mainnavi {
padding: 60px 15px 0;
}
#mainnavi > ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#mainnavi > ul > li {
margin: 0 15px;
}
}
@media print, screen and (min-width:768px) {
#mainnavi {
padding: 60px 15px 0;
}
#mainnavi > ul {
display: block;
}
#mainnavi > ul > li {
margin: 0;
}
}
@media print, screen and (min-width:992px) {
#mainnavi {
display: block;
position: absolute;
top: auto;
left: 0;
right: auto;
bottom: 0;
width: 100%;
height: 60px;
padding: 0 20px;
background: rgba(255,255,255,0.9);
}
#mainnavi > ul {
margin: 0 auto;
display: flex;
justify-content: center;
}
#mainnavi > ul > li {
margin: 0 1.2%;
}
#mainnavi > ul > li a {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
line-height: 57px;
}
#mainnavi ul li a span {
display: inline-block;
padding: 0;
border-bottom: solid 3px transparent;
}
#mainnavi ul li a:hover span {
border-bottom: solid 3px #94243a;
}
}
@media print, screen and (min-width:1200px) {
#mainnavi > ul > li {
margin: 0 2%;
}
}
/*------------------------------------------------------------mainnavi_fixed*/
@media print, screen and (min-width:992px) {
#mainnavi.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
padding-right: 230px;
background: #fff;
animation: mnavslide linear .3s 1;
-webkit-animation: mnavslide linear .3s 1;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
z-index: 9999;
}
#header.fixed > div.top {
display: none;
}
#header.fixed > div.fix {
display: flex;
align-items: center;
height: 60px;
}
}
@keyframes mnavslide {
0% {
top: -90px;
}
100% {
top: 0;
}
}
@-webkit-keyframes mnavslide {
0% {
top: -55px;
}
100% {
top: 0;
}
}
/*------------------------------------------------------------pagetitle*/
#pagetitle {
position: relative;
height: 300px;
text-align: left;
background: url("../img/common_img/pagetitle.png") right -180px bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 10px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 30% bottom 10px no-repeat, url("../img/common_img/bg_ja_wh03.png") left 40% top -10px no-repeat, linear-gradient(180deg, rgba(244,238,232,1) 0%, rgba(239,232,225,1) 100%);
background-size: auto 100%, 130px auto, 160px auto, 20% auto, cover;
}
#pagetitle h2 {
position: absolute;
left: 0;
right: 0;
top: 65%;
text-align: center;
line-height: 1.5;
font-size: 22px;
font-weight: 500;
text-shadow:
rgba(255, 255, 255, 0.7) 1px 1px 7px, rgba(255, 255, 255, 0.7) -1px -1px 7px, /*蜿ｳ荳九∝ｷｦ荳�*/ rgba(255, 255, 255, 0.7) -1px 1px 7px, rgba(255, 255, 255, 0.7) 1px -1px 7px, /*蜿ｳ荳翫∝ｷｦ荳�*/ rgba(255, 255, 255, 0.7) 0px 1px 7px, rgba(255, 255, 255, 0.7) 0-1px 7px, /*蜿ｳ縲∝ｷｦ*/ rgba(255, 255, 255, 0.7) -1px 0 7px, rgba(255, 255, 255, 0.7) 1px 0 7px; /*荳翫∽ｸ�*/
}
@media print, screen and (min-width:768px) {
#pagetitle {
height: 320px;
text-align: left;
background: url("../img/common_img/pagetitle.png") right -140px bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 50px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 25% bottom 10px no-repeat, url("../img/common_img/bg_ja_wh03.png") left 40% top -10px no-repeat, linear-gradient(180deg, rgba(244,238,232,1) 0%, rgba(239,232,225,1) 45%, rgba(210,194,177,1) 100%);
background-size: auto 100%, 200px auto, 160px auto, 100px auto, cover;
}
#pagetitle h2 {
font-size: 36px;
}
}
@media print, screen and (min-width:992px) {
#pagetitle {
height: 450px;
background: url("../img/common_img/pagetitle.png") right -170px bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 50px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 36% bottom 50px no-repeat, url("../img/common_img/bg_ja_wh03.png") left 40% top -10px no-repeat, linear-gradient(180deg, rgba(244,238,232,1) 0%, rgba(239,232,225,1) 45%, rgba(210,194,177,1) 100%);
background-size: auto 100%, 200px auto, 160px auto, 100px auto, cover;
}
#pagetitle h2 {
top: 45%;
font-size: 40px;
}
}
@media print, screen and (min-width:1200px) {
#pagetitle {
background: url("../img/common_img/pagetitle.png") right -140px bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10% top 50px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 30% bottom 50px no-repeat, url("../img/common_img/bg_ja_wh03.png") left 40% top 20px no-repeat, linear-gradient(180deg, rgba(244,238,232,1) 0%, rgba(239,232,225,1) 45%, rgba(210,194,177,1) 100%);
background-size: auto 100%, 200px auto, 200px auto, 110px auto, cover;
}
}
@media print, screen and (min-width:1600px) {
#pagetitle {
background: url("../img/common_img/pagetitle.png") right -80px bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 15% top 60px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 30% bottom 50px no-repeat, url("../img/common_img/bg_ja_wh03.png") left 40% top 20px no-repeat, linear-gradient(180deg, rgba(244,238,232,1) 0%, rgba(239,232,225,1) 45%, rgba(210,194,177,1) 100%);
background-size: auto 100%, 250px auto, 200px auto, 110px auto, cover
}
}
/*------------------------------------------------------------content*/
.content_bg01 {
text-align: left;
background: url("../img/common_img/bg.jpg") center center repeat;
padding: 40px 0;
}
.content_bg02 {
text-align: left;
padding: 40px 0;
}
.content_bg03 {
text-align: left;
padding: 40px 0;
background: #F8F5F0;
}
.section {
clear: both;
padding-bottom: 10px;
}
@media print, screen and (min-width:768px) {
.content_bg01 {
padding: 80px 0;
}
.content_bg02 {
padding: 80px 0;
}
.content_bg03 {
padding: 80px 0;
}
.section {
padding-bottom: 30px;
}
}
/* ----------------------------------------------------------------footer*/
#footer_contact {
padding: 40px 0;
text-align: left;
background: url("../img/common_img/footer_contact_bg_ph.png") right bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 10px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 240px bottom 10px no-repeat, url("../img/common_img/bg_ja_wh03.png") right 15px top -10px no-repeat #efe8e1;
background-size: auto 180px, 30% auto, 30% auto, 20% auto
}
#footer_contact h3 {
margin-bottom: 15px;
text-align: left;
font-size: 20px;
}
#footer_contact h3 span {
display: inline-block;
border-bottom: solid 2px #94243a;
}
#footer_contact ul {
display: inline-block;
margin-top: 20px;
}
#footer_contact ul li {
padding: 0 10px;
text-align: center;
line-height: 50px;
font-size: 20px;
}
#footer_contact ul li:first-child {
background: #fff;
}
#footer_contact ul li span {
display: inline-block;
transform: rotate(0.04deg);
}
#footer_contact ul li a {
text-decoration: none;
color: #000;
}
#footer_contact ul li:last-child {
padding: 0;
}
#footer_contact ul li:last-child a {
display: block;
padding: 0 10px;
font-size: 18px;
color: #fff;
background: #94243a;
transition: all 0.5s;
}
#footer_contact ul li:last-child a i {
margin-right: 0.25em;
font-size: 22px;
}
@media print, screen and (min-width:768px) {
#footer_contact {
padding: 90px 0;
text-align: left;
background: url("../img/common_img/footer_contact_bg_ph.png") right bottom no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 10px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 380px bottom -20px no-repeat, url("../img/common_img/bg_ja_wh03.png") right 50px top -10px no-repeat #efe8e1;
background-size: auto 320px, auto, auto, auto
}
#footer_contact h3 {
margin-bottom: 20px;
font-size: 30px;
}
#footer_contact h3 span {
display: inline-block;
border-bottom: solid 2px #94243a;
}
#footer_contact ul {
display: inline-block;
margin-top: 20px;
}
#footer_contact ul li {
padding: 0 30px;
text-align: center;
line-height: 54px;
font-size: 26px;
}
#footer_contact ul li a {
text-decoration: none;
color: #000;
}
#footer_contact ul li:last-child {
padding: 0;
}
#footer_contact ul li:last-child a {
display: flex;
justify-content: center;
align-items: center;
padding: 0 30px;
font-size: 22px;
}
#footer_contact ul li:last-child a:hover {
opacity: 0.6;
}
#footer_contact ul li:last-child a i {
font-size: 28px;
}
}
@media print, screen and (min-width:992px) {
#footer_contact {
background: url("../img/common_img/footer_contact_bg_ph.png") right center no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 10px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 600px bottom -20px no-repeat, url("../img/common_img/bg_ja_wh03.png") right 600px top -10px no-repeat #efe8e1;
background-size: auto 120%, auto, auto, auto;
}
#footer_contact .flex_box {
display: flex;
align-items: flex-end;
}
#footer_contact ul {
margin-left: 30px;
}
#footer_contact ul li {
padding: 0 30px;
text-align: center;
line-height: 54px;
font-size: 26px;
}
}
@media print, screen and (min-width:1200px) {
#footer_contact {
background: url("../img/common_img/footer_contact_bg_ph.png") right center no-repeat, url("../img/common_img/bg_ja_wh01.png") left 10px top 10px no-repeat, url("../img/common_img/bg_ja_wh02.png") right 700px bottom -20px no-repeat, url("../img/common_img/bg_ja_wh03.png") right 900px top -10px no-repeat #efe8e1;
background-size: auto, auto, auto, auto;
}
}
#footer {
padding: 40px 0;
}
#footer h2 {
margin-bottom: 20px;
}
#footer h2 img {
width: auto;
height: 30px;
}
#footer p {
line-height: 1.5;
}
#footer p a {
text-decoration: none;
color: #000;
}
#footer .info div {
margin-top: 15px;
}
#footer .info div a {
display: inline-block;
width: 150px;
height: 32px;
text-align: center;
line-height: 32px;
text-decoration: none;
color: #fff;
background: #94243a;
transition: all 0.5s;
}
#footer .info div a i {
margin-right: 0.25em;
}
#footer .footer_r {
margin-top: 20px;
}
#footer .footer_r nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 15px;
}
#footer .footer_r nav ul li {
margin: 4px 2.5%;
transform: rotate(0.04deg);
}
#footer .footer_r nav ul li a {
text-decoration: none;
color: #000;
transition: all 0.5s;
}
@media print, screen and (min-width:768px) {
#footer {
padding: 90px 0;
}
#footer h2 {
margin-bottom: 30px;
}
#footer h2 img {
width: auto;
height: auto;
}
#footer .info div a:hover {
opacity: 0.6;
}
#footer .footer_r nav ul li a:hover {
color: #94243a;
}
}
@media print, screen and (min-width:992px) {
#footer .flex_box {
display: flex;
justify-content: space-between;
text-align: left;
}
#footer .footer_r {
margin-top: 0;
}
#footer .footer_r nav {
display: flex;
text-align: left;
}
#footer .footer_r nav ul {
display: block;
margin-left: 40px;
margin-bottom: 0;
}
#footer .footer_r nav ul li {
white-space: nowrap;
margin: 4px 0;
}
}
@media print, screen and (min-width:1200px) {
#footer .footer_r nav ul {
margin-left: 80px;
}
}
small {
display: block;
margin-top: 20px;
font-size: 11px;
transform: rotate(0.04deg);
}
@media print, screen and (min-width:768px) {
small {
margin-top: 30px;
text-align: right;
}
}
/*繧ｫ繝ｬ繝ｳ繝繝ｼ譖ｴ譁ｰ繝励Ο繧ｰ繝ｩ繝��医ヵ繝�ち繝ｼ�峨ヵ繧ｩ繝ｼ繝槭ャ繝�*/
.calendar {
width: 100%;
padding: 10px 9px;
margin: 0 0 10px;
background: #fff;
position: relative;
}
.calendar .cal_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.calendar .month {
font-size: 11px;
line-height: 1.2;
font-weight: bold;
text-align: right;
position: absolute;
top: 12px;
right: 10px;
z-index: 999;
}
.calendar .month strong {
font-size: 16px;
}
.calendar table {
width: 100%;
border-collapse: collapse;
}
.calendar table th, .calendar table td {
font-size: 12px;
text-align: center;
padding: 10px 0;
}
.calendar table th {
background: #C0C0C0;
font-weight: bold;
}
.calendar table td.color01 {
font-weight: bold;
background: url(../img/common_img/holiday.png) no-repeat center center;
}
.calendar table td.color02 {
font-weight: bold;
background: url(../img/common_img/half.png) no-repeat center center;
}
.calendar table td.color03 {
color: #fff;
font-weight: bold;
background: url(../img/common_img/monday.png) no-repeat center center;
}
.calendar ul.page_ctl {
text-align: center;
padding: 8px 10px;
margin: 0 0 10px;
}
.calendar ul.page_ctl li {
font-size: 12px;
color: #389e7c;
}
.calendar ul.page_ctl li a {
text-decoration: underline;
}
.calendar ul.page_ctl li a:hover {
color: #999;
}
.calendar ul.page_ctl .ctl_left {
float: left;
}
.calendar ul.page_ctl .ctl_right {
float: right;
}
.calendar .tx_color01 {
float: left;
margin-right: 20px;
padding: 0 0 0 15px;
background: url(../img/common_img/holiday_s.png) no-repeat left center;
}
.calendar .tx_color02 {
float: left;
padding: 0 0 0 15px;
background: url(../img/common_img/half_s.png) no-repeat left center;
}
.calendar .tx_color03 {
clear: both;
padding: 0 0 0 15px;
background: url(../img/common_img/monday_s.png) no-repeat left center;
}
@media print, screen and (min-width:768px) {
.calendar {
width: 60%;
margin: 0 auto 10px;
}
}
@media print, screen and (min-width:992px) {
.calendar {
width: 100%;
margin: 0 0 10px;
}
}
/*繧ｫ繝ｬ繝ｳ繝繝ｼ譖ｴ譁ｰ繝励Ο繧ｰ繝ｩ繝��医Γ繧､繝ｳ繧ｫ繝ｩ繝��峨ヵ繧ｩ繝ｼ繝槭ャ繝�*/
.calender02 .note {
display: inline-block;
color: #fff;
font-size: 14px;
font-weight: bold;
background-color: #969696;
top: 0px;
border-radius: 4px;
padding: 5px 10px;
margin-bottom: 20px;
}
.calender02 .calender_nav {
width: 260px;
margin: 0 auto;
text-align: center;
}
.calender02 div.date {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.calender02 .calender_table {
overflow-x: auto;
clear: both;
position: relative;
}
.calender02 table {
width: 600px;
border-collapse: collapse;
margin-bottom: 10px;
}
.calender02 table tr th {
text-align: center;
background: #CBCBCB;
border: 1px dotted #6F6F6F;
border-bottom: 1px solid #6F6F6F;
padding: 10px;
width: 14%;
}
.calender02 table tr td {
text-align: center;
border: 1px dotted #6F6F6F;
padding: 10px;
}
.calender02 table tr.tr_date td {
background: #E5E5E5;
}
.calender02 table tr.tr_text td {
height: 60px;
vertical-align: top;
}
.calender02 .bg_color01 {
background: #D5A8A9;
}
.calender02 .bg_color02 {
background: #B1CAD8;
}
.calender02 .tx_color01 {
color: #D5A8A9;
}
.calender02 .tx_color02 {
color: #B1CAD8;
}
@media print, screen and (min-width:768px) {
.calender02 .note {
display: none;
}
.calender02 table {
width: 100%;
}
}
/*------------------------------------------------------------Pankuzu*/
/*pankuzu*/
#pankuzu {
width: 100%;
padding: 10px 0;
clear: both;
}
#pankuzu ol {
list-style: none;
}
#pankuzu ol li {
float: left;
font-size: 11px;
padding: 0 7px 0 10px;
background: url(../img/common_img/icon_pankuzu.gif) no-repeat 0 50%;
transform: rotate(0.04deg);
}
#pankuzu ol li em {
font-style: normal;
}
#pankuzu ol li.home {
padding-left: 0;
background: none;
}
@media print, screen and (min-width:768px) {
#pankuzu {
width: 100%;
padding: 15px 0;
clear: both;
}
}
/* ----------------------------------------------------------------rayout*/
.center {
display: block;
margin: auto;
}
/*------------------------------------------------------------table*/
.sheet_basic {
width: 100%;
border-collapse: collapse;
border-top: 1px dotted #606060;
}
.sheet_basic tr th, .sheet_basic tr td {
border-bottom: 1px dotted #606060;
padding: 10px 0;
line-height: 1.5;
text-align: left;
font-weight: 400;
vertical-align: top;
transform: rotate(0.04deg);
}
@media print, screen and (min-width:768px) {
.sheet_basic tr th, .sheet_basic tr td {
padding: 10px;
}
.sheet_basic tr th {
white-space: nowrap;
}
}
/*------------------------------------------------------------list*/
.list_kome > li {
position: relative;
margin-bottom: 8px;
padding-left: 1.5em;
line-height: 1.5;
transform: rotate(0.04deg);
}
.list_kome > li:last-child {
margin-bottom: 0;
}
.list_kome > li::before {
position: absolute;
left: 0;
content: "窶ｻ";
}
.list_cnt {
margin-left: 2em;
}
.list_cnt > li {
counter-increment: cnt;
margin-bottom: 8px;
}
.list_cnt > li::before {
content: "("counter(cnt)")";
display: inline-block;
margin-left: -2em;
width: 2em;
}
/*------------------------------------------------------------Decoration*/
/*Line*/
hr.line_01 {
height: 1px;
clear: both;
margin: 20px 0px;
border-top: 1px dotted #000;
border-right: 0 dotted #CCC;
border-bottom: 0 dotted #CCC;
border-left: 0 dotted #CCC;
}
@media print, screen and (min-width:768px) {
hr.line_01 {
margin: 40px 0px;
}
}
.space_10 {
height: 10px;
clear: both;
}
.space_20 {
height: 20px;
clear: both;
}
.space_30 {
height: 30px;
clear: both;
}
.space_10 hr, .space_20 hr, .space_30 hr {
display: none;
}
/*------------------------------------------------------------Text*/
/*title*/
.title01 {
margin-bottom: 20px;
line-height: 1.3;
font-size: 20px;
text-align: center;
}
.title01 span {
display: block;
margin-top: 4px;
font-size: 16px;
color: #94243a;
}
.title02 {
font-size: 18px;
color: #94243a;
margin-bottom: 10px;
}
.title03 {
position: relative;
color: #94243a;
margin-bottom: 20px;
padding-bottom: 0.4em;
line-height: 1.3;
font-size: 18px;
}
.title03::after {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
content: "";
transform: rotate(-0.04deg);
background: #94243a;
}
.title04 {
font-size: 15px;
color: #fff;
font-weight: bold;
background: #94243a;
padding: 3px 10px;
margin: 0 0 20px 0;
}
@media print, screen and (min-width:768px) {
.title01 {
margin-bottom: 40px;
font-size: 30px;
}
.title01 span {
font-size: 20px;
}
.title02 {
font-size: 24px;
}
.title03 {
margin-bottom: 30px;
font-size: 24px;
}
.title04 {
font-size: 18px;
margin: 0 0 30px 0;
}
}
/*TextRight*/
.tx_right {
text-align: right;
}
/*TextLeft*/
.tx_left {
text-align: left;
}
/*TextCenter*/
.tx_cent {
text-align: center;
}
/*bold*/
.tx_bold {
font-style: normal;
font-weight: bold;
}
/*TextRed*/
.tx_red {
color: #94243a;
}
.tx_m {
font-size: 14px;
}
/*attention*/
.attention {
font-size: 11px;
line-height: 130%;
margin: 5px 0;
}
/*------------------------------------------------------------Float*/
/*FloatLeft*/
.float_left {
float: left;
}
/*FloatRight*/
.float_right {
float: right;
}
/*ClearBoth*/
.clearboth {
clear: both;
}
/*phbox*/
.phbox_right {
text-align: center;
}
.phbox_right img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.phbox_left {
text-align: center;
}
.phbox_left img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.ov_hidden {
overflow: hidden;
}
@media print, screen and (min-width:768px) {
.phbox_right {
float: right;
margin-left: 30px;
margin-bottom: 0px;
}
.phbox_left {
float: left;
margin-right: 30px;
margin-bottom: 0px;
}
}
/*------------------------------------------------------------Margin*/
/*MarginTop*/
.margin_t05 {
margin-top: 5px;
}
.margin_t10 {
margin-top: 10px;
}
.margin_t20 {
margin-top: 20px;
}
.margin_t30 {
margin-top: 30px;
}
.margin_t40 {
margin-top: 40px;
}
.margin_t50 {
margin-top: 50px;
}
/*MarginBottom*/
.margin_b05 {
margin-bottom: 5px;
}
.margin_b10 {
margin-bottom: 10px;
}
.margin_b20 {
margin-bottom: 20px;
}
.margin_b30 {
margin-bottom: 30px;
}
.margin_b40 {
margin-bottom: 40px;
}
.margin_b50 {
margin-bottom: 50px;
}
/*MarginRight*/
.margin_r05 {
margin-right: 5px;
}
.margin_r10 {
margin-right: 10px;
}
.margin_r15 {
margin-right: 15px;
}
.margin_r20 {
margin-right: 20px;
}
/*MarginLeft*/
.margin_l05 {
margin-left: 50px;
}
.margin_l10 {
margin-left: 10px;
}
.margin_l15 {
margin-left: 15px;
}
.margin_l20 {
margin-left: 20px;
}
/*Margin_device*/
.margin-xs-b10 {
margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
.margin-xs-b10 {
margin-bottom: 0px;
}
}
/*------------------------------------------------------------ClearFix*/
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*------------------------------------------------------------Hoverimg*/
a img.hoverimg {
transition: all 0.5s;
}
@media print, screen and (min-width:768px) {
a:hover img.hoverimg {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
}
/*------------------------------------------------------------other*/
/*Pagetop*/
#pagetop {
position: fixed;
bottom: 20px;
right: 0;
}
#pagetop img {
width: 40px;
height: auto;
}
@media print, screen and (min-width:768px) {
#pagetop {
position: fixed;
bottom: 0;
right: 0;
}
#pagetop img {
width: auto;
height: auto;
}
}
.sp_none {
display: none;
}
@media print, screen and (min-width:768px) {
.sp_none {
display: inline;
}
.pc_none {
display: none;
}
}
.diagonal {
display: inline-block;
transform: rotate(0.05deg);
}
.tel-link a {
text-decoration: none !important;
color: #000 !important;
}
@media print, screen and (min-width:768px) {
.anchor_point {
margin-top: -60px;
padding-top: 60px;
}
}
.tx_box p {
margin-bottom: 10px;
}
.tx_box p:last-child {
margin-bottom: 0;
}
@media print, screen and (min-width:768px) {
.tx_box p {
margin-bottom: 20px;
}
}
/*20240705霑ｽ蜉�------------------------------------------------------------陦ｨ遉ｺ繝ｻ髱櫁｡ｨ遉ｺ蛻�ｊ譖ｿ縺�*/
.sp_none {
display: none;
}
@media print, screen and (min-width:768px) {
.pc_none {
display: none;
}
.sp_none {
display: inline-block;
}
}
#header .tel-link a {
color: #fff !important;
text-decoration: none !important;
}
#contact .co_address_tel .tel-link a {
color: #fff !important;
text-decoration: none !important;
background: none;
padding: 0;
}
footer .tel-link a {
color: #000 !important;
text-decoration: none !important;
}
.company_profile .tel-link a {
color: #000 !important;
text-decoration: none !important;
}
.tel-link {
text-decoration: none;
}
/*------------------------------------------------------------繝懊ち繝ｳ*/
a.btn_01 {
display: inline-block;
text-decoration: none;
border: 2px solid #016837;
border-radius: 8px;
background: #fff;
color: #016837;
padding: 10px 35px;
transition: all 0.3s ease;
}
a:hover.btn_01 {
background: #016837;
color: #fff;
}
a.btn_02 {
display: inline-block;
text-decoration: none;
border: 2px solid #016837;
border-radius: 8px;
background: #016837;
color: #fff;
padding: 10px 0;
width: 150px;
font-size: 15px;
transition: all 0.3s ease;
}
a:hover.btn_02 {
background: #fff;
color: #016837;
}
/*------------------------------------------------------------繧ｳ繝ｳ繧ｿ繧ｯ繝�*/
#contact {
background-image: conic-gradient(#f2f4ee 0deg 90deg, #fafaf6 90deg 180deg, #f2f4ee 180deg 270deg, #fafaf6 270deg 360deg);
background-size: 40px 40px;
}
.contact_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact_wrap .co_pic figure img {
width: 100%;
height: auto;
max-width: 350px;
border-radius: 8px;
}
.contact_wrap .co_address {
width: 100%;
height: auto;
max-width: 350px;
border-radius: 8px;
color: #fff;
background: #016837;
padding: 20px;
margin: 20px 0 0 0;
text-align: center;
}
.contact_wrap .co_address .co_address_tx {
line-height: 3rem;
margin: 0 0 20px 0;
}
.contact_wrap .co_address .add_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact_wrap .co_address .co_address_tel img {
margin: 0 10px 0 0;
}
.contact_wrap .co_address .co_address_tel {
font-size: 3rem;
margin: 0 0 20px 0;
display: flex;
align-items: center;
}
.contact_wrap .co_address .co_address_tel span {}
.contact_wrap .co_address .co_address_tel span .tel_hyphen {
vertical-align: 5px;
}
.contact_wrap .co_address h3 {
width: 100%;
height: auto;
max-width: 350px;
border-radius: 8px;
font-weight: bold;
color: #016837;
background: #fff;
padding: 5px 20px;
margin: 0 0 20px 0;
}
.contact_wrap .co_address a {
display: inline-block;
background: #fff;
color: #016837;
text-decoration: none;
padding: 10px 30px;
border-radius: 8px;
}
.contact_wrap .co_address a i {
vertical-align: -3px;
font-size: 18px;
margin: 0 0 0 5px;
}
@media print, screen and (min-width:768px) {
.contact_wrap {
display: flex;
justify-content: space-between;
}
.contact_wrap .co_pic figure img {
max-width: 565px;
}
.contact_wrap .co_address {
max-width: 565px;
padding: 20px;
margin: 0;
text-align: center;
}
.contact_wrap .co_address h3 {
font-size: 23px;
max-width: 100%;
letter-spacing: -0.2rem;
padding: 15px 0;
margin: 0 0 20px 0;
}
.contact_wrap .co_address .add_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.contact_wrap .co_address .co_address_tel {
font-size: 38px;
}
}
/*------------------------------------------------------------繝上う繝輔Φ菴咲ｽｮ*/
.common_hyphen {
vertical-align: 2px;
}
/*------------------------------------------------------------Photo positiopn*/
.ph_cent {
text-align: center;
}
.ph_cent img {
margin-bottom: 10px;
margin: 0 auto;
}
.ph_left {
float: left;
margin-right: 10px;
}
.ph_right {
float: right;
margin-left: 10px;
}
.ph_left img, .ph_right img {
display: inline-block;
}
/*--------------------------------莨壼藤逋ｻ骭ｲ豕ｨ諢乗枚*/
.member_attention {
text-align: center;
padding: 10px;
border: 3px solid #C33;
background: #fff;
}
.member_attention p strong.red {
color: #C33;
font-weight: bold;
}
.member_attention p.emphasis {
font-size: 1.5em;
margin: 0px auto;
}
@media print, screen and (min-width:768px) {
.member_attention {
padding: 15px;
border: 3px solid #C33;
}
.member_attention p strong.red {
color: #C33;
font-weight: bold;
}
}