body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}

/* PR文言 */
.pr_box{font-weight: 400;font-size: 0.7em;background-color: #f0f0f0;padding: 1em;margin-bottom: 2em;}

/* 記事タイトル */
main #center .title_area h1{margin-bottom:20px;font-size:30px;line-height:1.5;font-weight:700;font-family:"Yu Mincho","游明朝体","YuMincho","Noto Serif JP","serif";text-align:left;margin-top:0}

/* 投稿日 */
#center .detail .date{display:inline-block;margin-right:20px;text-align:left;font-size:13px;font-weight:400}

/* 執筆者 */
.writer{text-align:right;font-size:13px;margin-bottom:10px;font-weight:400}

/* リード文 */
main .title_area .lead{text-align:left;margin-top:10px;font-weight:400}

/* おすすめ */
.suggest{background-color:#F8E3E5;margin-top:20px;padding:10px 10px 20px 10px}
.suggest p{color:#E16B79;font-weight:700;text-align:center;}
.suggest ul{position:relative;list-style-type:none}
.suggest li{position:relative;text-align:left;padding-left:36px;font-weight:400;font-size:14px;line-height:1.8}
.suggest li::after{content:'';display:block;position:absolute;top:.5em;left:1.2em;width:10px;height:5px;border-left:2px solid #E16B79;border-bottom:2px solid #E16B79;transform:rotate(-45deg)}

/* ストライプ上 */
.stripe_top{position:relative}
.stripe_top:after{content:'';position:absolute;left:0;top:0;width:100%;height:12px;background:repeating-linear-gradient(-45deg,#CEEFF5,#CEEFF5 5px,white 5px,white 10px)}


/* 目次 .accordion_2.stripe_top  #toggle1 */
#center .accordion_2{margin:3em auto}
#center .accordion_2:hover{transition:opacity .5s ease-out}
#center .accordion_2 .toggle{display:none}
#center .accordion_2 .option{position:relative;margin-bottom:1em}
#center .accordion_2 .title,#center .accordion_2 .content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .3s}
#center .accordion_2 .title{display:block;color:#53BBCC;font-weight:700;background:#CEEFF5;text-align:center;padding:20px 0 15px;font-size:18px;cursor: pointer;}
#center .accordion_2 .title::after,#center .accordion_2 .title::before{content:"";position:absolute;right:1.25em;top:40%;width:2px;height:.75em;background-color:#999;transition:all .3s}
#center .accordion_2 .title::after{transform:rotate(90deg)}
#center .accordion_2 .content{max-height:0;overflow:hidden}
#center .accordion_2 .content ol{margin:0;font-size:.9em;line-height:1.5}
#center .accordion_2 .toggle:checked + .title + .content{max-height:1500px;transition:all 1.5s}
#center .accordion_2 .toggle:checked + .title::before{transform:rotate(90deg)!important}

/* プルダウン */
#center .area .accordion_2{width:100%}
#center .area .accordion_2 li{border-bottom:none;padding:5px}
#center .area,#center .ring{position:relative;margin-bottom:60px;padding:16px;background:#fff}
#center .area .pref li:after{content:none}
.close{width:200px;text-align:center;margin:0 auto 20px;padding:10px 0;background-color:#CEEFF5;color:#53BBCC;font-weight:700;transition:.5s}
.close:hover{background-color:#53BBCC;color:#fff;cursor:pointer}
ol.number,ol.number ul{counter-reset:list;list-style:none;padding:0}
ol.number ul{margin:0 0 0 35px;list-style-type:none}
.number a{position:relative;display:block;text-decoration:none;margin:8px 0 8px 30px;font-weight: normal;}
.number a:hover{background:#EEFCFF}
.number .big_number:before{content:counter(list);counter-increment:list;position:absolute;left:-30px;top:65%;height:20px;width:20px;margin-top:-1em;background:#53BBCC;line-height:18px;text-align:center;font-weight:700;color:#fff}
.number a:after{content:'';position:absolute;left:-28px;top:65%;margin-top:-6px;border:6px solid transparent}
#center .area .pref ul{border:none;border-bottom:none}
.number .big_number{padding:10px;font-weight: normal;}

/* ランキング算出方法 プルダウンベース */
#center .ranking_ac .accordion{padding:10px;color:#000;font-size:18px;font-weight:700;background:#F9F9F9;position:relative;text-align:center;cursor:pointer}
#center.area .ranking_ac .accordion:after{top:18px;border-top:#D9D7D7 3px solid;border-right:#D9D7D7 3px solid}
.ranking_ac{display:block;position:relative;margin:15px auto;padding:10px 0;box-sizing:border-box;font-size:15px}
.ribbon14{display:inline-block;position:absolute;top:0;left:15px;margin:10px;padding:2px 0;z-index:2;width:36px;text-align:center;font-size:20px;color:#fff;background:#FFCB20}
.ribbon14:after{content:'';position:absolute;left:0;top:100%;height:0;width:0;border-left:18px solid #FFCB20;border-right:18px solid #FFCB20;border-bottom:10px solid transparent}
.pref .ranking_ex{padding:5px;margin-top:10px;background-color:#FFFAEC;border-left:solid 5px #FFCB20}
.ranking_ac .pref .lead{padding:10px;margin:0 0 20px}
.ranking_ac .close{background-color:#F9F9F9;color:#000}
.ranking_ac .close:hover{background-color:#FFCB20;color:#F9F9F9}
#center .ranking_ac .accordion::after{top:18px;content:"";display:block;width:8px;height:8px;border-top:#473333 3px solid;border-right:#fff 3px solid;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;top:15px;right:20px;border-top:#D9D7D7 3px solid;border-right:#D9D7D7 3px solid}
#center .ranking_ac .pref{display:none}

/* ----------------- 
       本文
--------------------- */

.content_wrap a,.title_area a{background: linear-gradient(transparent 95%, #ccc 0%);}
.content_wrap .slider_list .slider_img { width: 400px;}

.content_wrap .white_box{box-shadow: 1px 1px 8px -5px #000;margin: 5em 0;}
/*-----
みだし
----- */
.section_title{font-size:25px;font-weight:700;margin-top:60px;padding:5px 5px 5px 30px;position:relative}
.section_title:before{background-color:#ef858c;border-radius:5px;content:'';position:absolute;top:0;left:3px;width:8px;height:95%}
.section_title:after{background-color:#f3cbd0;border-radius:5px;content:'';position:absolute;top:0;left:15px;width:8px;height:95%}

/* 順位 見出し */
.white_box h3{font-size:23px;margin:20px 0 30px}
.juni{font-size:18px;color:#E16B79}
.group1 .white_box h3::after{content:'';display:block;width:40px;height:2px;background-color:#E16B79}

.white_box .quote{font-weight: normal;}

/*-----
テキスト、テキストリンク
----- */
.quote , .balloon1, .ribbon1-wrapper li, .ribbon2-wrapper li,{
  font-weight: normal;
}

p.lead{font-weight: normal;text-align:left;margin-top:10px}

/* 引用 */
.quote{font-size:10px;text-align:right;margin-top:5px;font-weight: normal;}
.small{font-size:13px}
.graph_quote{font-size:10px;text-align:right;margin-top:5px;margin-bottom:20px}


/* ボタンレイアウトのリンク */
.linkber{padding:5px 5px 10px;margin:15px auto;text-align:center;background-color:#fcc778;box-shadow:inset 0 -4px 0 #e0ad62;color:#fff;font-weight:700;width: 100%;font-size: .8em;}
.link-wrapper{margin-top:20px;background-color:#FFFAEC;padding:10px}
.link_title{font-weight:700;text-align:center}
.link-wrapper li{padding:5px 5px 10px;margin-top:15px;margin-left:10px;text-align:center;background-color:#fcc778;box-shadow:inset 0 -4px 0 #e0ad62;color:#fff;font-weight:700;width:80px;display:inline-block;font-size: .8em;}
.link-wrapper ul{text-align:center;color:#fff;}
.link-wrapper ul li a{color:#fff;background: none;}
.aicatch{margin:50px 0}
.linkber a{color:#fff;display:inline-block;width:100%;background: none;}

/* 表レイアウト */
table{text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /* Safari */}

th{color:#fff;background-color:#4A86E8;font-size:12px;padding:3px;text-align:left;font-weight:400}
td{font-size:12px;padding:3px}
.container tr:nth-of-type(odd){background:#FAFAFA}
.fixed01{position:sticky;left:0;color:#fff;background-color:#4A86E8;padding: 3px;}
.fixed02{position:sticky;left:0;background-color:#FAFAFA;padding: 3px;}
.fixed03{position:sticky;left:0;background-color:#fff;padding: 3px;}
.fixed01:before,.fixed02:before,.fixed03:before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;pointer-events: none;}

.group2 table{margin:10px auto;font-weight: normal;font-size: 12px;width: 100%;background: #ffffff;}
.group2 .td1{width:50px;font-size:15px}
.group2 .td2{font-size:15px}
.group2 .cr1{background-color:#F9F9F9}
.group2 .td3{width:80px;font-size:12px;text-align:center}
.group2 .td4{background-color:#F9F9F9;font-size:12px}
.group2 .tbname{font-weight:700;margin-top:15px}

.group2 .container{overflow-x:auto;white-space:nowrap;width:100%;margin:10px auto}
.container .btn_hp{background-color:#F9AC39;color:#fff;padding:8px;border-radius:5px;text-decoration:none;font-size:11px;display:block;font-weight:700;margin:5px}

/*-----
画像
----- */
.content_wrap img {margin-top: 10px;}

/* おすすめポイント */
.point_box{padding:20px;background-color:#FFFAEC;font-size:15px;margin-bottom:20px}
.point_box_title{color:#FF9F0E;font-weight:700;display:block;text-align:center;font-size:16px}
.point_box ol{counter-reset:number;list-style-type:none!important;padding:.5em}
.point_box ol li{position:relative;line-height:1.5em;padding:.5em .5em .5em 30px}
.point_box ol li::before{position:absolute;counter-increment:number;content:counter(number);display:inline-block;background:#FF9F0E;color:#fff;font-family:'Avenir','Arial Black','Arial',sans-serif;font-weight:700;font-size:13px;left:0;width:18px;height:18px;line-height:18px;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* 口コミ */
.balloon_title{font-size:20px;font-weight:700;margin-top:40px;text-align:center}
.balloon_title::after{content:'';position:absolute;display:block;width:40px;height:2px;background-color:#E16B79;left:48%;margin-top:3px}
.balloon1{font-weight: normal;position:relative;margin:1.5em 0;padding:7px 10px;min-width:120px;max-width:100%;color:#555;font-size:15px;background:#FFF;border:solid 3px #ECECEC;box-sizing:border-box;border-radius:20px}
.balloon1:before{content:"";position:absolute;bottom:-24px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #FFF;z-index:2}
.balloon1:after{content:"";position:absolute;bottom:-30px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #ECECEC;z-index:1}
.balloon1 p{margin:0;padding:0}
.kuchikomi img{width:80%;display:block;margin:auto}

/* ブライダルDATA */
.ribbon1-wrapper{display:block;position:relative;margin:40px auto;padding:10px 0;background:#FFF5F6}
.ribbon1{display:inline-block;position:relative;box-sizing:border-box;padding:5px 0;margin:0 0 0 -20px;width:calc(100% + 20px);color:#fff;font-weight:700;background:#E16B79;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.ribbon1 p{margin:0;padding:0 30px 0 15px;border-top:dashed 2px #FFF;border-bottom:dashed 2px #FFF;font-size:16px;line-height:30px}
.ribbon1:after{position:absolute;content:'';z-index:1;top:0;right:0;width:0;height:0;border-width:23px 15px 21px 0;border-color:transparent #FFF5F6 transparent transparent;border-style:solid}
.ribbon1:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 10px transparent;border-right:solid 20px #E16B79}
.ribbon1-wrapper ul{padding:10px;font-size: .9em;}
.ribbon1-wrapper ul li ul{padding-top:0}
.ribbon1-wrapper .color{color:#E16B79;font-weight:700}
.ribbon1-wrapper li,.ribbon2-wrapper p {
    font-weight: normal;
}

/* アクセス・駐車場 */
.ribbon2-wrapper{display:block;position:relative;margin:40px auto;padding:10px 0;background:#EEFCFF}
.ribbon2{display:inline-block;position:relative;box-sizing:border-box;padding:5px 0;margin:0 0 0 -20px;width:calc(100% + 20px);color:#fff;font-weight:700;background:#53BBCC;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.ribbon2 p{margin:0;padding:0 30px 0 15px;border-top:dashed 2px #FFF;border-bottom:dashed 2px #FFF;font-size:16px;line-height:30px;font-weight: 700;}
.ribbon2:after{position:absolute;content:'';z-index:1;top:0;right:0;width:0;height:0;border-width:23px 15px 21px 0;border-color:transparent #EEFCFF transparent transparent;border-style:solid}
.ribbon2:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 10px transparent;border-right:solid 20px #53BBCC}
.ribbon2-wrapper .text_box{margin:0;padding:10px;font-size: .9em;}


/* Map */
.group2 .balloon_title{text-align:left;margin:20px 0 10px}
.group2 .balloon_title::after{content:'';display:block;width:40px;height:2px;background-color:#E16B79;position:inherit}

/* よくある質問 */
.summary{border:#FFF2A9 solid 15px;margin-top:50px}
.question{background-color:#FFF2A9;height:50px;text-align:center;font-weight:700;line-height:35px;font-size:23px}
.summary dl dt{background-color:#CEEFF5;font-weight:700;padding-left:30px;margin:15px 10px;font-size:15px}
.summary dl dt p{padding:5px}
.summary dl dd{margin:10px 10px 20px 45px;font-size:15px;font-weight: normal;}
.summary dt::before{font-size:1.5em;color:#53BBCC;float:left;margin:.1em .4em 0 -1em;content:'Q'}
.summary dd::before{margin:0 .5em 0 -1.6em;padding:10px 0 0 10px;content:'A';border-radius:.2em;font-size:1.5em;color:#E16A78;font-weight:700}
.stripe_summary{position:relative}
.stripe_summary:after{content:'';position:absolute;left:0;top:0;width:107%;height:12px;margin-top:-25px;margin-left:-15px;background:repeating-linear-gradient(-45deg,#FFF2A9,#FFF2A9 5px,white 5px,white 10px)}
.summary ul li {padding-bottom: 10px;}

/* ニュース・PICK UP */
.content_wrap h3{font-size:20px;}
.news_title{color:#53BBCC;font-weight:700;margin-top:20px}
.pickup_news .pref{display:none}
.content_wrap .pickup_news h3.accordion{color:#000;font-size:16px;background-color:#FFF;font-weight:400;padding:10px 10px 10px 50px;text-align:left;margin-top:5px;position:relative;cursor: pointer;}
.content_wrap .pickup_news .accordion:before{display:block;content:"";position:absolute;top:50%;left:33px;width:0;height:0;margin-top:-5px;border:5px solid transparent;border-left:5px solid #D9D7D7}
.content_wrap .pickup_news .accordion:after{content:'';display:block;height:2px;border-top:none;border-right:none;border-bottom:dashed 2px #CEEFF5;width:85%;transform:rotate(180deg);left:10%;top:90%;background-color:transparent;margin-top: 0.3em;
}
.content_wrap .pickup_news .toggle:checked + .title + .content{background:#F3FDFF;padding:10px;transition:none;width:440px}
.content_wrap .pickup_news .pref{padding:10px;background-color:#F3FDFF;display:none}
.content_wrap .pickup_news .close{margin:20px auto}


/* マーカー */
.markerYellow{background:linear-gradient(transparent 50%, #fdffa6 0%);}
.markerBlue{background:linear-gradient(transparent 50%, #d4eaff 0%);}
.markerRightBlue{background:linear-gradient(transparent 50%, #cffafa 0%);}
.markerRed{background: linear-gradient(transparent 70%, #ffc2c2 0%);font-weight: 700;font-size: 95%;}

/* この記事を読んだ人におすすめ */
.recommend_box{background: #fff;box-shadow: 1px 1px 8px -5px #53BBCC;margin-top: 3em;}
.recommend_box p {text-align: center;padding-top: 1.5em;font-size: 1.2em;}
.recommend_box ul {padding:1.5em;font-size: 0.9em;}
.recommend_box ul li {padding: 1em 0em 1em;box-shadow: 0 2px 3px rgb(83 187 204 / 20%);margin-top: 0.5em;overflow: hidden;position: relative;z-index: 1;}
.recommend_box ul li img {width: 25%;float: left;padding-left: 0.5em;margin-top: 0;}
.recommend_box ul li span {padding: 1em;display: flex;}
.recommend_box ul li::after {background: #CEEFF5;position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;transform: scale(0, 1);transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;}
.recommend_box ul li:hover::after {transform: scale(1, 1);}
  
/* ＼他の人はこんな記事も読んでいます／ */
.hokanohito_box{background: #fff;box-shadow: 1px 1px 8px -5px #000;margin: 3em 0;}
.hokanohito_box p {padding: 1em 0 0 1em;font-size: 0.8em;}
.hokanohito_box ul {padding:0em .5em .5em .5em;font-size: 0.9em;}
.hokanohito_box ul li {margin-top: 0.5em;padding: .5em;overflow: hidden;position: relative;z-index: 1;}
.hokanohito_box img {width: 25%;float: left;box-shadow: 0 2px 3px rgb(0 0 0/ 20%);margin-top: 0;}
.hokanohito_box span {padding: 1em;display: flex;}
.hokanohito_box ul li::after {background: #fcf0b1;position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;transform: scale(0, 1);transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;}
.hokanohito_box ul li:hover::after {transform: scale(1, 1);}
.hokanohito_box .markergray {background: linear-gradient(transparent 0%, #e3e1e1 100%);padding: 0;display: inline;}

@media only screen and (max-width: 1279px) {
  #center .area{width:100%}
  .stripe_summary:after{width:105.5%}
  #center .floating {margin: 3em auto;position: sticky;top:0px;z-index:30;background-color: #f4ffff;opacity: 0.98;}
  .number .big_number:before {left: -20px;top: 58%;}
  #center .floating .content{position: absolute;background-color: #f4ffff;opacity: 0.99;width: 100%;overflow: scroll;font-size: 13px;height: 85vh;}
  main .title {margin: 0 auto ;}
  
  }

@media screen and (max-width: 767px) {
main #center .title_area h1 {font-size: 25px;}
main .title_area p.writer {line-height: 1.2;}
.section_title{font-size:23px}
h2{font-size:20px}
.white_box h3{font-size:20px}
.suggest li{font-size:14px}
.stripe_summary:after{width:108.5%}
main .title_area p{line-height:1.5}
#center .floating {top:60px;}
#center .floating .content{height:300px;}
.content_wrap .slider_list .slider_img {width: 100%;height: 100%;max-width: 300px;}
.content_wrap .slick-dotted.slick-slider {width: 300px;margin: 0 auto 30px;}
.recommend_box ul li span {padding: 1em;font-size: 0.8em;}
.hokanohito_box span {padding: 1em;font-size: 0.9em;}

}