@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
/*-----------------------------------------------------
全体共通
-------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, div, address  {
font-family: 'Zen Maru Gothic', serif;
font-feature-settings: "palt";
letter-spacing: -0.02em;
font-weight: normal;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
border-radius: 5px;
box-shadow: 0 0 4px #ccc inset;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #006934;
background: #efc0b9;
background: #ffa6a4;
}
.wba {
word-break: break-all!important;
overflow-wrap: break-word;
max-width: 100%;
}


/*====================================================================
 pagetopbtn_common
====================================================================*/
#ptbtn {
	position:fixed;
	bottom: 30px;
	right:5px;
	display:none;
	z-index:1000;
}
#ptbtn img {
width: 50px;
height: 50px;
}


header {
background-color: #fff;
width: 100%;
margin: 0 auto;
border-top:3px #FABE00 solid;
}
header #hd_logo {
padding: 10px;
text-align: left;
}
header #hd_logo img {
max-width: 243px;
}

footer {
width: 100%;
margin: 0 auto;
padding: 15px 0 50px 0;
background-color: #fabe00;
}
#copyright {
font-size: 12px;
text-align: center;
padding: 10px 0 0;
}
#yw_top {
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#yw_top img {
max-width: 149px;
width: 70%;
}

.color_gr {
color: #006934;
}

.ot_block a,.bokin_kiyaku a {
color: #E60012;
}
.txtred {
color: #c20d23;
}
.fwb {
font-weight: bold;
font-weight: 500;
font-weight: 700;
}
img {
transition: .3s;
}
a img:hover {
opacity: 0.6;
}
.mt50 {
margin-top: 50px;
}


/* 768px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
body {
	-webkit-text-size-adjust: 100%;
	min-width: 320px;
}

.part_pc {
	display: none!Important;
}
#wrapper {
width: 100%;
margin: 0 auto;
background-color: #f2f0e2;
padding-bottom: 100px;
}
#wrapper2 {
width: 100%;
margin: 0 auto;
background-color: #fff;
}
#wrapper0 {
width: 100%;
position: relative;
}

/*-----------------------------------------------------
main
-------------------------------------------------------*/
h1 {
display: none;
}
#mainv {
width: 100%;
margin: 0 auto;
}

/*-----------------------------------------------------
nav
-------------------------------------------------------*/
ul.anc_nav_sp {
width: 100%;
margin: 0 auto;
display: flex;
z-index: 10;
justify-content: space-between;
position: -webkit-sticky; 
position: sticky;
top: 0; 
background-color: #fff;
box-shadow: 0 1px 5px #333;
box-sizing: border-box;
}
ul.anc_nav_sp li {
width: 33%;
background:#e8e1b8 url('../img/icon_hand.png') no-repeat  center 8px / 26px 26px;
text-align: center;
font-size: 15px;
line-height: 1.2;
letter-spacing: 0;
}
ul.anc_nav_sp li span {
font-size: 13px;
}
ul.anc_nav_sp li a {
display: block;
text-decoration: none;
color: #000;
padding: 40px 0 10px;
}


ul.anc-nav {
display: none!important;
width: 100%;
margin: 0 auto 50px;
display: flex;
flex-direction: column;
}
.anc-nav li {
width: 100%;
transition: .3s;
background:#e8e1b8 url('../img/icon_hand.png') no-repeat  20px center / 30px 30px;
font-size: 18px;
line-height: 1;
box-shadow: 4px 5px 0 #ddd;
margin-bottom: 15px;
}
.anc-nav li a{
display: block;
padding: 10px 0 10px 50px;
text-decoration: none;
color: #000;
}
.anc-nav li span {
font-size: 15px;
}

.anc-nav li a:hover {
opacity: .6;
background:url('../img/icon_hand.png') no-repeat  20px center / 45px 45px;
}


/*-----------------------------------------------------
img
-------------------------------------------------------*/
.img_responsive img {
width: 100%;
height: auto;
}
.img_qr  {
display: none!important;
}

.img_stm {
width: 100%;
margin: 0 auto 10px;
text-align: center;
}
.img_stm img {
height: 120px;
width: auto;
}
.img_20 {
margin: 20px auto;
}
.bokin_gamen {
width:100%;
margin: 0 auto;
padding-bottom: 10px;
}
.img_qr img {
border: 1px solid #555;
}
.icon2 {
width: 100%;
margin: 10px auto;
text-align: center;
}
.icon2 img {
width: 130px;
height: auto;
}
.naze_img {
width: 50%;
margin: 0 auto;
}



/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents_area {
width: 92%;
margin: 0 auto;
background-color: #fff;
}
.contents_inner {
padding: 20px;
}
.contents_inner2 {
padding: 50px  0 0;
}
.stm_box {
width: 100%;
margin: 0 auto;
position: relative;
}
.naze_box {
width: 100%;
margin: 0 auto;
background-color: #f7f6f0;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding: 30px 0;
}
.naze_kakomi {
width: 86%;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.naze_kakomi .item1 {
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #555;
display: flex;
align-items: center;
}
.naze_kakomi .item2 {
padding-top: 20px;
width: 100%;
margin: 0 auto;
}
.skd_box {
width: 100%;
margin: 20px  auto;
display: block;
}
.item_label {
width: 95px;
background-color: #f4cf71;
text-align: center;
font-size: 15px;
color: #000;
line-height: 1;
padding: 7px 0;
margin-bottom: 5px;
}
.item_label2 {
width: 190px;
background-color: #f4cf71;
text-align: center;
font-size: 15px;
color: #000;
line-height: 1;
padding: 7px 0;
}
.label_cont {
width: 100%;
}
.label_cont2 {
width: 100%;
}
.biko_box {
padding: 20px;
box-sizing: border-box;
border: 1px solid #333;
border-radius: 7px;
height: 200px;
overflow-y: scroll;
}
.howto_kakomi {
width: 100%;
margin: 0 auto 30px;
}
.kifu_box {
width: 100%;
margin: 20px auto;
box-sizing: border-box;
background-color: #f2f2f2;
padding: 10px;
border-radius: 10px;
}
.pre_box {
width: 100%;
margin: 50px auto 0;
display: flex;
flex-direction: column;
}
.bokin_kiyaku {
width: 100%;
margin: 0 auto 20px;
height: 270px;
overflow-y: scroll;
padding: 10px;
border:1px solid #ccc;
background-color: #fff;
}
.bokin_kiyaku a {
font-size: 95%;
}
.item_55 {
width: 100%;
}
.item_45 {
width: 100%;
margin: 20px auto 0;
}
.past_ttl_block {
position: relative;
}

/*-----------------------------------------------------
txt-style
-------------------------------------------------------*/
.btn_nekopunch {
width: 100%;
margin: 20px auto;
}
.ttl_stm {
font-size: 26px;
font-weight: bold;
font-weight: 700;
line-height: 1.5;
padding-bottom: 10px;
}
span.marker {
    background: linear-gradient(transparent 70%, #ffa6a4 70%);
}

.stm_honbun{
font-size: 17px;
line-height: 1.7;
padding-bottom: 25px;
}
.honbun0{
font-size: 17px;
line-height: 1.6;
}
.honbun1{
font-size: 15px;
line-height: 1.6;
}
.honbun2{
font-size: 14px;
line-height: 1.6;
}
.honbun3{
font-size: 13px;
line-height: 1.6;
}
.honbun4{
font-size: 13px;
line-height: 1.6;
}
.honbun0 span,.honbun1 span,.honbun2 span,.honbun3 span,.honbun4 span {
font-size: 86%;
}
.txt_caption {
font-size: 11px;
line-height: 1.4;
}
.txt_ctr {
text-align: center;
}
.txt_wb {
font-weight: bold;
font-weight: 500;
}
.naze_ttl {
font-size: 18px;
color: #555;
line-height: 1.5;
}
.naze_rsn {
font-size: 17px;
color: #555;
padding: 10px 0 20px;
line-height: 1.4;
}
.naze_honbun {
font-size: 15px;
color: #555;
line-height: 1.6;
padding-bottom: 10px;
}
.naze_kanshu {
font-size: 13px;
color: #666;
}

.ttl_ribbon {
  display: inline-block;
  position: relative;
  height: 90px;/*高さ*/
  text-align: center;
  background:#e8e1b8 url('../img/icon_hand.png') no-repeat  10px center / 35px 35px;
  box-sizing: border-box;
  width: 98%;
}
.ttl_ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ttl_ribbon:after {
  top: 0;
  right: 0;
  border-width: 50px 30px 50px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
h2 {
position: absolute;
    top: 50%;
    left: 45px;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    font-weight: 700;
    line-height:1;
    text-align: left;
}
h2 span {
font-size: 13px;
}
.line_txtlink,.line_txtlink2 {
transition: .3s;
}
.line_txtlink a:hover,.line_txtlink2 a:hover {
opacity: 0.6;
}
.line_txtlink a {
font-size: 16px;
color: #7A6A56;
text-decoration: underline;
display: inline-block;
}
.line_txtlink2 a {
font-size: 16px;
color: #000;
text-decoration: underline;
display: inline-block;
padding: 20px 0;
}
.bokin_mokuhyo {
font-size: 30px;
color: #c20d23;
text-align: center;
padding: 30px 0 0;
}
.bokin_mokuhyo span {
font-size: 200%;
}
h3 {
font-size: 18px;
text-align: center;
font-weight: bold;
font-weight: 500;
padding-bottom: 20px;
color: #231815;
position:relative;
}
h3::before {
content:url("../img/icon_ttl.png");
position:absolute;
top:-55px;
left:0;
right:0;
transform: scale(0.5);
}
h3 span {
font-size: 14px;
}
h4 {
font-size: 18px;
line-height: 1.6;
font-weight: bold;
font-weight: 500;
}
h4  span {
font-size: 24px;
}
.past_ttl {
font-size: 20px;
font-weight: bold;
font-weight: 500;
line-height: 1.8;
}


/*-----------------------------------------------------
youtube
-------------------------------------------------------*/
.mv_box {
margin: 10px auto 20px;
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 10px;
}
.mv_box iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*-----------------------------------------------------
pastlist
-------------------------------------------------------*/

ul.past_list {
width: 100%;
margin: 50px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.past_list  li {
margin-bottom: 10px;
width: 49%;
background-color: #3E3A39;
transition: .3s;
border-radius: 5px;
}
.past_y {
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;
}
.past_img {
width: 95%;
margin: 0 auto 10px;
}
ul.past_list  li a {
text-decoration: none!important;
}


/*-----------------------------------------------------
slider
-------------------------------------------------------*/
#howbokin {
width: 100%;
margin: 0 auto 30px;
padding-bottom: 50px;
}

#howbokin div {
	margin: 0 auto 10px;
}
#howbokin div img {
width: 100%;
height: auto;
background-color: #fff;
}


.slide-dots {
  margin: -20px 0 0 0;
  padding: 0;
  text-align: center;
}
.slide-dots li {
  display: inline-block;
  margin: 0 15px;
}
.slide-dots li button {
  position: relative;
 text-indent: -9999px;
}
.slide-dots li button::before {
  background-image: url(../img/slider_dot_off.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 20px;
}
.slide-dots li.slick-active button::before {
  background-image: url(../img/slider_dot.png);
}


#nekoposlider {
width: 100%;
margin: 0 auto 50px;
}

#nekoposlider div {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#nekoposlider div img {
width: 100%;
height: auto;
margin-bottom: 20px;
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0 7px;
}

.slick-arrow:before{
	content:""!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(../img/arrow_r.png)!important;
    background-size: contain!important;
}

.slick-prev:before{
    background: url(../img/arrow_l.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:2!important;
    width:40px!important;
    height:40px!important;
}

.slick-next{
    right:-40px!important;
	transition: .3s;
}

.slick-prev{
    left:-40px!important;
	transition: .3s;
}
.slick-next a:hover,.slick-prev a:hover {
opacity: 0.7;
}

/*-----------------------------------------------------
modal
-------------------------------------------------------*/
#modal {
display: none;
}
.sd_box {
width: 100%;
margin: 0 auto;
}
.sd_box .sd_ttl {
font-size: 20px;
font-weight: 500;
background-color: #f4cf71;
padding: 10px;
text-align: center;
}
.sd_kakomi {
width: 100%;
margin: 20px auto;
display: block;
}
.sd_item1 {
width: 100%;
font-size: 16px;
line-height: 1.8;
padding-bottom: 20px;
}
.sd_item2 {
width: 50%;
margin: 0 auto;
}
.sd_item2 img {
width: 100%;
}
.sd_cap {
font-size: 14px;
}
.sd_cap a {
color: #000;
text-decoration: underline;
transition: .3s;
font-weight: 500;
}
.sd_cap a:hover {
opacity: 0.7;
}


}


/* 769px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
body {
	min-width: 1200px;
}
.part_sp {
	display: none!Important;
}
a {
	transition: .5s;
}

#wrapper {
width: 100%;
margin: 0 auto;
background-color: #f2f0e2;
padding-bottom: 100px;
}
#wrapper2 {
width: 100%;
margin: 0 auto;
background-color: #fff;
}
/*-----------------------------------------------------
main
-------------------------------------------------------*/
h1 {
display: none;
}
#mainv {
width: 100%;
margin: 0 auto;
min-width: 1200px;
}

/*-----------------------------------------------------
nav
-------------------------------------------------------*/
ul.anc_nav_sp {
display: none!important;
}
ul.anc-nav {
width: 100%;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.anc-nav li {
width: 32%;
transition: .3s;
background:#e8e1b8 url('../img/icon_hand.png') no-repeat  20px center / 45px 45px;
font-size: 24px;
line-height: 1;
display: flex;
align-items: center;
box-shadow: 4px 5px 0 #ddd;
border-radius: 100vh;
position: relative;
}
.anc-nav li a{
display: block;
padding: 20px 0 20px 70px;
text-decoration: none;
color: #000;
}
.anc-nav li span {
font-size: 18px;
}

.anc-nav li a:hover {
opacity: .6;
background:url('../img/icon_hand.png') no-repeat  20px center / 45px 45px;
}

/*-----------------------------------------------------
img
-------------------------------------------------------*/
.img_responsive img {
width: 100%;
height: auto;
}
.img_stm {
position: absolute;
right: 20px;
top: 20px;
}
.img_stm img {
height: 158px;
width: auto;
}
.img_20 {
margin: 20px auto;
}
.bokin_gamen {
width: 600px;
margin: 0 auto;
padding-bottom: 10px;
}
.img_qr {
width: 160px;
margin: 20px auto 50px;
}
.img_qr img {
border: 1px solid #555;
}
.icon2 {
position: absolute;
right: 20px;
top: 0;
}
.icon2 img {
width: 167px;
height: auto;
}

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents_area {
width: 960px;
margin: 0 auto;
background-color: #fff;
}
.contents_inner {
padding: 25px;
}
.contents_inner2 {
padding: 50px  0 0;
}
.stm_box {
width: 100%;
margin: 0 auto;
position: relative;
}
.naze_box {
width: 100%;
margin: 0 auto;
background-color: #f7f6f0;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding: 50px 0;
}
.naze_kakomi {
width: 880px;;
margin: 0 auto;
display: flex;
}
.naze_kakomi .item1 {
width: 280px;
padding-right: 20px;
border-right: 1px solid #000;
}
.naze_kakomi .item2 {
padding-left: 20px;
}
.skd_box {
width: 100%;
margin: 20px  auto;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.item_label {
width: 95px;
background-color: #f4cf71;
text-align: center;
font-size: 18px;
color: #000;
line-height: 1;
padding: 7px 0;
}
.item_label2 {
width: 190px;
background-color: #f4cf71;
text-align: center;
font-size: 18px;
color: #000;
line-height: 1;
padding: 7px 0;
}
.label_cont {
padding-left: 20px;
width: calc(100% - 115px);
}
.label_cont2 {
padding-left: 20px;
width: calc(100% - 210px);
}
.biko_box {
width: calc(100% - 40px);
padding: 20px;
box-sizing: border-box;
border: 1px solid #333;
border-radius: 7px;
height: 200px;
overflow-y: scroll;
}
.bokin_kiyaku {
width: calc(100% - 80px);
margin: 0  auto;
height: 270px;
overflow: auto;
background-color: #fff;
border:1px solid #ccc;
padding: 20px;
}
.howto_kakomi {
width: 820px;
margin: 0 auto 30px;
}
.kifu_box {
width: calc(100% - 40px);
margin: 20px auto;
box-sizing: border-box;
background-color: #f2f2f2;
padding: 20px;
border-radius: 10px;
}
.pre_box {
width: 100%;
margin: 50px auto 0;
display: flex;
}
.item_55 {
width: 55%;
}
.item_45 {
width: 40%;
}
.past_ttl_block {
position: relative;
}


/*-----------------------------------------------------
txt-style
-------------------------------------------------------*/
.btn_nekopunch {
display: none!important;
}
.ttl_stm {
font-size: 40px;
font-weight: bold;
font-weight: 700;
line-height: 1.5;
padding-bottom: 50px;
}
span.marker {
    background: linear-gradient(transparent 70%, #ffa6a4 70%);
}

.stm_honbun{
font-size: 20px;
line-height: 2;
padding-bottom: 25px;
}
.honbun0{
font-size: 20px;
line-height: 1.6;
}
.honbun1{
font-size: 18px;
line-height: 1.6;
}
.honbun2{
font-size: 16px;
line-height: 1.6;
}
.honbun3{
font-size: 14px;
line-height: 1.6;
}
.honbun4{
font-size: 13px;
line-height: 1.6;
}
.honbun0 span,.honbun1 span,.honbun2 span,.honbun3 span,.honbun4 span {
font-size: 86%;
}
.txt_caption {
font-size: 12px;
line-height: 1.4;
}
.txt_ctr {
text-align: center;
}
.txt_wb {
font-weight: bold;
font-weight: 500;
}
.naze_ttl {
font-size: 28px;
color: #555;
line-height: 1.5;
}
.naze_rsn {
font-size: 20px;
color: #555;
padding: 10px 0 20px;
}
.naze_honbun {
font-size: 16px;
color: #555;
line-height: 1.8;
padding-bottom: 10px;
}
.naze_kanshu {
font-size: 14px;
color: #666;
}

.ttl_ribbon {
  display: inline-block;
  position: relative;
  height: 100px;/*高さ*/
  text-align: center;
  background:#e8e1b8 url('../img/icon_hand.png') no-repeat  20px center / 45px 45px;
  box-sizing: border-box;
  width: 920px;
}
.ttl_ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ttl_ribbon:after {
  top: 0;
  right: 0;
  border-width: 50px 30px 50px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
h2 {
position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    font-size: 36px;
    font-weight: bold;
    font-weight: 700;
    line-height:1;
    text-align: left;
}
h2 span {
font-size: 20px;
}
.line_txtlink,.line_txtlink2 {
transition: .3s;
}
.line_txtlink a:hover,.line_txtlink2 a:hover {
opacity: 0.6;
}
.line_txtlink a {
font-size: 16px;
color: #7A6A56;
text-decoration: underline;
display: inline-block;
}
.line_txtlink2 a {
font-size: 16px;
color: #000;
text-decoration: underline;
display: inline-block;
padding: 20px 0 0;
}
.bokin_mokuhyo {
font-size: 40px;
color: #c20d23;
text-align: center;
padding: 50px 0 0;
}
.bokin_mokuhyo span {
font-size: 200%;
}
h3 {
font-size: 27px;
text-align: center;
font-weight: bold;
font-weight: 500;
padding-bottom: 20px;
color: #231815;
position:relative;
}
h3::before {
content:url("../img/icon_ttl.png");
position:absolute;
top:-55px;
left:0;
right:0;
transform: scale(0.5);
}
h3 span {
font-size: 16px;
}
h4 {
font-size: 24px;
line-height: 1.6;
font-weight: bold;
font-weight: 500;
}
h4  span {
font-size: 36px;
}
.past_ttl {
font-size: 36px;
font-weight: bold;
font-weight: 500;
line-height: 1.8;
}

/*-----------------------------------------------------
youtube
-------------------------------------------------------*/
.mv_box {
width: 960px;
margin: 0 auto 50px;
}
.mv_box iframe {
width: 960px;
height: 540px;
}

/*-----------------------------------------------------
pastlist
-------------------------------------------------------*/
ul.past_list {
width: 100%;
margin: 50px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.past_list  li {
margin-bottom: 20px;
width: 49%;
background-color: #3E3A39;
transition: .3s;
border-radius: 5px;
}
.past_y {
font-size: 22px;
color: #fff;
text-align: center;
padding: 10px 0;
}
.past_img {
width: 95%;
margin: 0 auto 10px;
}
ul.past_list  li a {
text-decoration: none!important;
}




/*-----------------------------------------------------
slider
-------------------------------------------------------*/
#howbokin {
width: 640px;
margin: 0 auto 150px;
}

#howbokin div {
margin-bottom: 10px;
}
#howbokin div img {
width: 100%;
height: auto;
background-color: #fff;
}


.slide-dots {
  margin: 0;
  padding: 0;
  text-align: center;
}
.slide-dots li {
  display: inline-block;
  margin: 0 20px;
}
.slide-dots li button {
  position: relative;
 text-indent: -9999px;
}
.slide-dots li button::before {
  background-image: url(../img/slider_dot_off.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 30px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;
}
.slide-dots li.slick-active button::before {
  background-image: url(../img/slider_dot.png);
}


#nekoposlider {
width: 1200px;
margin: 0 auto 50px;
}

#nekoposlider div {
	height: auto;
	margin: 0 auto;
}
#nekoposlider div img {
width: calc(100% - 40px);
height: auto;
margin: 0 auto;
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0 7px;
}

.slick-arrow:before{
	content:""!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(../img/arrow_r.png)!important;
    background-size: contain!important;
}

.slick-prev:before{
    background: url(../img/arrow_l.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:2!important;
    width:40px!important;
    height:40px!important;
}

.slick-next{
    right:-40px!important;
	transition: .3s;
}

.slick-prev{
    left:-40px!important;
	transition: .3s;
}
.slick-next a:hover,.slick-prev a:hover {
opacity: 0.7;
}

/*-----------------------------------------------------
modal
-------------------------------------------------------*/
#modal {
display: none;
}
.sd_box {
width: 100%;
margin: 0 auto;
}
.sd_box .sd_ttl {
font-size: 24px;
font-weight: 500;
background-color: #f4cf71;
padding: 10px;
text-align: center;
}
.sd_kakomi {
width: 100%;
margin: 20px auto;
display: flex;
}
.sd_item1 {
width: 68%;
font-size: 16px;
line-height: 1.8;
padding-right: 20px;
}
.sd_item2 {
width: 30%;
text-align: right;
}
.sd_item2 img {
width: 100%;
}
.sd_cap {
font-size: 14px;
}
.sd_cap a {
color: #000;
text-decoration: underline;
transition: .3s;
font-weight: 700;
}
.sd_cap a:hover {
opacity: 0.7;
}



}