@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	width: 100%;
	min-width: 1000px;
	height: auto;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #000;;
	line-height: 1.5;
	background: #faf7f4;
	-webkit-text-size-adjust: none;
}

img { border:none; max-width:100%; height:auto; vertical-align:bottom; /* ie8 */}

a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )"; }


/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	margin: 0;
	padding: 0;
}



h2.b2 { width:100%; text-align:center; margin:0; padding:0; font-size:3em; line-height:1.3; color: #0e3192;}
h3 { width:100%; font-size:2.5em; line-height: 1.3; padding:0; margin:0 auto; text-align: center;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	display:block;
}

p { font-family: 'BIZ UDPGothic', sans-serif; font-size:16px; line-height: 1.7; text-align:justify; word-wrap: break-word; color:#603813; letter-spacing: 0.08em;}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

/* ▼LINK▼ */
a {
	
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	border: 0;
	transition-duration: 1s;
}

a.no_filter:hover,
.no_filter a:hover,
a.no_filter:hover img,
input[type="image"].no_filter:hover,
.no_filter a:hover img,
.no_filter input[type="image"]:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#container {
	position: relative;
	z-index: 1;
	margin:0;
}
.base_box {
	position: relative;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:60px;
}

footer { width:100%; text-align: center;}
footer p { text-align: center; padding-bottom:20px; font-size:12px!important;}
footer.top { width:100%; text-align: center; position:absolute; bottom:10px; }
footer.top p { text-align: center; padding-bottom:10px; font-size:12px!important; color:#fff;}

header { width:100%; margin:0 auto; background-color:#fff; height:70px;}
ul.logo { list-style: none; width:1000px; margin:0 auto; padding: 0 0 0 0; background-color:#fff;}
ul.logo li { display:inline-block; margin:0; padding:0;}
ul.logo li:first-child { width:300px; text-align: left;}
ul.logo li:last-child { width:700px; text-align: right;}

ul.gmenu { list-style: none; margin:0; text-align: right; padding:0;}
ul.gmenu li { display:inline-block; margin:0 1em 0 0; padding:0; text-align: right; width:auto!important; font-size:14px; position:relative;}
ul.gmenu li:last-child { margin:0;}
ul.gmenu li a { display:block; padding:2em 1em;}
ul.gmenu li a:hover { background-color:#f5f5f5; text-decoration: none;}
ul.gmenu li:hover ul.submenu { display:block; }

ul.submenu { display:none; list-style:none; margin:0; padding:0; position:absolute; top:70px; left:0; z-index:99; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1);}
ul.submenu li { display:block; background-color:#f5f5f5; text-align: left; padding:0; margin:0; width:12em!important; border-top:1px solid #ccc;}
ul.submenu li a { display:block; padding:1em;　white-space: nowrap;}
ul.submenu li a:hover { background-color:#e8e8e8;}
ul.submenu li:last-child {text-align: left!important;}

ul.c_block50 { list-style: none; margin:0 auto; padding:0; }
ul.c_block50 li {display:inline-block; margin:0; padding:0; vertical-align: top; width:380px; }
ul.c_block50 li:first-child { margin:0 40px 0 0;}
.img100 { width:100%!important; height:auto;}

ul.col2 { list-style: none; margin:0 auto; padding:0; }
ul.col2 li {display:inline-block; margin:0; padding:0; vertical-align: top; width:185px; }
ul.col2 li:first-child { margin:0 10px 0 0;}
ul.col2 li img { width:100%!important; height:auto;}


ul.c_block { list-style: none; margin:0; padding:0;}
ul.c_block li {display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.c_block li:first-child { width:540px; margin:0 40px 0 0;}
ul.c_block li:last-child { width:220px; }


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

.kadomaru { border-radius: 10px;}
.map { width:800px; border:solid 1px #333;}

h1 { font-size:32px; line-height: 1.3; color: #603813; padding:0; font-family: 'Noto Serif JP', serif; letter-spacing: 0.03em;}
h1 img { width:130px; float:right;}
h2 { width:100%; text-align:left; margin:0; padding:0 0 0.2em 0; font-size:24px; line-height:1.3; color: #61c3d2; border-bottom:solid 1px #603813; font-family: 'Noto Serif JP', serif;}

.header-kv { position:relative; padding:0; width:1000px; margin:0 auto;}
.header-kv span { position:absolute; top:-29px; left:100px; color:#fff; font-family: 'Bona Nova', serif; font-size:70px; letter-spacing: 0.1em;}

/*クリニック*/
.ttl-clinic { width:100%; padding:0.3em 0.5em; box-sizing: border-box; background-color:#ed7dae; color:#fff; font-size:24px; font-family: 'Noto Serif JP', serif; position:relative; }
.ttl-ka { width:100%; padding:0.1em 0.5em; box-sizing: border-box; background-color:#61c3d2; color:#fff; font-size:24px; font-family: 'Noto Serif JP', serif; }

.icon-home { position:absolute; top:50%; right:10px; transform: translateY(-50%); width:120px;}
.body-clinic { position:relative; vertical-align: middle;}
.detail { position:absolute; top:50%; right:0; transform: translateY(-50%); vertical-align: middle; font-size:14px; height:22px;}
.detail img { width:18px; height:auto;}

ul.intro { width:100%; list-style: none; }
ul.intro li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.intro li:first-child { width:140px; margin:0 30px 0 0; }
ul.intro li:first-child img { border-radius:10px; border:1px solid #603813; width:140px; height:auto;}
ul.intro li:last-child { width:630px; margin:0 0 0 0; font-size:16px; line-height: 1.6; text-align: justify; font-family: 'BIZ UDPGothic', sans-serif; color: #603813; }

ul.photo_1 { list-style: none; margin:0 auto; padding:0; width:252px;}
ul.photo_1 li { display:inline-block; margin:0 0 0 0; vertical-align:top; padding:0;}

ul.photo_3 { list-style: none; margin:0; padding:0; width:100%;}
ul.photo_3 li { display:inline-block; margin:0 22px 0 0; vertical-align: top; width:252px; padding:0;}
ul.photo_3 li:last-child { margin:0 0 0 0; padding:0;}

ul.photo_2 { list-style: none; margin:0 auto; padding:0; width:610px;}
ul.photo_2 li { display:inline-block; margin:0 20px 0 0; vertical-align:top; padding:0;}
ul.photo_2 li:first-child { width:338px; padding:0;}
ul.photo_2 li:last-child { margin:0 0 0 0; padding:0; width:252px;}


.w400 { width:400px; margin:0 auto;}

table.spec { border-collapse:  collapse;}
table.spec th { width:7em; border: solid 1px; padding:0.5em; font-size:16px; font-family: 'BIZ UDPGothic', sans-serif; color: #603813; background-color:#f5bbd4; text-align: center;}
table.spec td {border: solid 1px; padding:0.5em; font-size:16px; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}

a:link { color: #333; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
a:visited { color: #333; text-decoration: none;}

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

/*フォントカラー*/
.f-blue1 { color:#9bdce1; }
.f-blue2 { color:#61c3d2; }
.f-blue3 { color:#0138F6; }
.f-pink1 { color:#f5bbd4; }
.f-pink2 { color:#ed7dae; }
.f-red1 { color:#FF0000; }
.f-red2 { color:#cc0000; }
.f-ppl { color:#800080;}


/* ▼area▼ */
.mb100 { margin-bottom:100px!important; }
.mb95 { margin-bottom:95px!important; }
.mb90 { margin-bottom:90px!important; }
.mb80 { margin-bottom:80px!important; }
.mb75 { margin-bottom:75px!important; }
.mb70 { margin-bottom:70px!important; }
.mb65 { margin-bottom:65px!important; }
.mb60 { margin-bottom:60px!important; }
.mb55 { margin-bottom:55px!important; }
.mb50 { margin-bottom:50px!important; }
.mb48 { margin-bottom:48px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb36 { margin-bottom:36px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb24 { margin-bottom:24px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }


.mt250 { margin-top:250px!important; }
.mt200 { margin-top:200px!important; }
.mt150 { margin-top:150px!important; }
.mt100  { margin-top:100px!important; }
.mt70 { margin-top:70px!important; }
.mt60 { margin-top:60px!important; }
.mt50 { margin-top:50px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt5 { margin-top:5px!important; }
.mt3 { margin-top:3px!important; }
.mt0 { margin-top:0!important; }
.mt-5 { margin-top:-5px!important; }
.mt-10 { margin-top:-10px!important; }
.mt-20 { margin-top:-20px!important; }
.mt-40 { margin-top:-40px!important; }
.mt-50 { margin-top:-50px!important; }
.mt-80 { margin-top:-80px!important; }
.mt-100 { margin-top:-100px!important; }
.mt-170 { margin-top:-170px!important; }


.pb50 { padding-bottom:50px!important; }
.pb25 { padding-bottom:25px!important; }
.pb8 { padding-bottom:8px!important; }
.pb0 { padding-bottom:0!important; }

.p20 { padding:20px!important; }
.p15 { padding:15px!important; }
.p10 { padding:10px!important; }

.pt60 { padding-top:60px!important; }
.ptb40 { padding-top:40px!important; padding-bottom:40px!important; }
.pt30 { padding-top:30px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.ptb5 { padding-top:5px!important; padding-bottom:5px!important; }


hr { height:0; margin:40px auto; width:950px; border:solid 1px #ccc;}

.font10 { font-size:10px!important; }
.font12 { font-size:12px!important; }
.font14 { font-size:14px!important; }
.font16 { font-size:16px!important; }
.font18 { font-size:18px!important; }
.font20s { font-size:20px!important; }
.font22 { font-size:22px!important; }

.large0 { font-size:1.8em!important; line-height: 1.5;}
.large { font-size:1.6em!important; line-height: 1.5;}
.large1 { font-size:1.2em!important; }
.large1a { font-size:1.2em!important; }
.large2 { font-size:2.7em!important; }
.large3 { font-size:2em!important; }
.large5 { font-size:1.4em!important; }

/*トップページ*/
ul.top-menu { list-style:none; width:655px; position:absolute; bottom:10%; left: calc(50% - 327px); }
ul.top-menu li { display:inline-block; width:115px; margin:0 20px 0 0;}
ul.top-menu li:last-child { margin:0;}

ul.top-menu1 { list-style:none; width:655px; margin:40px auto 20px auto; }
ul.top-menu1 li { display:inline-block; width:115px; margin:0 20px 0 0;}
ul.top-menu1 li:last-child { margin:0;}

/*英語版*/
ul.top-menu-en { list-style:none; width:250px; margin:0 auto; }
ul.top-menu-en li { display:inline-block; width:115px; margin:0 20px 0 0;}
ul.top-menu-en li:last-child { margin:0;}

h1.h1-en { position: absolute; top:5%; left:50%; transform: translateX(-50%);
  width: 100%; margin: auto; color:#fff; text-align: center;}
 
.en-item { width:560px; margin:0 auto;  }
.en-top { width:560px; padding:10px; box-sizing: border-box; background-color:#fff; border-radius:15px; text-align: center; }

ul.en-top-menu { list-style: none; width:100%; margin:0 auto;}
ul.en-top-menu li { display:inline-block; margin:0; padding:0.1em 0; font-size:14px; font-family: 'BIZ UDPGothic', sans-serif; color:#603813;}
ul.en-top-menu li:nth-child(odd) { text-align: right; width:70%; margin-right:1%;}
ul.en-top-menu li:nth-child(even) { text-align: left; width:29%;}
.font20 { font-size:20px; font-weight:bold; font-family: 'BIZ UDPGothic', sans-serif; color:#603813;}

.full {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../img/top.png")
    center / cover;
}
h1.h1 { position: absolute; top:5%; left:50%; transform: translateX(-50%);
  width: 100%; margin: auto; color:#fff; text-align: center;}

.sp-full { display:none;}

section {
  padding: 2rem 0;
  text-align: center;
}

section h2 {
  font-size: 5vw;
  font-family: "Montserrat", sans-serif;
}

#menu-btn-check {
    display: none;
}

/* 指定方法
font-family: 'BIZ UDPGothic', sans-serif;
font-family: 'Bona Nova', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;

*/

.pc { display:block;}
.sp { display:none;}

/*編集領域*/
.edit { width:100%; padding:4%; box-sizing: border-box; background-color:#fff; font-size:12px;}

/*ボタン*/
.arrow-button{
    /* ボタンのCSS */
    background-color: #61c3d2;
    color: #fff;
    display: block;
    position: relative; /* position: relative;で矢印の位置を基点とさせます */
    text-align: center;
    text-decoration: none;
    width: 100%;
	font-size:16px;
	height:60px;
}

.arrow-button::after{
    /* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    bottom: 10px;
    left:50%;
    transform: translateX(-50%) rotate(135deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}

.arrow-button a { display:block; padding:1em 1em 1.2em 1em; color:#fff; text-decoration: none; }
.arrow-button a:hover { background-color:#01A1E5;}

ul.btn-yotsuya { list-style: none; width:60%; margin:40px auto;}
ul.btn-yotsuya li { width:45%; margin:0 10% 0 0; display:inline-block;}
ul.btn-yotsuya li:last-child { margin:0;}

ul.btn-futaba { list-style: none; width:90%; margin:40px auto;}
ul.btn-futaba li { width:30%; margin:0 5% 0 0; display:inline-block; font-size:1em;}
ul.btn-futaba li:last-child { margin:0;}

.td-ul { background-color:#333;}
.w60-tb { width:80%;}

ul.c-cap { list-style: none; margin:0; padding:0; padding-left:1em;}
ul.c-cap li { line-height: 1.5; text-align: left; text-indent:-1em; padding-left:-1em; }

ul.c-kaki { list-style: none; margin:0; padding:0; width:100%; border-bottom:1px solid #333; }
ul.c-kaki li { text-align: left; display: inline-block; line-height: 1.8; vertical-align: top;}
ul.c-kaki li:first-child { width:35%; margin:0 0 0 0;}
ul.c-kaki li:last-child { width:65%; margin:0 0 0 0;}

ul.c-kaki1 { list-style: none; margin:0; padding:0; width:100%; }
ul.c-kaki1 li { text-align: left; display: inline-block; line-height: 1.8;}
ul.c-kaki1 li:first-child { width:35%; margin:0 0 0 0;}
ul.c-kaki1 li:last-child { width:65%; margin:0 0 0 0;}

ul.c-kaki2 { list-style: none; margin:0; padding:0; width:100%; }
ul.c-kaki2 li { text-align: left; display: inline-block; line-height: 1.3; vertical-align: top; padding:0.3em 0;}
ul.c-kaki2 li:first-child { width:35%; margin:0 0 0 0; text-align:right; padding-right:1em; box-sizing: border-box;}
ul.c-kaki2 li:last-child { width:65%; margin:0 0 0 0;}

ul.c-kaki3 { list-style: none; margin:0; padding:0; width:100%; border-bottom:1px solid #333; }
ul.c-kaki3 li { text-align: left; display: inline-block; line-height: 1.5; vertical-align: top; padding:0.3em 0;}
ul.c-kaki3 li:first-child { width:35%; margin:0 0 0 0;}
ul.c-kaki3 li:last-child { width:65%; margin:0 0 0 0;}

ul.c-kaki4 { list-style: none; margin:0; padding:0; width:60%; }
ul.c-kaki4 li { text-align: left; display: inline-block; line-height: 1.5; vertical-align: top; padding:0.1em 0;}
ul.c-kaki4 li:first-child { width:35%; margin:0 0 0 0;}
ul.c-kaki4 li:last-child { width:65%; margin:0 0 0 0;}

.bd-top { border-top:1px solid #333;}

.txt-ind { padding-left: 1em;}
.txt-ind2 { padding-left: 2em;}

td.w22 { width:22%;}
td.w13 { width:13%;}
table.gairai { width:100%; margin:0; padding:0; border-top:solid 1px #333; border-left:solid 1px #333; font-size:12px;}
table.gairai td { border-bottom:solid 1px #333; border-right:solid 1px #333; text-align: center; padding:0.5em; vertical-align: middle;}

/*表組み*/
.table { width:100%;}
.table span { display: inline-block; text-align: center; margin:0; padding:0;}
.table span.w22 { width:22%;}
.table span.w13 { width:13%;}

/*左門町診療時間*/
table.samon { border-collapse:  collapse; text-align: center;}
table.samon td {border: solid 1px; padding:0.5em; font-size:16px; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}
table.samon tr.nw td {border: solid 1px; padding:0.2em; font-size:16px; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}
table.samon td.blue { background-color:#B1F0F9; }
table.samon td.pink { background-color:#FCE4F0; }
table.samon td.f-bold { font-weight: bold;}

@media screen and (max-width: 600px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	min-width: 100%;
	background: #faf7f4;
}

#container {
	position: relative;
	
	z-index: 1;
}

.base_box {
	position: relative;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
}

.box { width:90%; margin:0 auto;}

p { font-family: 'BIZ UDPGothic', sans-serif; font-size:2.8vw; line-height: 1.7; text-align:justify; word-wrap: break-word; color:#603813; letter-spacing: 0.08em;}

.header-kv { position:relative; padding:0; width:100%; margin:0 auto;}
.header-kv span { position:absolute; top:-21px; left:5%; color:#fff; font-family: 'Bona Nova', serif; font-size:50px; letter-spacing: 0.1em;}

/*ヘッダー*/
header { width:100%; margin:0 auto; height:60px!important; padding:0;}
ul.logo { list-style: none; width:100%; margin:0; padding:0;}
ul.logo li { display:inline-block; margin:0; padding:0;}
ul.logo li:first-child { width:50%; text-align: left; line-height:60px;}
ul.logo li:last-child { width:50%; text-align: right;}


/*アクセス*/
ul.c_block { list-style: none; margin:0; padding:0; width:100%; }
ul.c_block li {display:block; margin:0; padding:0; vertical-align: top;}
ul.c_block li:first-child { width:100%; margin:0 auto 4% auto;}
ul.c_block li:last-child { width:100%; margin:0 auto; text-align: center; }
ul.c_block li:last-child img { width:70%; margin:0 auto;}

ul.c_block50 { list-style: none; margin:0 auto; padding:0;}
ul.c_block50 li {display:block; margin:0 auto; padding:0; vertical-align: top; width:90%; text-align: center; }
ul.c_block50 li:first-child { margin:0 auto 4% auto; }
.img100 { width:100%!important; height:auto; margin:0 auto;}

.map {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border:solid 1px #333;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

h1 { font-size:6vw!important; line-height: 1.3; color: #603813; padding:0; font-family: 'Noto Serif JP', serif; letter-spacing: 0.01em;}
h1 img { width:25%; float:right;}
/*クリニック*/
.ttl-clinic { width:100%; padding:0.2em 0.5em; box-sizing: border-box; background-color:#ed7dae; color:#fff; font-size:3.5vw; font-family: 'Noto Serif JP', serif; position:relative; }
.ttl-ka { width:100%; padding:0.1em 0.5em; box-sizing: border-box; background-color:#61c3d2; color:#fff; font-size:3.5vw; font-family: 'Noto Serif JP', serif; }
.icon-home { position:absolute; top:50%; right:10px; transform: translateY(-50%); width:20%;}
.body-clinic { position:relative; vertical-align: middle; font-size:2.8vw;}
.body-clinic img { width:6%;}
.body-clinic img.yotsuya { width:14%;}
.body-clinic img.futaba { width:23%;}
.detail { position:absolute; top:50%; right:0; transform: translateY(-50%); vertical-align: middle; font-size:2.3vw; height:22px;}
.detail img { width:18px; height:auto;}
.w400 { width:70%; margin:0 auto;}

ul.intro { width:100%; list-style: none; }
ul.intro li { display:inline-block; margin:0; padding:0; vertical-align: top; }
ul.intro li:first-child { width:100%; margin:0 auto 4% auto; text-align: center;}
ul.intro li:first-child img { border-radius:10px; width:50%; margin:0 auto;}
ul.intro li:last-child { width:100%; margin:0 0 0 0; font-size:2.8vw; line-height: 1.6; text-align: justify; font-family: 'BIZ UDPGothic', sans-serif; color: #603813; }

table.spec { border-collapse:  collapse;}
table.spec th { width:7em; border: solid 1px; padding:0.5em; font-size:2.4vw; font-family: 'BIZ UDPGothic', sans-serif; color: #603813; background-color:#f5bbd4; text-align: center;}
table.spec td {border: solid 1px; padding:0.5em; font-size:2.4vw; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}

ul.photo_1 { list-style: none; margin:0 auto; padding:0; width:76%;}
ul.photo_1 li { display:inline-block; margin:0 0 0 0; vertical-align:top; padding:0;}

ul.photo_3 { list-style: none; margin:0; padding:0; width:100%;}
ul.photo_3 li { display:inline-block; margin:0 2% 0 0; vertical-align: top; width:32%; padding:0;}
ul.photo_3 li:last-child { margin:0 0 0 0; padding:0;}

ul.photo_2 { list-style: none; margin:0 auto; padding:0; width:76%;}
ul.photo_2 li { display:inline-block; margin:0 3% 0 0; vertical-align:top; padding:0;}
ul.photo_2 li:first-child { width:55%; padding:0;}
ul.photo_2 li:last-child { margin:0 0 0 0; padding:0; width:42%;}

/*メニュー*/
ul.gmenu { list-style:none; margin:0; padding:0; text-align:right; width:250px; background-color:#FFF; }
ul.gmenu li { display:block; margin:0; border-bottom:1px solid #fff; text-align:left;  line-height:40px; padding:0 0 0 0; font-size:1.2em!important; background-color: #9bdce1; white-space: nowrap;}
ul.gmenu li a { display:flex; justify-content:left; align-items:center; width:100%; height:100%; text-decoration:none; color:#333; padding:0 0 0 1em; line-height: 40px;}
ul.gmenu li:first-child { border-bottom:none;}

ul.submenu { display:block; list-style:none; margin:0; padding:0; position:initial!important;  box-shadow: none; border-top:1px solid #fff;}
ul.submenu li { display:block; background-color:#9bdce1; text-align: left; padding:0; margin:0; width:250px!important; border-top:none; font-size:0.9em!important;}
ul.submenu li a { display:block; justify-content:left; align-items:center; width:100%; height:100%; text-decoration:none; color:#333; padding:0 0 0 2em;}
ul.submenu li a:hover { background-color:#e8e8e8;}
ul.submenu li:last-child {text-align: left!important;}
ul.submenu li:first-child {border-bottom:1px solid #fff;}

/*ボタン*/
.arrow-button{
    /* ボタンのCSS */
    background-color: #61c3d2;
    color: #fff;
    display: block;
    position: relative; /* position: relative;で矢印の位置を基点とさせます */
    text-align: center;
    text-decoration: none;
    width: 100%;
	font-size:3.5vw;
	height:60px;
}

ul.btn-yotsuya { list-style: none; width:90%; margin:4% auto;}
ul.btn-yotsuya li { width:45%; margin:0 10% 0 0; display:inline-block;}
ul.btn-yotsuya li:last-child { margin:0;}

ul.btn-futaba { list-style: none; width:100%; margin:4% auto;}
ul.btn-futaba li { width:30%; margin:0 5% 0 0; display:inline-block; font-size:0.85em;}
ul.btn-futaba li:last-child { margin:0;}

.arrow-button a { display:block; padding:1em 1em 1.5em 1em; color:#fff; text-decoration: none; height:60px; }


.menu-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    background-color: #9bdce1;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: hidden;
}


article.open { transform: translateX(-250px); transition: all .5s;}
nav {
  width: 250px;
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 10;
  transform: translate(250px);
  transition: all .5s;
  background-color: #9bdce1;
}
nav.open { transform: translateZ(0);}

.menu-trigger {
  display: inline-block;
  width: 36px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100; 
  background-color: #9bdce1;
  }

.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all .5s;
}
.menu-trigger.active span {
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}

/*トップページ*/
ul.top-menu { list-style:none; width:70%; position:initial; margin:4% auto 0 auto; text-align: center;}
ul.top-menu li { display:inline-block; width:32%; margin:0 2% 0 0;}
ul.top-menu li:nth-child(3) { margin:0;}
ul.top-menu li:last-child { margin:0;}

ul.top-menu1 { list-style:none; width:70%; margin:4% auto 0 auto; text-align: center;}
ul.top-menu1 li { display:inline-block; width:32%; margin:0 2% 0 0;}
ul.top-menu1 li:nth-child(3) { margin:0;}
ul.top-menu1li:last-child { margin:0;}

/*英語版*/
ul.top-menu-en { list-style:none; width:50%; position:absolute; bottom:40vh; margin:4% auto 0 auto; text-align: center; transform: translateX(-50%); left:50%; }
ul.top-menu-en li { display:inline-block; width:48%; margin:0 4% 0 0;}
ul.top-menu-en li:last-child { margin:0;}

h1.h1-en { position: absolute; top:5%; left:50%; transform: translateX(-50%);
  width: 100%; margin: auto; color:#fff; text-align: center;}
.en-item { width:95%; margin:0 auto;  } 
.en-top { width:100%; padding:4%; box-sizing: border-box; background-color:transparent; border-radius:15px; text-align: center; margin:0 auto; }

ul.en-top-menu { list-style: none; width:100%; margin:0 auto;}
ul.en-top-menu li { display:inline-block; margin:0; padding:0.1em 0; font-size:0.9em; font-family: 'BIZ UDPGothic', sans-serif; color:#603813; vertical-align: middle;}
ul.en-top-menu li:nth-child(odd) { text-align: right; width:55%; margin-right:1%;}
ul.en-top-menu li:nth-child(even) { text-align: left; width:44%;}
.font20 { font-size:1.4em; font-weight:bold; font-family: 'BIZ UDPGothic', sans-serif; color:#603813;}


.full {
  position: static;
  width: 100%;
  min-height: 100vh;
  background: none;

}
h1.h1 { margin: 0.5% auto; color:#fff; text-align: center; font-size:5vw!important;}
   
.bt { position:absolute; bottom:1%; left:50%; transform: translateX(-50%);}

.sp-full { display:block;}

.pc { display:none;}
.sp { display:block;}

footer { width:100%; text-align: center;}
footer p { text-align: center; padding-bottom:10px; font-size:0.7em!important;}
footer.top { width:100%; text-align: center; position:static;}
footer.top p { text-align: center; padding-bottom:10px; font-size:0.7em!important; color:#603813;}

.w60-tb { width:100%;}

.font16 { font-size:2.8vw!important; }
.font14 { font-size:2.5vw!important; }

ul.c-kaki { list-style: none; margin:0; padding:0; width:100%; border-bottom:1px solid #333;}
ul.c-kaki li { line-height: 1.8; text-align: left; display: inline-block; }
ul.c-kaki li:first-child { width:50%; margin:0 0 0 0;}
ul.c-kaki li:last-child { width:50%; margin:0 0 0 0;}

ul.c-kaki1 { list-style: none; margin:0; padding:0; width:100%; }
ul.c-kaki1 li { text-align: left; display: inline-block; line-height: 1.8;}
ul.c-kaki1 li:first-child { width:50%; margin:0 0 0 0;}
ul.c-kaki1 li:last-child { width:50%; margin:0 0 0 0;}

ul.c-kaki2 { list-style: none; margin:0; padding:0; width:100%; }
ul.c-kaki2 li { text-align: left; display: inline-block; line-height: 1.3; vertical-align: top; padding:0.3em 0;}
ul.c-kaki2 li:first-child { width:50%; margin:0 0 0 0; text-align:right; padding-right:1em; box-sizing: border-box;}
ul.c-kaki2 li:last-child { width:50%; margin:0 0 0 0;}

ul.c-kaki3 { list-style: none; margin:0; padding:0; width:100%; border-bottom:1px solid #333; }
ul.c-kaki3 li { text-align: left; display: inline-block; line-height: 1.5; vertical-align: top; padding:0.3em 0;}
ul.c-kaki3 li:first-child { width:50%; margin:0 0 0 0;}
ul.c-kaki3 li:last-child { width:50%; margin:0 0 0 0;}

ul.c-kaki4 { list-style: none; margin:0; padding:0; width:80%; }
ul.c-kaki4 li { text-align: left; display: inline-block; line-height: 1.5; vertical-align: top; padding:0.1em 0;}
ul.c-kaki4 li:first-child { width:35%; margin:0 0 0 0;}
ul.c-kaki4 li:last-child { width:65%; margin:0 0 0 0;}

table.gairai { width:100%; margin:0; padding:0; font-size:10px!important;}
td.w22 { width:22%;}
td.w13 { width:13%;}

/*左門町診療時間*/
table.samon { border-collapse:  collapse; text-align: center;}
table.samon td {border: solid 1px; padding:0.5em; font-size:2.4vw; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}
table.samon tr.nw td {border: solid 1px; padding:0.2em; font-size:2.4vw; font-family: 'BIZ UDPGothic', sans-serif; color: #603813;}
table.samon td.blue { background-color:#B1F0F9; }
table.samon td.pink { background-color:#FCE4F0; }
table.samon td.f-bold { font-weight: bold;}
.font20s { font-size:3vw!important; }

}