@charset "utf-8";
.l-header-logo:before{
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    font-size: 16px;
    padding: 0 .5rem;
    line-height: 1.4;	
  margin-right:1rem;
}
.l-footer-bottom__copy a:before {
  content: "【PR】";
}
.caption {
	font-size: 12px;
	color: #999;
	word-break: break-all;
}

.twitter-tweet.twitter-tweet-rendered {
    margin: 10px auto;
}
.cat-link {
    width: 90%;
    margin: 0 auto;
    border: 2px solid #c7bbac;
    padding: 15px;
}
.official .partTtl br {
    display: none;
}
.cat-link a {
    display: block;
    margin-bottom: 5px;
}
._2p3a {
    min-width: unset !important;
    width: unset !important;
}
.official iframe {
    margin: 0 auto;
    display: block !important;
    width: 300px !important;
    height: 400px !important;
}
.uiScaledImageContainer._2zfr {
    width: 300px !important;
}

div#u_0_1_sk {
    width: 300px !important;
}

div#u_0_4_Nq {
    width: 300px !important;
}
.fb_iframe_widget {
    margin: 0 auto !important;
    display: block !important;
    width: 300px !important;
    height: 400px !important;
}
/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/


.l-main-area .btn-map-pc {
  margin: 30px auto 0 auto;
  padding: 0;
  display: block;
  text-align: center;
  border: 1px dashed #000;
  width: 90%;
}
.l-main-area .btn-map-pc a {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 27px 50px 25px 20px;
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  z-index: 10;
}
.l-main-area .btn-map-pc a:before {
  background: #301d19;
  content: "";
  display: block;
  width: 100.5%;
  height: 102%;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  background-size: 25px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.l-main-area .btn-map-pc a:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-main-area .btn-map-pc a:after {
  content: '';
  width: 23px;
  height: 23px;
  background: #301d19 url(img/icon_win_white.svg) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.l-main-area .btn-map-sp{
	display: none;
}

.l-main-area .btn-map2-pc {
  margin: 50px auto;
  padding: 0;
  display: block;
  text-align: center;
  border: 1px dashed #000;
  width: 50%;
}
.l-main-area .btn-map2-pc a {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 27px 50px 25px 20px;
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  z-index: 10;
}
.l-main-area .btn-map2-pc a:before {
  background: #301d19;
  content: "";
  display: block;
  width: 100.5%;
  height: 102%;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  background-size: 25px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.l-main-area .btn-map2-pc a:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-main-area .btn-map2-pc a:after {
  content: '';
  width: 23px;
  height: 23px;
  background: #301d19 url(img/icon_win_white.svg) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.l-main-area .btn-map2-sp{
  display: none;
}
.official{
  /* padding: 20px 100px!important; */
  /* background:#f5f5f559!important; */
  /* border-radius: 30px 30px 30px 30px!important; */
}
.official h4{
  margin: 30px 0;
  padding: 0 0 0 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #666;
  line-height: 1.4;
  border-left: solid 7px #f57b8c;
  border-bottom: none;
}


.official li{
text-align:left!important;
}

.official .partTtl{
  /* background  : #fcfcfc!important; */
  /* padding     : 20px!important; */
}
.official .partTtl{
  /* display     : inline-block!important; */
  /* font-size   : 30px!important; */
  /* margin:0px !important; */
  /* font-weight : bold!important; */
  /* color       : #ffffff!important; */
  /* text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777; */
}
.official .partTtl:before{
display:none;
}
.center{
	text-align:center!important;
}
.right{
	text-align:right!important;
}
	 .heading{/* padding: 0rem 1rem!important; *//* border-left: 6px double #000!important; */font-weight: bold!important;}

ul.column_record{display:block;/* width:90%; *//* margin:auto; *//* max-height:300px; *//* overflow-y: scroll; */ padding:10px;/* border:solid 1px #FFCC00; */ margin-bottom:15px;background: #fff;padding: 0;border: solid 10px #f6f4f2;}
ul.column_record li{display:block; background:none;border-bottom: solid 10px #f6f4f2;margin: 0;padding: 1rem 3rem;}
ul.column_record li::before{content:none;}
ul.column_record li span.day{font-size:small; display:block; background:none; color:#000;width:120px;margin:0px;}

.mini{
	font-size:10px;
	text-align:right;
}
.wr_two-box{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.wr_two-box .wr_box{
    border: 1px solid #333;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 48%;
    padding: 10px;
    float: left;
    margin-right: 10px;
    background: #fff;
}
.wr_two-box .wr_box.wr_left_box{
    float: left;
    margin-right: 10px;
}
.wr_two-box .wr_box.wr_right_box{
    float: right;
    margin-left: 10px;
}
.wr_two-box .wr_box .wr_box-head{
    font-size: 16px;
    font-weight: bold;
    color: #935B2B;

    text-align: center;
    border-bottom: 1px solid #333;
    padding: 10px;
}
.wr_two-box .wr_box .wr_box-body{
    color: #333;
    text-align: left;
    padding: 10px;
}
.wr_two-box .wr_box .wr_box-body .in_link_btn{
    display: none;
}

	.l-parts06-info{
		float: none;
	}
	.l-parts06-box__content {
        margin: auto;
	}
#toc {
    width: 50%;
    margin: 0 auto 3rem;
    display: block;
    padding: 1rem 2rem;
    border: solid 4px #e7e2e0;
    background: white;
}


div#toc li {
    margin-top: 4px;
    font-size: 12px;
    list-style: none;
}


#toc:before {
    content: "目次";
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 16px;
}
br.sp {
    display: none;
}
}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

.l-main-area .btn-map-pc {
    display: none;
  }

.l-main-area .btn-map-sp {
  margin: 30px auto 0 auto;
  padding: 0;
  display: block;
  text-align: center;
  border: 1px dashed #000;
  width: 90%;
}

.l-main-area .btn-map-sp {
    width: 90%;
    margin: 3.0rem auto;
  }
  .l-main-area .btn-map-sp a {
    padding: 22px 50px 20px 20px;
    text-align: left;
    font-size: 1.6rem;
  }

  .l-main-area .btn-map-sp a {
  width: 100%;
  position: relative;
  margin: 0;
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  z-index: 10;
}

  .l-main-area .btn-map-sp a:before {
    background: #301d19;
    content: "";
    display: block;
    width: 100.5%;
    height: 102%;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -1;
    background-size: 25px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
  .l-main-area .btn-map-sp a:before {
    background-size: 25px 25px;
  }

.l-main-area .btn-map2-pc {
    display: none;
  }

.l-main-area .btn-map2-sp {
  margin: 30px auto 0 auto;
  padding: 0;
  display: block;
  text-align: center;
  border: 1px dashed #000;
  width: 90%;
}

.l-main-area .btn-map2-sp {
    width: 90%;
    margin: 3.0rem auto;
  }
  .l-main-area .btn-map2-sp a {
    padding: 22px 50px 20px 20px;
    text-align: left;
    font-size: 1.6rem;
  }

  .l-main-area .btn-map2-sp a {
  width: 100%;
  position: relative;
  margin: 0;
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  z-index: 10;
}

  .l-main-area .btn-map2-sp a:before {
    background: #301d19;
    content: "";
    display: block;
    width: 100.5%;
    height: 102%;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -1;
    background-size: 25px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
  .l-main-area .btn-map2-sp a:before {
    background-size: 25px 25px;
  }

.l-main-area .wr01_table-scroll{
    margin: 20px 0px;
    width: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    overflow-x: scroll;
}
.l-main-area .wr01_table-scroll::-webkit-scrollbar{
    height: 10px;
}
.l-main-area .wr01_table-scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
    border-radius: 5px;
}
.l-main-area .wr01_table-scroll::-webkit-scrollbar-thumb{
    background: #bcbcbc;
    border-radius: 5px;
}
.l-main-area .wr01_table-scroll table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    font-size: 14px;
    width: 100%;
    margin: 0;
    border: none;
}
.l-main-area .wr01_table-scroll table th,
.l-main-area .wr01_table-scroll table td{
    border: 1px solid #d9d9d8;
    text-align: center;
    word-break: break-all;
    vertical-align: middle;
    padding: 20px;
}
.l-main-area .wr01_table-scroll table th{
    font-weight: bold;
}
.l-main-area .wr01_table-scroll table th, .l-main-area .wr01_table-scroll table td {
    padding: 10px 10px;
}
.l-main-area .wr01_table-scroll table tr {
    display: table-cell;
}
	.pc {
		display:none;
	}
.l-main-area .wr01_table-scroll th.campaign,td.campaign {
    height: 130px;
}
	.official{
  /* background:#f5f5f559!important; */
  /* border-radius: 30px 30px 30px 30px!important; */
  /* padding: 10%!important; */
}
.official h4{
  margin: 30px 0;
  padding: 0 0 0 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #666;
  line-height: 1.4;
  border-left: solid 7px #f57b8c;
  border-bottom: none;
}

.official .partTtl{
  /* background  : #fcfcfc!important; */
  /* padding     : 20px!important; */
}
.official .partTtl{
  /* display     : inline-block!important; */
  /* font-size : 30px!important; */
  /* margin:0px !important; */
  /* font-weight : bold!important; */
  /* color       : #ffffff!important; */
  /* text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777; */
}
.official .partTtl:before{
display:none!important;
}
.center{
	text-align:center!important;
}
.right{
	text-align:right!important;
}


	.fb-container {
		width: 50%!important;
	}
		 .heading{/* padding: 0rem 1rem!important; *//* border-left: 6px double #000!important; */font-weight: bold!important;}
ul.column_record{display:block;/* width:90%; *//* margin:auto; *//* max-height:300px; *//* overflow-y: scroll; *//* padding:10px; */border: solid 10px #f6f4f2;/* margin-bottom:15px; */background: #fff;}
ul.column_record li{display:block; background:none;border-bottom: solid 10px #f6f4f2;margin: 0;padding: 1rem;}
ul.column_record li::before{content:none;}
ul.column_record li span.day{font-size:small; display:block; background:none; color:#000;width:120px;margin:0px;}
	.wr_two-box{
    display: block;
    flex-wrap:nowrap;
}
.wr_two-box .wr_box{
    border: 1px solid #333;
    position: relative;
    width: auto;
    vertical-align: middle;
    padding: 10px;
    background: #fff;
}
.wr_two-box .wr_box.wr_left_box,
.wr_two-box .wr_box.wr_right_box{
    float: none;
    margin: 0 0 20px 0;
}
.wr_two-box .wr_box .wr_box-head{
    font-size: 16px;
    font-weight: bold;
    color: #935B2B;
    text-align: center;
    border-bottom: 1px solid #333;
    padding: 10px;
}
.wr_two-box .wr_box .wr_box-body{
    color: #333;
    text-align: left;
    padding: 10px;
}
.wr_two-box .wr_box .wr_box-body .in_link_btn{
    display: block;
    width: 95%;
    margin: 15px auto 0;
    background: #935B2B;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    text-decoration: none !important;
    position: relative;
}
.wr_two-box .wr_box .wr_box-body .in_link_btn:after{
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.l-main-area .date p {
    font-size: 12px;
    margin-left: 7px;
}
#toc {
    width: 95%;
    margin: 0 auto 3rem;
    display: block;
    padding: 1rem 2rem;
    border: solid 4px #e7e2e0;
    background: white;
}


div#toc li {
    margin-top: 4px;
    font-size: 12px;
    list-style: none;
}


#toc:before {
    content: "目次";
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 16px;
}
.cat-link {
    width: 100%;
    margin: 0 auto;
    border: 2px solid #c7bbac;
    padding: 15px;
}
.twitter_ohwada {
    height: 670px;
}

.official .wr_box-body iframe {
    width: 300px;
    height: 400px;
    margin: 0 auto;
    display: block;
}
._2p3a {
    margin: 0 auto;
    width: 300px !important;
}
br.sp {
    display:block;
}



}
/* oki_202206015 */
.kanren {
    border: 3px solid #f0576c;
    padding: 20px 30px 0;
    margin: 30px 0;
    /* アコーディオンの時は下記追加 */
    position: relative;
    box-sizing: border-box;

}
.midasi {
    border-bottom: 2px solid #c7bbac;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.kanren br {
    display: none;
}

/* アコーディオンのときに下記追加 */
.readmore-content {
    position: relative;
    overflow: hidden;
    height: 200px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: #ff7777;
    border-radius: 10px;
    color: #FFF;
}
.readmore-label:before{
    content: '続きを読む';
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: '閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}