/*   
Theme Name: datetono
Theme URI:https://datetono-fishing.com/
Description:伊達の殿様フィッシングのテーマです。


Author:金浦
Author URI:http://sangodesign.jp/
Version:1.0 2024.1.28
*/
html {
	box-sizing: border-box;
	font-size: 62.5%;
}
body {
	color: #333333;
	word-wrap: break-word;
	font-size:1.9rem;
	line-height:1.6;
	box-sizing: border-box;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	background-image: url("img/bg.png");
	background-repeat: repeat-y;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* img要素の余計な余白（ディセンダー）のリセット */
img {
	vertical-align:middle;
	border: 0;
	max-width: 100%;
	height:auto;
}
/* リンクの設定 */
a {
    transition : all 0.5s ease 0s;
}
a:link,
a:active,
a:visited {
	color:#333333;
	text-decoration:underline;
}
a:hover,
a:focus {
	color:#c30d23;
	text-decoration:none;
}
.btn a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    filter: alpha(opacity=100);
    opacity: 1;
}
.btn a:hover,
.btn a:active {
    filter: alpha(opacity=70);
    opacity: 0.70;
}

/* フォントサイズ */
.f8{
	font-size: 0.8rem;
}
.f12{
	font-size: 1.92rem;
}
.f16{
	font-size: 1.6rem;
}
.f15{
	font-size: 2.4rem;
}
.f20{
	font-size: 3.2rem;
}
.f25{
	font-size: 4.0rem;
}
.f30{
	font-size: 4.8rem;
}
.f40{
	font-size: 6.0rem;
}
.f50{
	font-size: 8.0rem;
}
.fb{
	font-weight:bold;
}
.fb600 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}
.fb900 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
}
/* カラー */
.red{
	color:#e50012;
}
.blue{
	color: #006eba;
}
.white{
	color: #FFFFFF;
}
.orange{
	color: #f29600;
}
.gray{
	color: #AAAAAA;
}

.lh12{
	line-height: 1.2;
}

/* アンダーライン */
.ul_blue{
	background:linear-gradient(transparent 60%, #6cf 60%);
}

/* 位置 */
.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}
.center_pc {text-align:center !important;}

/* 余白 */
.mt200 {margin-top:200px;}
.mt150 {margin-top:150px;}
.mt100 {margin-top:100px;}
.mt80 {margin-top:80px;}
.mt60 {margin-top:60px;}
.mt40 {margin-top:40px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mt5 {margin-top:5px;}
.mt80t {margin-top:80px;}
/* タイトル */
.title_center{
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

/* header */
.site-header{
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	height: 80px;
}
.head{
	display: flex;
	justify-content: space-between;
}
h1.site-logo{
	margin-top: 14px;
	margin-left: 20px;
}
.navi{
	display: inline-block;
	margin-top: 20px;
}
#gnav li{
	display: inline-block;
	list-style: none;
	font-size: 1.8rem;
}
#gnav li:not(.list1){
  margin-left: 20px;
}
#gnav li a:link,
#gnav li a:active,
#gnav li a:visited {
	color:#ffffff;
	text-decoration:none;
}
#gnav li a:hover,
#gnav li a:focus {
	color:#fef263;
	text-decoration:none;
}
.contact-box{
	width: 300px;
	display: flex;
	justify-content: space-between;
}
.head-tel{
	position: absolute;
	top: 10px;
	right: 22px;
}
a.btn_entry {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 130px;
	height: 30px;
	line-height: 25px;
	font-size: 1.6rem;
	margin-top: 40px;
	border: 2px solid #ff5400;
	background: #ff5400;
	color: #fff;
	transition: 0.5s;
	border-radius: 5px;
}
a.btn_entry:hover {
	color: #ff5400;
	background: #fff;
}
a.btn_contact {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 130px;
	height: 30px;
	line-height: 25px;
	font-size: 1.6rem;
	margin-top: 40px;
	margin-right: 20px;
	border: 2px solid #e3051e;
	background: #e3051e;
	color: #fff;
	transition: 0.5s;
	border-radius: 5px;
}
a.btn_contact:hover {
	color: #e3051e;
	background: #fff;
}

/*=============
slick
=============*/

/* TOPイメージ */
.top-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	background:url("img/top-img.jpg") no-repeat center center / cover;
	height: 100vh;
    color: #FFF;
  }
.top-img p {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
}
.top-img p span {
	font-size: 36px;
}
.fish-box{
	position: relative;
}
.fish01{
	position: absolute;
	top:50px;
	right: 0;	
}
.fish02{
	position: absolute;
	top:800px;
	left: 0;
}
.fish02-price{
	position: absolute;
	top:950px;
	left: 0;
}
.fish02-schedule{
	position: absolute;
	top:670px;
	left: 0;
}
.fish02-unei{
	position: absolute;
	top:750px;
	left: 0;
}
.fish03{
	position: absolute;
	top:1400px;
	right: 0;	
}
.fish03-price{
	position: absolute;
	top:2000px;
	right: 0;	
}
.fish03-schedule{
	position: absolute;
	top:1650px;
	right: 0;	
}
.fish04{
	position: absolute;
	top:1900px;
	left: 0;
}
.fish04-price{
	position: absolute;
	top:3000px;
	left: 0;
}
.fish04-schedule{
	position: absolute;
	top:2300px;
	left: 0;
}
.fish04-unei{
	position: absolute;
	top:2100px;
	left: 0;
}
.fish05{
	position: absolute;
	top:2000px;
	right: 0;	
}
.fish05-price{
	position: absolute;
	top:4000px;
	right: 0;	
}
.fish05-schedule{
	position: absolute;
	top:2800px;
	right: 0;	
}
.fish05-unei{
	position: absolute;
	top:2900px;
	right: 0;	
}
.fish06{
	position: absolute;
	top:4000px;
	left: 0;
}
.fish06-price{
	position: absolute;
	top:6000px;
	left: 0;
}
.fish06-schedule{
	position: absolute;
	top:3780px;
	left: 0;
}
.fish06-unei{
	position: absolute;
	top:4800px;
	left: 0;
}




.full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	margin: 0;
    display: flex;
    align-items: center;
}
.full div.img01 {
	background-image: url("img/slide01.jpg")
}
.full div.img02 {
	background-image: url("img/slide02.jpg")
}
.full div.img03 {
	background-image: url("img/slide03.jpg")
}
.full .slick-dots {
  bottom: 4%;
  z-index: +1;
}
.top-text{
	width: 65%;
}
.top-text img{
	width: 100%;
}
.makimono{
	margin-top: 80px;
	text-align: center;
}
.bg01{
	margin-top: 80px;
	background-image: url("img/bg01.png");
	background-repeat: repeat-y;
	padding: 80px 0;
}
.bg02{
	background-image: url("img/bg02.png");
	background-repeat: repeat-y repeat-x;
	padding: 80px 0;
	color: #FFFFFF;
}
.rinen_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rinen_box_in{
	width: 550px;
	margin-top: 40px;
	background-color: #FFFFFF;
	border-radius: 0 0 20px 20px;
}
.rinen_title{
	background-image: url("img/rinen_title.png");
	background-repeat: no-repeat;
	height: 60px;
	width: 550px;
	line-height: 60px;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
	color: #FFFFFF;
}
.rinen_text{
	padding: 20px 40px;
}
.shinobi-box{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.shinobi-box-in01{
	justify-content: flex-start;
}
.shinobi-box-in02{
	justify-content: flex-end;
}

.news_box{
	width: 1160px;
	margin: 60px auto 0;
	display: flex;
}
.news_box_in{
	position:relative;
	width: 275px;
	margin-right: 20px;
}
.news_box_in:nth-child(4n){
	margin-right: 0;
}
.news_box_in p.news_title{
	font-size: 100%;
	font-weight: bold;
}
.news-photo{
	width: 100%;
}
.news-photo img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	border: 5px solid #FFFFFF;
}
.news-txt{
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px;
}
.day{
	font-size: 0.9rem;
	color:#e50012;
}
.news_box_in .link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tono-box{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.tono-box01{
	width: 27%;
	display: flex;
	justify-content: center;
}
.tono-box02{
	width: 68%;
	display: flex;
	align-items: center;
}


.toha{
	background-image: url("img/toha_bg.jpg");
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
	color: #FFFFFF;
}
.title{
	line-height: 1.4;
	text-align: center;
}
.title01{
	font-size: 4.0rem;
	font-weight: bold;
}
.toha-box01{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 40px;
}
.toha-box02{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-top: 40px;
}
.toha-box-photo{
	width: 460px;
}
.toha-box-photo img{
	border: 5px solid #FFFFFF;
}
.toha-box-text{
	width: 660px;	
}
.naiyou{
	display: flex;
	justify-content: space-between;
	padding-top: 100px;
}
.naiyou-in{
	width: 30.127%;
}
.naiyou-in img.fuchi{
	border: 5px solid #FFFFFF;
}
.title_mini{
	width: 100%;
	margin-top: 10px;
	padding: 0 20px;
	background-color: #29562d;
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
}
.title_mini01{
	display: inline-block;
	width: 100%;
	background-image: url("img/shuriken30.png");
	background-repeat: no-repeat;
	background-position: left;
}
.title_mini02{
	display: inline-block;
	width: 100%;
	background-image: url("img/shuriken30.png");
	background-repeat: no-repeat;
	background-position: right;
}

.banner{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.banner-in{
	margin-top: 40px;
	width:41.3793%;
}

.naiyou-in-text{
	height: 180px;
	font-size: 1.92rem;
	margin-top: 20px;
}
.naiyou-in-btn{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

a.btn_round {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 0.3rem 2rem;
	border: 2px solid #006eba;
	background: #006eba;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 1.8rem;
}
a.btn_round:hover {
	color: #006eba;
	background: #fff;
}
a.btn_round02 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 0.3rem 2rem;
	border: 2px solid #ff6133;
	background: #ff6133;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_round02:hover {
	color: #ff6133;
	background: #fff;
}

.couple{
	margin-top: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.instagram{
	margin-top: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
ul.sns{
	display: flex;
	justify-content: center;
}
ul.sns li{
	display: inline-block;
	margin: 40px 20px 0;
}

/* footer */
.footer{
	background-image: url("img/footer.jpg");
	background-position: center center;
	background-size: cover;
	color: #FFFFFF;
	padding: 100px 0;
	margin-top: 200px;
}
.footer-in{
	width: 1160px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.footer-in01{
	width: 40%;
	border-right: 1px solid #FFFFFF;
}
.footer-in02{
	width: 60%;
	padding-left: 40px;
	display: flex;
}
ul.foot-navi{
	width: 33.3333333333%;
}
ul.foot-navi li{
	list-style: disc;
	margin-left: 1em;
	font-size: 1.6rem;
}
ul.foot-navi li a:link,
ul.foot-navi li a:active,
ul.foot-navi li a:visited {
	color:#ffffff;
	text-decoration:none;
}
ul.foot-navi li a:hover,
ul.foot-navi li a:focus {
	color:#FAED00;
	text-decoration:none;
}
#copy{
	background-color: #ffffff;
	padding: 10px 0;
	text-align: center;
	color:#333333;
	font-size: 80%;
	border-bottom: 10px solid #006eba;
}
.contents{
	width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

/* 下層ページ */
#page_title,
#page_title01,
#page_title02,
#page_title03{
	width: 100%;
	height: 350px;
	padding-top: 80px;
	background-size: cover;
	background-position:center;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFFFFF;
}
#page_title{
	background-image: url("img/title_bg.jpg");
}
#page_title01{
	background-image: url("img/title_bg01.jpg");
}
#page_title02{
	background-image: url("img/title_bg02.jpg");
}
#page_title03{
	background-image: url("img/title_bg03.jpg");
}
#page_title h2,
#page_title01 h2,
#page_title02 h2,
#page_title03 h2{
	text-align: center;
	line-height: 1;
}
.midashi{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.title-shuriken{
	width: 100%;
	padding: 0 20px;
	background-color: #29562d;
	color: #FFFFFF;
	height: 60px;
	line-height: 60px;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
}
.title-shuriken01{
	display: inline-block;
	width: 100%;
	background-image: url("img/shuriken.png");
	background-repeat: no-repeat;
	background-position: left;
}
.title-shuriken02{
	display: inline-block;
	width: 100%;
	background-image: url("img/shuriken.png");
	background-repeat: no-repeat;
	background-position: right;
}

.title-sakana{
	margin-top: 100px;
	width: 100%;
	padding: 0 20px;
	background-color: #006eba;
	color: #FFFFFF;
	height: 60px;
	line-height: 60px;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
}
.title-sakana01{
	display: inline-block;
	width: 100%;
	background-image: url("img/sakana01.png");
	background-repeat: no-repeat;
	background-position: left;
}
.title-sakana02{
	display: inline-block;
	width: 100%;
	background-image: url("img/sakana02.png");
	background-repeat: no-repeat;
	background-position: right;
}
.activity{
	margin-top: 40px;
	display: flex;
}
.activity-in{
	width: 45%;
	margin-right: 10%;
}
.activity-in:nth-child(2n){
	margin-right: 0%;
}
.dogu{
	display: flex;
	flex-wrap: wrap;
}
.dogu-in{
	width: 48%;
	margin: 40px 4% 0 0;
}
.dogu-in:nth-child(2n){
	margin: 40px 0 0 0;
}

.course{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.course_photo{
	width: 47.5%;
}
.course_plan{
	width: 47.5%;
}
.course_photo_main{
	width: 551px;
	height: 413px;
}
.course_photo_thumbnail ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.course_photo_thumbnail ul li{
	width: 23.5%;
	margin-top: 20px;
	margin-right: 2%;
}
.course_photo_thumbnail ul li:nth-child(4n){
	margin-right: 0;
}
ul.disc{
	margin-top: 0;
}
ul.disc li{
	list-style: disc;
	margin-top: 0;
	margin-left: -1em;
}
.course_plan table{
	border: none;
	border-collapse: collapse;
	border-bottom: 1px solid #9e9ea0;
	font-size: 1.8rem;
}
.course_plan table th{
	background-color: #eeeeef;
	padding: 20px;
	vertical-align: top;
	width: 25%;
	text-align: left;
	border-top: 1px solid #9e9ea0;
}
.course_plan table td{
	padding: 20px;
	text-align: left;
	border-top: 1px solid #9e9ea0;
	background-color: #FFFFFF;
}
.fish-aim{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.fish-aim-in{
	width: 23.5%;
	margin-top: 20px;
	margin-right: 2%;
	text-align: center;
}
.fish-aim-in:nth-child(4n){
	margin-right: 0%;
}
.fish-aim-in p{
	font-size: 2.4rem;
	font-weight: bold;
}
.fish-aim img{
	border: 3px solid #392100;
}

a.btn_round_red {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	font-size: 2rem;
	font-weight: bold;
	padding: 0.3rem 2rem;
	border: 2px solid #ff3522;
	background: #ff3522;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_round_red:hover {
	color: #ff3522;
	background: #fff;
}
.point{
	margin-top: 60px;
	text-align: center;
}
.titBlock {
	position: relative;
	width: 500px;
	padding: 10px 15px;
	margin: 0 auto;
}
 .titBlock .bg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.titBlock .bg:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	left: 0%;
	top: 0%;
	transform: skewX(-14deg);
	transform-origin: 100% 0;
	background: #e60012;
} 
.titBlock .sectTit {
	position: relative;
	font-size: 2.4rem;
	font-weight: 900;
	color: #FFFFFF;
	z-index: 1;
	text-align: center;
}
.point-text {
	display: inline-block;
	text-align: left;
}
.center_img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.highlight {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.8); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
.schedule{
	border: 1px solid #036eb8;
	padding: 40px;
	width: 100%;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}
.timle{
	background-color: #036eb8;
	display: inline-block;
	padding: 0 2rem;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}
.timle-title{
	background-color: #ffffff;
	display: inline-block;
	padding: 0 2rem;
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	vertical-align: bottom;
}
.schedule-box{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.schedule-photo{
	width: 47.5%;
}
.schedule-text{
	width: 47.5%;
}
.schedule-text p{
	font-size: 1.8rem;
}
.cautions_btn_box{
	margin-top: 40px;
	display: flex;
	justify-content: space-around;
}
a.cautions_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 23.5%;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	border: 2px solid #333333;
	color: #333333;
	border-radius: 100vh;
	transition: 0.5s;
}
a.cautions_btn:hover {
	color: #fff;
	background: #333333;
}
.cautions_title{
	background-color:#eeeeef ;
	font-size: 1.8rem;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	margin-top: 60px;
}
.cautions_box{
	padding: 20px;
}
.cautions-top{
	padding-top: 60px;
}

a.btn_map {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 0.5rem 1rem;
	font-weight: bold;
	border: 2px solid #c9171e;
	color: #c9171e;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 1.2rem
}
a.btn_map:hover {
	color: #fff;
	background: #c9171e;
}



.shop_box{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.shop_photo{
	width: 47.5%;
}
.shop_text{
	width: 47.5%;
}
a.btn_shop {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 0.5rem 3rem;
	border: 2px solid #006eba;
	background: #006eba;
	font-size: 1.4rem;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_shop:hover {
	color: #006eba;
	background: #fff;
}
.shop_info{
	width: 900px;
	margin: 40px auto 0;
}
.shop_info table{
	border: none;
	border-collapse: collapse;
	width: 100%;
}
.shop_info table th{
	background-color: #eeeeef;
	text-align: left;
	padding: 20px;
	border-top: 1px solid #9e9ea0;
	border-bottom: 1px solid #9e9ea0;
}
.shop_info table td{
	text-align: left;
	padding: 20px;
	border-top: 1px solid #9e9ea0;
	border-bottom: 1px solid #9e9ea0;
	background-color: #FFFFFF;
}
.gmap{
	margin: 80px 0 0 0 ;
	padding: 0;
}
.gmap iframe {
	height: 600px;
	width: 100%;
	margin: 0;
	padding: 0;	
}
.staff_box{
	width: 900px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
.staff_photo{
	width: 47.5%;
}
.staff_text{
	width: 47.5%;
}
.privacypolicy{
	padding-top: 100px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.blog_area{
	width: 800px;
	margin: 80px auto 0;
	text-align: left;
	border: 1px solid #19448e;
	padding: 40px;
}

h3.blog_title {
  font-weight: bold;
  border-bottom: 3px solid #333333;
  padding: 0.3em;
  margin-bottom: 10px;
  position: relative;
}
h3.blog_title::before {
  content: '';
  background-color: #f7f0e8;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;
}
h3.blog_title::after {
  content: '';
  background-color: #333333;
  width: 20px;
  height: 3px;
  transform: rotate(50deg);
  position: absolute;
  left: 25px;
  bottom: -10px;
}

.blog_area_in{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.thumbnail{
	width: 200px;
}
.cat_text{
	width: 498px;
}
a.blog_link:link,
a.blog_link:active,
a.blog_link:visited {
	color:#333333;
	text-decoration:none;
}
a.blog_link:hover,
a.blog_link:focus {
	color:#c30d23;
	text-decoration:none;
}

.pagination{
   margin:40px 0 0;
	display: inline-block;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:20px;
   padding:20px 25px;
   color:#333;
   border-radius:3px;
   box-shadow:0 3px 3px #999;
   background:#fff;
}
.pagination .current{
   padding:20px 25px;
   background:#0094c1;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#0094c1;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}

.yoyaku-box{
	width: 800px;
	margin: 40px auto 0;
}

/* お問い合わせ */
.formbox{
	margin-top:40px;
	padding:10px;
}
table.form{
	margin:40px 0 0 0;
	border:none;
	width:100%;
	border-collapse: collapse;
}
table.form th{
	width: 40%;
	text-align:left;
	padding:20px;
    border-bottom: 1px solid #D6D6D6;
	vertical-align: middle;
}
table.form td{
	text-align:left;
	padding:20px;
    border-bottom: 1px solid #D6D6D6;
}
.form-th{
	display: flex;
}
.form-th01{
	width: 25%;
}
.form-th02{
	width: 75%;
}
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-number,
.wpcf7-select{
	padding:5px;
	font-size: 100%;
}
 
.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-number:focus,
.wpcf7-select:focus{
outline: none;
border-width: 1px;
border-style: solid;
box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-webkit-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-moz-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-ms-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
-o-box-shadow: 0 0 8px rgba(100, 200, 255, 0.5);
border-color: rgba(100, 200, 255, 0.75) !important;
padding:5px;
}
 
.wpcf7-form-control-wrap {
display:inline;
width: 100%;
padding-bottom: 10px;
}
 
.wpcf7-textarea,
.wpcf7-text{
width: 96%;
}
.wpcf7-text.add{
width: 30%;
}
.wpcf7-text.wpcf7-select{
	padding: 5px;
}

.kisai{
	background-color: #ca3e47;
	color: #FFFFFF;
	font-size: 90%;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 2em;
}
.nini{
	background-color: #0d3b60;
	color: #FFFFFF;
	font-size: 90%;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 2em;
}

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:2em auto 0 !important;/* ボタンの上下の余白 */
background-color: #ca3e47 !important;/* 背景の色 */
color: #fff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 30%;/* ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
}

input.wpcf7-submit:hover {
background-color:#0d3b60 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: center;
}


/* 電話番号のリンク */
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

a.tel {
	position: relative;
	padding-left: 50px;
	font-size: 3rem;
	font-weight: bold;
}
a.tel::before {
	position: absolute;
	content: url("img/contact/tel.png");
	top: -10px; /* アイコンの位置 */
	left: 0; /* アイコンの位置 */
}

/*----------------------------------------------------
    表示・非表示
----------------------------------------------------*/
.hidden-tab{
	display: inherit !important;
}
.hidden-phone {
	display: inherit !important;
}
.hidden-pc{
	display: none !important;
}
.br-tab-none{
	display: none;
}
.br-tab-in{
	display: none;
}
.br-sm{
	display: none;
}
.br-sm-in{	display: inherit !important;}
.br-pc{
	display: inherit !important;
}