@charset "utf-8";

/*
Theme Name: りょう矯正歯科クリニック
Description: 2026年3月制作、オリジナルテーマ
Theme URI: https://saitasaita.co.jp/
Author: Saita corp.
Author URI: https://saitasaita.co.jp/
Description: Original Wordpress theme for Ryo Kyousei.
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Dynalight&family=Jost:ital,wght@0,100..900;1,100..900&family=LINE+Seed+JP:wght@100;400;700&display=swap');

/*
font-family: "BIZ UDPMincho", serif;　400
font-family: "LINE Seed JP", sans-serif;　100 400　700
font-family: "Jost", sans-serif;　100-900
font-family: "Dynalight", cursive; 400


li { list-style: none;}*/
img { border: 0; -webkit-backface-visibility: hidden; width: 100%;image-rendering: -webkit-optimize-contrast;height: auto;}
a {color: #000; outline: none; text-decoration: none;}
h1, h2, h3, h4, p,figure { margin: 0; padding: 0; font-weight: 400;}
ul { margin: 0; padding: 0;}
html { height:100%;	overflow-y: scroll;}
span { display: inline-block;}
.clearfix:after { content: ""; clear: both; display: block;}

body {
margin: 0;
color: #504731;
line-height: 180%;
font-family: "BIZ UDPMincho", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS UI Gothic, Osaka, sans-serif;
font-size: 15px;
overflow-x: hidden;
font-weight: 500;
position: relative;
box-sizing: border-box;
}

/*----------------loading------------------*/
#white {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 1000000;
  position: fixed;
  left: 0;
  top: 0;
}


span {display: inline-block;}
/*----LUXYプリンタ対応----*/
#luxy {position: fixed !important;}	
@media print {#luxy {position: static !important;}}

/*----Ios初期化-----*/
input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
}

/*----tel イベント-------------*/
a.tel { cursor: default; pointer-events: none; text-decoration: none;}
@media screen and (max-width: 1000px) {
  a.tel { pointer-events: auto;}
}



/*-----------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 73px 145px 0 97px;
	box-sizing: border-box;
	z-index: 11;
}
.header .left {width: 390px;float: left;}
.header .right {width: 300px;float: right;}

@media screen and (max-width: 1180px) {
.header {padding: 73px 125px 0 80px;}	
}
@media screen and (max-width: 1000px) {
.header {padding: 50px 125px 0 60px;}	
.header .right {display: none;}
}
@media screen and (max-width: 700px) {
.header {padding: 30px 70px 0 50px;}	
.header .left {max-width: 360px;width: calc(100% - 60px);}
}

@media screen and (max-width: 500px) {
.header {padding: 15px 50px 0 35px;}	
.header .left {	width: calc(100% - 50px);}
}

/*--書式---*/
.header .left h1 {margin-top: 25px;}
.header .left h2 {
	font-size: 15px;
	color: #e98596;
	margin: 15px 0 0 0;
	font-weight: normal;
}
.header .right {
	font-size: 31px;
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 100;
	color: #fff;
}
.header .right a {color: #fff;}
.header .right p {font-size: 15px; margin-top: 10px;}
.header .right img {width: 20px; height: auto;}

@media screen and (max-width: 700px) {
.header .left h2 {margin: 5px 0 0 0;}
}
@media screen and (max-width: 520px) {
.header .left h2 {font-size: 2.7vw;}
}

/*--fix_menu--- 115 × 428 ----*/

.fixmenu {
	position: fixed !important;
	right: 27px;
	top: 50vh;
	transform: translateY(-30px);
	color: #fff;
	text-align: center;
	z-index: 120;
}
.fixmenu .pink {
	background-color: #e98596;
	border-radius: 8px 0 0 8px;
	padding: 5px 15px 15px 15px;
}
.fixmenu .dpink {
	background-color: #e47487;
	border-radius: 8px 0 0 8px;
	padding: 5px 15px 15px 15px;
	margin-top: 8px;
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
}
.fixmenu img {width: 26px; height: auto;}
.fixmenu a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	line-height: 140%;
}
.fixmenu a:last-child {	border-bottom: none;}
.fixmenu a.tel {display: none;}

@media screen and (max-width: 1000px) {
.fixmenu a.tel {display: block;}	

.fixmenu {
	right: 50px;
	top: inherit;
	bottom: 85px;
	transform: translateY(0);
	display: flex;
}
.fixmenu .pink {
	background-color: transparent;
	padding: 0;
	white-space: nowrap;
	display: flex;
}
.fixmenu .dpink {
	display: inline-block;
	background-color: #e47487;
	border-radius: 100px;
	width: 44px;
	height: 44px;
	padding: 0;
	margin-top: 0;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
}
.fixmenu a span {display: none;}
.fixmenu a br.pc {display: none;}
.fixmenu img {width: 23px; height: auto;}
.fixmenu a {
	display: inline-block;
	text-align: center;
	background-color: #e98596;
	border-radius: 100px;
	width: 44px;
	height: 44px;
	color: #fff;
	padding: 10px 0 0 0;
	border-bottom: none;
	box-sizing: border-box;
	margin-right: 5px;
	line-height: 100%;
}	
.fixmenu a.lg {
	width: auto;
	height: 44px;
	padding: 6px 15px 0;
	line-height: 16px;
}	
	

}
@media screen and (max-width: 500px) {
.fixmenu {right: 30px;bottom: 60px;}	
}

/*-----------------------------------
chatbot用
------------------------------------*/

.fixmenu2 {
	position: fixed !important;
	right: 27px;
	bottom: 0;
	color: #fff;
	text-align: center;
	z-index: 120;
	display: flex;
}
.fixmenu2 button img,
.fixmenu2 button span {display: block;}
.fixmenu2 button {
	margin: 0;
	display: flex;
	font-family: "LINE Seed JP", sans-serif;
	align-items: center;
	padding: 15px 30px;
	font-size: 16px;
	cursor: pointer;
	column-gap: 10px;
	justify-content: center;
}

.fixmenu2 button img {width: 40px; height: auto;}
.fixmenu2 button#open-chatbot {
	background-color: #ee7a8c;
	color: #fff;
	border: none;
	border-radius: 10px 0 0 0;
}
.fixmenu2 button#fmenu {
	background-color: #d0495e;
	color: #fff;
	border: none;
	border-radius: 0 10px 0 0;
}
@media screen and (max-width: 1000px) {
.fixmenu2 {right: 20px !important;}
.fixmenu2 button {padding: 10px 20px;}	
}
@media screen and (max-width: 500px) {
.fixmenu2 {width: 100%;right: 0 !important;}
.fixmenu2 button {padding: 10px 0px !important; flex-grow: 1;}	
.fixmenu2 button#open-chatbot,
.fixmenu2 button#fmenu {border-radius: 0;}
.fixmenu2 button img {width: 30px;}
}
@media screen and (max-width: 380px) {
.fixmenu2 button {font-size: 14px;}	
}

/*--縦コントロール--*/
@media screen and (max-height: 784px) {
.fixmenu2 button {padding: 5px 20px;}	
}
@media screen and (max-height: 666px) {
.fixmenu2 {right: 170px;}	
}



/*---inline content----------*/
/* オーバーレイ */
.overlay {
  /* 位置を固定 */
  position: fixed;
  top: 0;
  left: 0;
  /* 画面いっぱいに広がるようにする */
  width: 100%;
  height: 100vh;
  /* rgbaを使って60%の黒いオーバーレイにする */
  background: rgba(0, 0, 0, 0.6);  
  /* デフォルトでは見えないようにする */
  opacity: 0;
  visibility: hidden;
  /* 表示する際の変化の所要時間 */
  transition: .3s;
}

/* activeクラスのついたオーバーレイ */
.overlay.active {
  /* activeクラスがついたときにオーバーレイを表示する */
  opacity: 1;
  visibility: visible;
z-index: 121;
}

/* モーダルウィンドウ */
.modal {
  max-width: 400px;
  width: 90%;
  padding: 30px 40px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
	box-sizing: border-box;
	
text-align: center;
font-family: "LINE Seed JP", sans-serif;
	z-index: 122;
}

.modal p.nml {font-size: 16px;color: #000; line-height: 160%; margin: 20px 0;}
.modal p.pink {
	color: #ee7a8c;
	font-size: 20px;
	font-weight: 400;
	line-height: 180%;
}
.modal p.pink span {font-size: 26px; font-weight: 600;}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal .close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  font-size: 20px;
}

.modal a {
	background-color: #ee7a8c;
	padding: 10px;
	text-align: left;
	margin-bottom: 5px;
	color: #fff;
	font-weight: 500;
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size: 17px;
	transition: 0.5s;
}
.modal a img,
.modal a span {display: block;}
.modal a img {
	width: 40px;
	height: auto;
}

.modal a.smp {display: none;}
@media screen and (max-width: 660px) {
.modal a.smp {display: flex;}	
}

@media screen and (max-width: 430px) {
.modal { padding: 40px 25px;}
.modal p.pink {font-size: 15px !important;}	
}

/*-----------------------------------------------------
トップスライド
--------------------------------------------------------*/
.slider5-wrap {
  width: calc(100vw - 54px);
  margin: 27px auto 0 auto;
  position: relative;
}
.slider-5 .slick-slide {
  height: calc(100vh - 54px);
	min-height: 700px;
  overflow: hidden;
	position: relative;
	z-index: 0;
}
.slider-5 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec1 {
	position: absolute;
	bottom: 70px;
	left: 70px;
	z-index: 11;
	color: #fff;
	padding-right: 30px;
}

@media screen and (max-width: 1180px) {
.sec1 {left: 50px;}
}
@media screen and (max-width: 1000px) {
.slider5-wrap { width: calc(100vw - 40px);  margin: 20px auto 0 auto;}
.slider-5 .slick-slide { height: calc(100vh - 40px);}
.sec1 {	left: 30px;}
}
@media screen and (max-width: 700px) {
.slider-5 .slick-slide {min-height: 600px;}	
}
@media screen and (max-width: 500px) {
.slider5-wrap {
  width: calc(100vw - 20px);
  margin: 10px auto 0 auto;
}
.slider-5 .slick-slide { height: calc(100vh - 20px);}
.sec1 {	left: 20px;}
}	

/*--2段目---*/
.sec2 {
	width: calc(100vw - 54px);
	height: calc(100vh - 27px);
	min-height: 700px;
  	margin: 27px auto 27px auto;
  	position: relative;	
}
.sec2in {
	position: absolute;
	bottom: 70px;
	left: 70px;
	z-index: 11;
	color: #fff;
}
@media screen and (max-width: 1180px) {
.sec2in {left: 50px;}
}
@media screen and (max-width: 1000px) {
.sec2 {
	width: calc(100vw - 40px);
	height: calc(100vh - 20px);
  	margin: 20px auto 20px auto;
}
.sec2in {left: 30px;}
}
@media screen and (max-width: 700px) {
.sec2 {	min-height: 600px;}	
}
@media screen and (max-width: 500px) {
.sec2 {
	width: calc(100vw - 20px);
	height: calc(100vh - 10px);
  	margin: 10px auto;
}
.sec2in {
	bottom: 30px;
	left: 20px;
	height: calc(100% - 60px);
}
.sec2in .intxt {
	position: absolute;
	bottom: 0;	
	}
}
.sec2 img {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*--ライフステージ---*/
.feature {
	padding: 105px 30px 50px 30px;
	text-align: center;
	color: #504731;
}

.feature .inner {
	max-width: 1395px;
	margin: 0 auto;
	display: flex;
	width: calc(100% - 40px);
}
.feature .inner .box {
	width: calc(100% / 3);
	padding: 0 37px;
	box-sizing: border-box;
	border-right: 1px solid #b7b7b8;
}

.feature .inner .box:last-child {border-right: none;}
.feature .inner .box p.num {
	font-size: 39px;
	font-family: "Jost", sans-serif;
	font-weight: 400;
}
.feature .inner .box .imginner {
	display: flex; 
	justify-content: center;
	column-gap: 15px;
	margin: 20px 0;
}
.feature .inner .box img {
	width: 50%;
	height: 12vw;
	max-height: 179px;
	object-fit: cover;
	display: block;
}
.feature .inner .box h3 {
	font-size: 19px;
	font-weight: normal;
	margin: 20px 0 10px 0;
}
.feature .inner .box p.lft {text-align: left;}

@media screen and (max-width: 1100px) {
.feature .inner {
	display: block;
}
.feature .inner .box {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	border-right: none;
	border-bottom: 1px solid #b7b7b8;
}
.feature .inner .box img {
	width: 50%;
	height: 35vw;
	max-height: 200px;
}
}
@media screen and (max-width: 500px) {
.feature {padding: 80px 30px 0px 30px;}
.feature .inner {width: 100%;}
}

/*--ブログ---*/
.blogentry {
	padding: 105px 30px 50px 30px;
	text-align: center;
	color: #504731;
}
.blogentry .inner {
	max-width: 1395px;
	margin: 0 auto;
	display: flex;
	width: calc(100% - 40px);
	column-gap: 30px;
	flex-wrap: wrap;
}
.blogentry .inner .box {
	width: calc((100% - 150px)/6);
	text-align: left;
}
.blogentry .inner .box p{font-size: 13px;}
.blogentry .inner .box h4 {font-weight: 400; font-size: 14px;}
.blogentry .inner .box a {display: block; text-align: left;}
.blogentry .inner .box a figure {
	width: 100%;
	height: 13vw;
	max-height: 179px;
	object-fit: cover;
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
}
.blogentry .inner .box a figure img {width: 100%; height: 100%; object-fit: cover;transition: 0.5s;}
.blogentry .inner .box a:hover figure img {transform: scale(1.1);}

@media screen and (max-width: 1160px) {
	
.blogentry .inner .box {
	width: calc((100% - 60px)/3);
	margin-bottom: 30px;
}	
.blogentry .inner .box a figure {
	width: 100%;
	height: 24vw;
	max-height: 260px;
}
}
@media screen and (max-width: 1100px) {
.blogentry {padding: 80px 30px 50px 30px;}	
}
@media screen and (max-width: 650px) {
.blogentry .inner {
	column-gap: 20px;
}
.blogentry .inner .box {
	width: calc((100% - 20px)/2);
}	
.blogentry .inner .box a figure {
	width: 100%;
	height: 40vw;
	max-height: 260px;
}
}
@media screen and (max-width: 500px) {
.blogentry .inner {width: 100%;}		
}

.cal {
	padding: 105px 30px 50px 30px;
	text-align: center;
	color: #504731;
	max-width: 800px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px) {
.cal {padding: 80px 30px 50px 30px;}	
}
@media screen and (max-width: 640px) {
.cal {padding: 0px 30px 0px 30px;}	
}

/*----------------------------------------
お知らせ
----------------------------------------*/

.newstop {
	padding: 0px 30px 30px 30px;
	color: #504731;
	border: 1px solid #d6d6d6;
	max-width: 900px;
	width: calc(100% - 60px);
	margin: 105px auto 50px auto;
	position: relative;
	text-align: left;
	font-size: 15px;
	box-sizing: border-box;
}

.newstop p.flg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #504731;
	color: #fff;
	padding: 2px 15px;
	font-family: "Jost", sans-serif;
}
.newstop p.flg a {color: #fff;}
.newstop p.dt {
	margin-top: 50px;
	font-family: "Jost", sans-serif;
	font-size: 14px;
}
.newstop h4 {font-size: 17px; margin: 3px 0 5px 0;}
.newstop figure {
	max-width: 600px;
	height: auto;
	margin: 20px auto;
}

@media screen and (max-width: 1100px) {
	
.newstop {
	margin: 50px auto 50px auto;
}	
}
@media screen and (max-width: 600px) {
	
.newstop {
	margin: 20px auto;
}	
}
@media screen and (max-width: 460px) {
	
.newstop {
	padding: 0px 20px 30px 20px;
}	
}


/*---------------------------------------------
フッタ
-------------------------------------------*/
.footer {
	max-width: 1395px;
	width: calc(100% - 100px);
	margin: 170px auto 0 auto;
	padding: 0px 0 30px 0;
	color: #504731;
	position: relative;
}
.footer a {color: #504731;}
.footer img {width: 80%;
max-width: 300px;
margin: 0 0 10px 0;}
.footer h2 {
	font-size: 15px;
	color: #e98596;
	margin: 0 0 15px 0;
	font-weight: normal;
}
.footer p {margin: 0 0 10px 0; font-size: 14px;}
.footer p.bigtel {margin: 20px 0 20px 0; font-size: 25px;}
.footer p.cpr {font-size: 13px; 
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 400;
}
@media screen and (max-width: 1000px) {
.footer {margin: 100px 0 30px 0; padding: 0 30px;}	
}
@media screen and (max-width: 500px) {
.footer {width: calc(100% - 60px);	margin: 50px 0 80px 0;}
.footer h2 {font-size: 3.7vw;}
}


/*---------------------------------------------
初めての方はこちらへ
-------------------------------------------*/
/*--初めての方へ「特長」---*/
#haji1 {text-align: center;	padding: 70px 30px;}
#haji1 .inner {
	max-width: 1190px;
	margin: 0 auto 25px auto;
	display: flex;
	column-gap: 70px;
	position: relative;
}
#haji1 .inner figure,
#haji1 .inner .txt {width: calc((100% - 70px)/2);}
#haji1 .inner figure img {
	width: 100%;
	height: 30vw;
	max-height: 312px;
	object-fit: cover;
}
#haji1 .inner .txt {
	border-radius: 0 28px 28px 0;
	border: 1px solid #9a928c;
	border-left: none;
	display: flex;
	align-items: center;
	padding: 50px 50px 50px 0;
	box-sizing: border-box;
	justify-content: flex-start;
	text-align: left;
	position: relative;
}
#haji1 .inner .txt::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #9a928c;
	position: absolute;
	left: -2.5px;
	top: -2.5px;
}
#haji1 .inner .txt h3 {
	font-size: 24px;
	margin: 30px 0 20px 0;
	font-weight: 400;
}
#haji1 .inner .txt p.num {
	font-family: "Dynalight", cursive;
	font-size: 65px;
}
@media screen and (max-width: 1000px) {
#haji1 .inner {column-gap: 50px;}
#haji1 .inner figure,
#haji1 .inner .txt {width: calc((100% - 50px)/2);}	
#haji1 .inner figure img {height: 100%;	max-height: inherit;}
}
@media screen and (max-width: 830px) {
#haji1 .inner .txt h3 {	font-size: 20px;margin: 20px 0 20px 0;}
#haji1 .inner .txt p.num {font-size: 50px;}
}
@media screen and (max-width: 740px) {
#haji1 .inner {column-gap: 30px;}
#haji1 .inner figure,
#haji1 .inner .txt {width: calc((100% - 30px)/2);}	
#haji1 .inner .txt {
	border: none;
	border-left: none;
	padding: 30px 0px 30px 0;
}
#haji1 .inner .txt::before {content: none;}
}
@media screen and (max-width: 610px) {
#haji1 .inner {margin: 0 auto 40px auto;}
#haji1 .inner .txt {padding: 0; position: static;}
#haji1 .inner .txt p.num {
	position: absolute;
	left: 10px;
	top: -15px;
	color: #e98596;
	font-size: 50px;
}
#haji1 .inner .txt h3 {	font-size: 18px;margin: 0 0 20px 0;}
}
@media screen and (max-width: 560px) {
#haji1 {padding: 70px 20px;}
#haji1 .inner {column-gap: 0;}
#haji1 .inner figure {width: 40%;}
#haji1 .inner .txt {width: 60%; padding-left: 20px; box-sizing: border-box;}
#haji1 .inner .txt p {font-size: 14px;}
#haji1 .inner .txt p br {display: none;}
}

/*--メッセージ部---*/
#haji1 .msg {
	max-width: 664px;
	margin: 0 auto;
	padding: 100px 0 50px 0;
}

#haji1 .msg h4 {
	color: #e47487;
	font-size: 25px;
	line-height: 180%;
	margin: 0 0 40px 0;
	font-weight: normal;
}
#haji1 .msg p {
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 680px) {
#haji1 .msg {padding: 50px 20px;}	
#haji1 .msg h4 br {display: none;}
}
@media screen and (max-width: 500px) {
#haji1 .msg h4 {font-size: 20px;margin: 0 0 20px 0;}
}
@media screen and (max-width: 450px) {
#haji1 .msg {padding: 40px 10px;}	
}

/*--院長プロフィール---*/
#prof {
	max-width: 1245px;
	position: relative;
	margin: 0 auto 100px auto;
	padding: 0 30px;
	box-sizing: border-box;
}

#prof img {
	position: absolute;
	left: 30px;
	top: 0;
	width: 55%;
	height: auto;
}

#prof .gray {
	background-color: #f1f1f1;
	padding: 50px 50px 50px 130px;
	float: right;
	margin-top: 50px;
	width: 50%;
	box-sizing: border-box;
	font-size: 15px;
}

#prof h5 {
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 140%;
}

#prof p.en {
	font-size: 12px;
	font-family: "LINE Seed JP", sans-serif;
	margin: 0 0 10px 0;
	letter-spacing: 2px;
}
#prof p.en.sp {margin-top: 30px;}

#prof p.hs {letter-spacing: -0.4em;}
#prof p.hs span {
	letter-spacing: normal;
	vertical-align: top;
}

#prof p.hs span:nth-child(1) {width: 80px;}
#prof p.hs span:nth-child(2) {width: calc(100% - 80px)}

@media screen and (max-width: 1200px) {
#prof {
	max-width: 800px;
	margin: 0 auto 50px auto;
}
#prof img {
	position: static;
	width: 100%;
	height: auto;
}
#prof .gray {
	background-color: #f1f1f1;
	padding: 50px;
	float: none;
	margin-top: 0px;
	width: 100%;
}
}
@media screen and (max-width: 560px) {
#prof {
	padding: 0;
	background-color: #f1f1f1;
	margin: 0;
}
#prof .gray {
	padding: 40px;
}
}
@media screen and (max-width: 420px) {
#prof .gray {
	padding: 30px;
}
}


/*-1段目全画面　コンテンツ共通---*/

.ft1 {
	width: calc(100vw - 54px);
	height: calc(100vh - 54px);
	min-height: 700px;
  	margin: 27px auto 27px auto;
  	position: relative;	
}

.ft1 img {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ft1 .ttl {
	position: absolute;
	bottom: 80px;
	left: -27px;
	z-index: 11;
	background-color: #e98596;
	padding: 60px 40px 60px 90px;
	min-height: 30vh;
}

.ft1 .ttl h1 {
	font-weight: normal;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	color: #fff;
	font-size: 30px;
}

.ft1 .ttl h1 span {
	display: block;
	font-size: 19px;
	line-height: 160%;
}
@media screen and (max-width: 1000px) {
.ft1 {
	width: calc(100vw - 40px);
	height: calc(100vh - 40px);
  	margin: 20px auto 20px auto;
}
}
@media screen and (max-width: 700px) {
.ft1 {	min-height: 600px;}	
.ft1 .ttl {
	padding: 30px 30px 30px 50px;
	min-height: 30vh;
}
.ft1 .ttl h1 {font-size: 23px; margin-right: 15px;}
}
@media screen and (max-width: 500px) {
.ft1 {
	width: calc(100vw - 20px);
	height: calc(100vh - 20px);
  	margin: 10px auto;
}
}

/*---------------------------------------
おとな・こども歯科矯正
----------------------------------------*/
#oto1,
#kids1,
#kids2,
#kids3,
#oto2,
#oto3,
#oto4 {text-align: center;	padding: 70px 30px 0 30px;}

/*--冒頭導入---*/
.dnmsg {
	border: 1px solid #999;
	padding: 50px;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	border-radius: 10px;
}
.dnmsg::before {
	content: "";
	position: absolute;
	left: 60%;
	width: 30%;
	height: 5px;
	background-color: #fff;
	top: -2px;
}
.dnmsg::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	background-color: #999;
	left: 60%;
	top: -3px;
}
.dnmsg h2 {
	font-size: 22px;
	color: #e98596;
	margin: 0 0 30px 0;
	line-height: 160%;
}
.dnmsg p {text-align: left;}
@media screen and (max-width: 720px) {
.dnmsg {padding: 40px;}
}
@media screen and (max-width: 540px) {
.dnmsg {padding: 30px;}
.dnmsg h2 {	font-size: 20px;margin: 0 0 20px 0;}
}

/*---料金表---*/

.dnmsg h3 {
	font-size: 16px;
	margin: 20px 0 10px 0;
	line-height: 160%;
	text-align: left;
}

.dnmsg p.cell {
	letter-spacing: -0.4em;
	padding: 5px 0;
	border-top: 1px solid #d6d6d6;
}
.dnmsg p.cell span {display: inline-block; letter-spacing: normal; vertical-align: top;}

.dnmsg p.cell span:nth-child(1) {width: 120px;}
.dnmsg p.cell span:nth-child(2) {width: calc(100% - 120px);}

@media screen and (max-width: 445px) {
.dnmsg p.cell span:nth-child(1) {width: 100%; margin-bottom: 5px;}
.dnmsg p.cell span:nth-child(2) {width: 100%;}	
	
}

/*--その他の治療の抜粋---*/

.inner_tre {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	max-width: 1300px;
	margin: 0 auto;
	justify-content: center;
}
.inner_tre .box {
	width: calc((100% - 120px)/4);
	margin-bottom: 20px;
	text-align: left;
}
.inner_tre .box .txt {padding: 10px 5px 5px;}
.inner_tre .box h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
	color: #504731;
}
.inner_tre .box p {
	font-size: 15px;
	color: #504731;
}

.inner_tre .box figure {
	width: 100%;
	height: 15vw;
	max-height: 210px;
}
.inner_tre .box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 920px) {
.inner_tre .box {
	width: calc((100% - 40px)/2);
}
.inner_tre .box figure {
	height: 30vw;
	max-height: inherit;
}
}

@media screen and (max-width: 540px) {
.inner_tre .box {
	width: 100%;
	margin-bottom: 0px;
	border-top: 1px solid #d6d6d6;
	padding: 15px 0;
}
.inner_tre .box a {
	display: flex;
	column-gap: 20px;
}	
	
.inner_tre .box a figure {
	width: 35vw;
	height: 30vw;
}
.inner_tre .box a .txt {
	width: calc(65vw - 20px);
	padding: 0;
}
.inner_tre .box p {
	font-size: 14px;
}
}


/*--おとな3つのポイント---*/
#oto2 .inner {
	max-width: 1000px;
	margin: 70px auto 0 auto;
}

#oto2 .inner .box {
	display: flex;
	column-gap: 40px;
	margin-bottom: 80px;
	position: relative;
}

#oto2 .inner .box figure {
	width: 40%;
	height: 30vw;
	max-height: 350px;
}
#oto2 .inner .box .txt {
	text-align: left;
	width: calc(60% - 40px);
}

#oto2 .inner .box figure img {width: 100%; height: 100%; object-fit: cover;}

#oto2 .inner .box p.pt {
	font-family: "Jost", sans-serif;
	border: 1px solid #999;
	padding: 0px 8px;
	margin-bottom: 20px;
	display: inline-block;
	background-color: #fff;
}
#oto2 .inner .box p.pt span {display: inline-block; margin-left: 5px;}
#oto2 .inner .box h3 {
	font-size: 24px;
	margin: 0 0 30px 0;
	line-height: 160%;
}
#oto2 .inner .box p.num {
	position: absolute;
	left: 35%;
	top: -20px;
	font-family: "Dynalight", cursive;
	font-size: 130px;
	color: rgba(0,0,0,0.5);
}
@media screen and (max-width: 700px) {
#oto2 .inner .box {	display: block;	margin-bottom: 80px;}
#oto2 .inner .box figure {
	width: 80%;
	height: 60vw;
	max-height: 350px;
	margin-bottom: 20px;
}
#oto2 .inner .box .txt {
	text-align: left;
	width: 100%;
}
	
#oto2 .inner .box p.num {
	left: inherit;
	right: 10px;
}
#oto2 .inner .box p.pt {
	position: absolute;
	right: 0;
	top: 45px;
	padding: 0px 10px;
	min-width: 20%;
}
}
/*---相談への誘導---*/

.sodan {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	background-color: #f6f6f6;
	border-left: none;
	border-right: none;
	padding: 30px;
}
.sodan a {
	display: inline-block;
	border: 1px solid #666;
	padding: 3px 10px;
	margin: 0 3px 3px 3px;
	transition: 0.5s;
}
.sodan a:hover {background-color: rgba(0,0,0,0.2);}
.sodan p {
	margin: 0 0 10px 0;
}

/*--治療法おとな---*/
#oto3 .inner {
	border-top: 1px solid #333;
	padding: 0;
	max-width: 1000px;
	margin: 0 auto 80px auto;
	position: relative;
}

#oto3 .inner .treatment {
	display: flex;
	column-gap: 40px;
}

#oto3 .inner p.num {
	position: absolute;
	left: 0;
	top: -1px;
	width: 80px;
	height: 80px;
	background-color: #e98596;
	color: #fff;
	line-height: 80px;
	font-family: "Jost", sans-serif;
	font-weight: 400;
	font-size: 26px;
}

#oto3 .inner .treatment figure {width: 30%;}
#oto3 .inner .treatment .txt {width: calc(70% - 40px);text-align: left;}

@media screen and (max-width: 760px) {
#oto3 .inner .treatment figure {width: 40%;}
#oto3 .inner .treatment .txt {width: calc(60% - 40px);}	
}
@media screen and (max-width: 560px) {
#oto3 .inner .treatment {display: block;}
#oto3 .inner .treatment figure {width: 100%; margin-bottom: 20px;}
#oto3 .inner .treatment .txt {width: 100%;}	
}

#oto3 .inner h3 {
	font-size: 22px;
	text-align: left;
	padding: 0 0 0 100px;
	line-height: 80px;
}

@media screen and (max-width: 500px) {
#oto3 .inner p.num {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}
#oto3 .inner h3 {
	font-size: 18px;
	text-align: left;
	padding: 10px 0 10px 65px;
	line-height: 160%;
}
}


#oto3 .inner h4,
#oto3 .inner .treatment .txt p strong {
	color: #c55467;
	font-weight: normal;
	margin: 10px 0 5px 0;
	font-size: 18px;
}

#oto3 .inner .price {
	text-align: left;
}
#oto3 .inner .price p.ct {margin-bottom: 20px;}

#oto3 .inner .tbl {
	display: flex;
	border: 1px solid #999;
	border-bottom: none;
}

#oto3 .inner .tbl:last-child {border-bottom: 1px solid #999;}

#oto3 .inner .tbl p:nth-child(1) {
	padding: 15px;
	width: 70%;
}
#oto3 .inner .tbl p:nth-child(2) {
	padding: 15px;
	width: 30%;
}

#oto3 .inner .plus {
	text-align: center; font-size: 30px;
	font-weight: 200;
	font-family: "Jost", sans-serif;
	padding: 10px 0;
}

#oto3 .inner .bikou {
	background-color: #f6f6f6;
	padding: 40px;
	text-align: left;
	font-size: 14px;
	margin: 50px 0 0 0;color: #333;
} 
#oto3 .inner .bikou h5 {
	font-weight: normal;
	margin: 0 0 5px 0;
	font-size: 16px;
}
@media screen and (max-width: 560px) {
#oto3 .inner .bikou {
	padding: 20px;
	margin: 30px 0 0 0;
} 	
}

/*----こどもの歯科矯正（おとなと共有部あり）-----*/

/*--メッセージ部---*/
#oto2 .msg {
	max-width: 664px;
	margin: 0 auto;
	padding: 20px 0;
}

#oto2 .msg p {
	color: #e47487;
	font-size: 25px;
	line-height: 180%;
	margin: 0 0 10px 0;
	font-weight: normal;
}
@media screen and (max-width: 600px) {
#oto2 .msg p {
	font-size: 20px;
}	
}
@media screen and (max-width: 480px) {
#oto2 .msg p {
	font-size: 18px;
}	
}

/*----------------------------------------------------------
その他の治療アーカイブ
-----------------------------------------------------*/

#arcv {
	text-align: center;	
	padding: 70px 30px 0 30px;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

#arcv .inner {
	display: flex;
	column-gap: 50px;
	margin: 50px auto;
	flex-wrap: wrap;
	padding: 0 20px;
}
#arcv .inner .box {
	width: calc((100% - 50px)/2);
	text-align: left;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 30px;
}

#arcv .inner .box figure {
	width: 100%;
	height: 25vw;
	max-height: 300px;
}

#arcv .inner .box figure img {width: 100%; height: 100%;
object-fit: cover;}
#arcv .inner .box .txt {
	padding: 20px 10px 0 10px;
}

#arcv .inner .box .txt h3 {
	font-size: 17px;
	margin: 0 0 10px 0;
}
#arcv .inner .box .txt p {
	color: #444;
	font-size: 15px;
}
@media screen and (max-width: 700px) {
#arcv .inner {
	column-gap: 30px;
	padding: 0;
}
#arcv .inner .box {
	width: calc((100% - 30px)/2);
}	
}

@media screen and (max-width: 580px) {
#arcv .inner {
	display: block;
}
#arcv .inner .box {
	width: 100%;
	border: none;
	border-top: 1px solid #d6d6d6;
	padding: 20px 0;
	margin: 0;
}	
#arcv .inner .box a {
	display: flex;
	column-gap: 20px;
}	
#arcv .inner .box .txt {
	padding: 0;
	width: calc(60% - 20px);
}
	
#arcv .inner .box a figure {
	width:40%;
	height: 30vw;
}
}

/*----------------------------------------------------------
ブログアーカイブ
-----------------------------------------------------*/

#arcv_bl {
	text-align: center;	
	padding: 70px 30px 0 30px;
	max-width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
}

#arcv_bl .inner {
	display: flex;
	column-gap: 50px;
	margin: 50px auto;
	flex-wrap: wrap;
	padding: 0 20px;
}
#arcv_bl .inner .box {
	width: calc((100% - 100px)/3);
	text-align: left;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 50px;
}

#arcv_bl .inner .box figure {
	width: 100%;
	height: 20vw;
	max-height: 300px;
}

#arcv_bl .inner .box figure img {width: 100%; height: 100%;
object-fit: cover;}
#arcv_bl .inner .box .txt {
	padding: 20px 10px 0 10px;
}

#arcv_bl .inner .box .txt h3 {
	font-size: 17px;
	margin: 0 0 10px 0;
}
#arcv_bl .inner .box .txt p {
	color: #444;
	font-size: 15px;
}
@media screen and (max-width: 1000px) {
#arcv_bl .inner {
	column-gap: 30px;
}
#arcv_bl .inner .box {
	width: calc((100% - 60px)/3);
}	
}

@media screen and (max-width: 790px) {
#arcv_bl .inner {
	column-gap: 30px;
}
#arcv_bl .inner .box {
	width: calc((100% - 30px)/2);
}	
#arcv_bl .inner .box figure {
	width: 100%;
	height: 30vw;
}
}

@media screen and (max-width: 580px) {
#arcv_bl .inner {
	display: block;
	padding: 0;
}
#arcv_bl .inner .box {
	width: 100%;
	border: none;
	border-top: 1px solid #d6d6d6;
	padding: 20px 0;
	margin: 0;
}	
#arcv_bl .inner .box a {
	display: flex;
	column-gap: 20px;
}	
#arcv_bl .inner .box .txt {
	padding: 0;
	width: calc(60% - 20px);
}
	
#arcv_bl .inner .box a figure {
	width:40%;
	height: 30vw;
}
}
/*---------------------------------------------
お知らせアーカイブ
----------------------------------------------*/
#arcv_b {
	text-align: center;	
	padding: 70px 30px 0 30px;
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
}
#arcv_b .inner {
	margin: 50px 0;
}

#arcv_b .box a {
	display: block;
	border-top: 1px solid #d6d6d6;
	padding: 20px;
	text-align: left;
}

#arcv_b .box a figure {
	width: 120px;
	height: 120px;
	float: right;
	margin: 0 0 0 20px;
}
#arcv_b .box a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#arcv_b .box a h3 {
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #504731;
}
#arcv_b .box a p {
	color: #999;
	font-size: 14px;
}
@media screen and (max-width: 450px) {
#arcv_b .box a {padding: 20px 0;}	
#arcv_b .box a h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
}
}



/*----------------------------------------------------------
記事
-----------------------------------------------------*/

#kiji {
	text-align: center;	
	padding: 70px 30px 0 30px;
	max-width: 960px;
	margin: 0 auto;
	box-sizing: border-box;
}

.edi.waku {padding: 0 30px; max-width: 900px; margin: 50px auto;}
.edi {
	margin: 50px 0;
	text-align: left;
	line-height: 220%;
	font-size: 1.1em;
}

.edi figure,
.edi figure img {
	max-width: 100%;
	height: auto;
}
.edi figure.w_auto,
.edi figure.w_auto img {
	max-width: 100% !important;
	height: auto;
}

.edi h2 {
	color: #c55467;
	font-size: 22px;
	margin: 20px 0 10px 0;
}
.edi h3 {
	color: #c55467;
	font-size: 20px;
	margin: 20px 0 10px 0;
}
.edi h4 {
	border: 1px solid #666;
	padding: 5px 10px;
	margin: 20px 0 20px 0;
}

.edi iframe {
	margin: 30px auto;
}

.edi .wp-block-embed-youtube iframe {
	width: 100%;
	height: 540px;
}

@media screen and (max-width: 1020px) {
.edi .wp-block-embed-youtube iframe {
	width: 100%;
	height: calc(((100vw - 60px)*9)/16);
}	
}


.edi h2.en_sub {
	color: #504731;
	border-top: 1px solid #666;
	font-size: 20px;
	margin: 60px 0 30px 0;
	padding: 5px 0;
	position: relative;
}
.edi h2.en_sub strong {
	position: absolute;
	left: 0;
	top: -35px;
	font-family: "Jost", sans-serif;
	color: #666;
	font-size: 12px;
	letter-spacing: 1px;
}
.edi p {margin: 0 0 15px 0;}

.edi ul, .edi ol {
	padding: 0 0 0 20px;
}

.edi ul li, .edi ol li {
	list-style: disc;
	list-style-position: outside;
}

.edi table td {
	border: 1px solid #d6d6d6;
	border-left: none;
	border-right: none;
}
.edi table {
	border: 2px solid #AAA;
}

.wp-block-button__link {
	background-color: #666;
	color: #fff;
	padding: 0 15px;
	font-size: 15px;
}

/*-----------------------------------------------------
設定値
.fil z-index:10
PC で余白は27px,1000で20、500で10
茶色っぽい文字色　#504731
ピンク　#e98596 233,133,150

以下は共通設定
--------------------------------------------------------*/

b {border-bottom: 2px dotted #999; font-weight: normal; padding-bottom: 3px;}
h1.top26,
h2.top26 {font-size: 26px; margin-bottom: 50px; font-weight: normal; line-height: 140%;}
h2.top26c {font-size: 26px; margin-bottom: 30px; font-weight: normal; line-height: 140%;}
h3.top_sec,
h4.top_sec {font-size: 30px; font-weight: normal; line-height: 180%;  margin-bottom: 30px;}

@media screen and (max-width: 700px) {
h1.top26,
h2.top26 {font-size: 22px; margin-bottom: 30px;}
h2.top26c {font-size: 22px; margin-bottom: 20px;}
h3.top_sec,
h4.top_sec {font-size: 20px; margin-bottom: 30px;}
}

/*--黒フィルタ--*/
.fil {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.38);
	z-index: 10; left: 0; top: 0;
}
/*--ポイントの飾り---*/
img.point {
	width: 135px;
	height: auto;
}

/*--飾り下の欧文---*/
p.small_en {
	font-size: 10px;
	font-family: "LINE Seed JP", sans-serif;
	margin: 0px 0 20px 0;
	font-weight: 700;
	letter-spacing: 1px;
}
p.htxt {
	font-size: 19px;
	line-height: 220%;
	margin-bottom: 50px;
}
p.htxt_sm {
	font-size: 15px;
	line-height: 220%;
	margin-bottom: 50px;
}
a.wbtn {
	border: 1px solid rgba(255,255,255,1);
	padding: 8px 60px 8px 20px;
	color: #fff;
	margin: 30px 0 0 0;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
a.wbtn:hover {background-color: rgba(255,255,255,0.3);}
a.wbtn span {
	position: absolute;
	right: 20px;
	top: 9px;
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 100;
	font-size: 20px;
	transition: 0.5s;
}
a.wbtn:hover span {right: 10px;}




/*--------------------------------------------------------
ハンバーガーメニュー
----------------------------------------------------------*/
/*----------ハンバーガー-----------*/
/*Media Queries*/

#nav-drawer {
  display: block;
  z-index: 100;
  width: 54px;
  height: 54px;
  position: fixed;
  top: 72px;
  right: 72px;
}
	
/*チェックボックス等は非表示に*/
#nav-drawer .nav-unshown {
  display: none;
}
/*アイコンのスペースハンバーガー*/
#nav-open {
  display: inline-block;
  width: 54px;
  height: 54px;
  box-sizing: border-box;
  line-height: 40px;
  position: fixed;
  text-align: left;
  padding: 0;
  right: 72px;
  top: 72px;
  cursor: pointer;
  z-index: 100;
	background-color: #e98596;
/*	border-radius: 50%;*/
	transition: 0.5s;
	border-radius: 150px;
}
@media screen and (max-width: 1000px) {
#nav-drawer { top: 50px; right: 50px;}
#nav-open { right: 50px; top: 50px;}	
}
@media screen and (max-width: 500px) {
#nav-drawer { top: 30px; right: 30px;}
#nav-open { right: 30px; top: 30px;}
}

/*ハンバーガー*/
#nav-open:hover {background-color: #cc5f72;}
#nav-open span { display: block; transition: all .2s; box-sizing: border-box;}
#nav-open span {
position: absolute;
width: 28px;
height: 1px;
border-bottom: 1px solid #fff;
background-color: transparent;
left:13px;
}
#nav-open span:nth-of-type(1) {top: 17px;}
#nav-open span:nth-of-type(2) {top: 27px;}
#nav-open span:nth-of-type(3) {top: 37px;}

#nav-input:checked ~ #nav-open span:nth-of-type(1) {
width: 50px;
-webkit-transform: translateX(-12px) translateY(7px) rotate(-30deg);
transform: translateX(-12px) translateY(7px) rotate(-30deg);
border-bottom: 2px solid #e98596;
}
#nav-input:checked ~ #nav-open span:nth-of-type(2) {display: none;}
#nav-input:checked ~ #nav-open span:nth-of-type(3) {
width: 50px;
-webkit-transform: translateX(-12px) translateY(-13px) rotate(30deg);
transform: translateX(-12px) translateY(-13px) rotate(30deg);
border-bottom: 2px solid #e98596;
}
#nav-input:checked ~ #nav-open {background-color: #fff;}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 2;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.3);*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block; /*カバーを表示*/
}
#nav-input:checked ~ #nav-content {
  -webkit-animation: ham 1s;
  -o-animation: ham 1s;
  -ms-animation: ham 1s;
  -moz-animation: ham 1s;
}
@keyframes ham {
0% {transform: translateY(0); opacity: 0; filter: alpha(opacity=0);}
100% {transform: translateY(0); opacity: 1.0; filter: alpha(opacity=100);}
}

@media screen and (max-width: 650px) {

#nav-drawer {
/*  right: 20px;*/
}
}

/*------PC版・スマホ版共通　ハンバーガーの中身----------*/

/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/
height: 100%;
transition: 0.3s; /*滑らかに表示*/
box-sizing: border-box;
text-align: left;
background-color: #fff;
display: none;
z-index: -10; /*最背面に隠しておく*/
	padding: 80px 50px 50px 50px;
}
#nav-input:checked ~ #nav-content {	display: block;	z-index: 99;}
#nav-content .head {max-width: 1150px;	margin: 0 auto;}
#nav-content .head img {width: 280px; height: auto;	max-width: 100%;}
#nav-content .head p {
	font-size: 12px; 
	color: #e98596;
	font-family: "LINE Seed JP", sans-serif;
	margin: 5px 0 20px 0;
}
#nav-content .inner {
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
	column-gap: 40px;
	padding-right: 100px;
	box-sizing: border-box;
	flex-wrap: wrap;
}
#nav-content .inner .box {width: calc((100% - 80px)/3);}
#nav-content .inner .box a {
	display: block;
	font-size: 16px;
	padding: 5px;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
	transition: 0.5s;
	color: #504731;
}
#nav-content .inner .box a.mbtn,
#nav-content .inner .box a.calbtn {
	padding: 8px 15px;
	border: 1px solid #d6d6d6;
}
#nav-content .inner .box a.mbtn::after {
	content: "→";
	position: absolute;
	right: 15px;
	top: 6px;
	font-family: "LINE Seed JP", sans-serif;
	font-weight: 200;
}

/*--診療のご案内--*/
#nav-content .inner .box a.calbtn span {
	position: absolute;
	right: 12px;
	top: 8px;
	width: 25px;
	height: auto;
}


#nav-content .inner .box a:hover {color: #e98596;}
#nav-content .inner .box a.sub {font-size: 13px;margin: 0 15px;}
#nav-content .inner .box a.sub::before {
	content: "- ";
	font-size: 17px;
	color: #e98596;
}


@media screen and (max-width: 1000px) {
#nav-content .inner  {padding-right: 0;}
}
@media screen and (max-width: 1100px) {
#nav-content .inner .box {width: auto;}
}
@media screen and (max-width: 800px) {
#nav-content .inner {display: block;}
#nav-content .inner .box {width: 100%;}
}
@media screen and (max-width: 430px) {
#nav-content {padding: 120px 50px 50px 50px;}
}

/*------------------------------------------------------
ページングのスタイル
-----------------------------------------------------------*/
.newer-older {
	margin: 30px auto 0px auto;
	letter-spacing: -0.4em;
	display:flex;
	-js-display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	width: 100%;
	max-width: 1200px;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid #d6d6d6;
}
.newer-older p {margin: 0; padding: 0;}

.newer-older p.newer {text-align: right; border-left: 1px solid #d6d6d6;}
.newer-older p.older {text-align: left; }
.newer-older p.blog {
	text-align: center; 
	background-color: #f6f6f6;
}

.newer-older p.older,
.newer-older p.newer {
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: middle;
}

.newer-older p.older{width: calc(50%)}
.newer-older p.newer{width: calc(50%)}


.newer-older p.older a,
.newer-older p.newer a {
	height: 100%;
	display: block;
	text-decoration: none;
	transition: 0.5s;
	box-sizing: border-box;
	position: relative;
}

.newer-older p.newer a::after {
	content: "→";
	position: absolute;
	right: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}
.newer-older p.older a::after {
	content: "←";
	position: absolute;
	left: 5px;
	top: calc(50% - 16px);
	font-family: "Figtree", sans-serif;
}


.newer-older p.older a {padding: 20px 20px 20px 30px;}
.newer-older p.newer a {padding: 20px 30px 20px 20px;}

@media screen and (max-width: 710px) {
.newer-older p.newer {text-align: left;}
}
@media screen and (max-width: 550px) {

.newer-older p.older a {padding: 20px 10px;}
.newer-older p.newer a {padding: 20px 10px;}

	
.newer-older p.older{width: 50%}
.newer-older p.newer{width: 50%; }
.newer-older p.blog { display: none;}
	
.newer-older p.newer a::after,
.newer-older p.older a::after {display: none;}	
}

/*----------------------------------------------------------------------------
ページングカスタマイズ
-----------------------------------------------------------------------------*/

nav.pagination {
	letter-spacing: normal; 
	text-align: center;
	font-size: 16px;
	color:#000;
	margin: 60px 0 ;
	position: relative;
	z-index: 999;
}

nav.pagination h2 {display: none;}
nav.pagination a{
	display: inline-block;
	color:#504731;
	margin: 0 2px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	transition: 0.5s;
}

nav.pagination a:hover {background-color: #d6d6d6;}

nav.pagination span.page-numbers {
	background-color: #504731;
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
}

nav.pagination span.dots{
	background: none;
	color:#000;
}
/*--nav.pagination span.page-numbers {background-color: #d6d6d6;}--*/