@charset "UTF-8";
/*
Theme Name: 鍼灸サロン東京ミチコ
Template: twentyfifteen
Author: 東京ミチコ
Author URI: https://tokyomichiko.com/
Description:
Version: 1.0
Updated: 2019-04-19
*/

/* Color Scheme
-----------------------------------------------------

	=Theme Color = #f15886

-----------------------------------------------------
*/

@import url(reset.css);
@import url(wordpress.css);

/*
-----------------------------------------------------

 	=Global Layout

-----------------------------------------------------
*/

* {
	margin: 0; padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	font-family: ten-mincho, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.0;
	word-wrap: break-word;
	letter-spacing: 0.014em;
}

body{
	background-color: #fff;
	font-size: 1.4rem;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li {
	line-height: 2.0;
}
p, ul, ol, dl, table {
	margin-bottom: 3.0rem;
}
p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child {
	margin-bottom: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.75;
	text-align: left;
}
th, td {
	padding: 0.5em;
	vertical-align: top;
	border: none;
}
th {
	font-weight: bold;
}
tr {}
hr {
	clear: both;
	border: none;
}
img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
a {
	color: inherit;
	text-decoration: underline;
}
a,
a img {
	cursor: pointer;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
a:focus, a:active, a:hover {
	opacity: 0.5;
	text-decoration: none;
}
::selection {
	background-color: #f15886;
}

em {}
ol{
	counter-reset: number;
	list-style: none;
	}
/*ol li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dcdcdc;
}
ol li:before{
	counter-increment: number;
	content: counter(number);
	color: #f15886;
	font-weight: bold;
	margin-right: 0.5em;
}*/
ol li{
	margin-bottom: 0.5em;
}
ol li:before{
	counter-increment: number;
	content: counter(number);
	margin: 0 1.0em 0 0;
}

strong { font-weight: bold; }
iframe { display: block; max-width: 100%;}
form {}
input[type=text],
input[type=email],
input[type=password],
textarea {
	padding: 5px;
	font-size: 16px;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	background-color: #fff;
	color: #999;
	border: 1px solid #ccc;
	line-height: 1;
	vertical-align: middle;
	max-width: 100%;
}
input[type=text] { margin-bottom: 0.5em; }
input[type=text]:last-child { margin-bottom: 0; }
input[type=email] {}
input[type=submit] { cursor: pointer;}
input[type="text"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type=text]:focus,
textarea:focus {
	color: #555;
}
textarea {
}
form ul { margin: 0 !important; padding: 0 !important; border: none !important;}
form ul li { display: inline-block !important;}
form label { margin-right: 1.4em;}
form input[type*="submit"] {}
form input[type*="submit"]:hover { opacity: 0.8;}

/*
-----------------------------------------------------

 	=Global Style

-----------------------------------------------------
*/

#container {}

.wrapper {
	width: 1120px;
	margin: auto;
}

.wrapper-min {
	max-width: 820px;
}


/* =Preloader
----------------------------------------------------- */

html,
html body,
* html,
* html body {
	height: 100%;
}

#loader {
	display: none;
	display: block;
	position: fixed;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	left: 0;
	text-align:
	center;
	background-color: #fff;
}

* html #loader,
* html #loader p {
	position: absolute;
}


/* objectFitImages.js
----------------------------------------------------- */
/* objectFitImages.js */
img.js-object-fit {
	object-fit: cover;
	width: 100%;
	height: 100%;

	/* objectFitImages for ie11 */
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}


/* Animation
-----------------------------------------------------*/
.fade_in {
  -webkit-animation: fade_in_animation 2s;
          animation: fade_in_animation 2s;
}

.fade_in_two {
  -webkit-animation: fade_in_animation 4s;
          animation: fade_in_animation 4s;
}

.fade_in_three {
  -webkit-animation: fade_in_animation 6s;
          animation: fade_in_animation 6s;
}

.fade_in_four {
  -webkit-animation: fade_in_animation 8s;
          animation: fade_in_animation 8s;
}

@-webkit-keyframes fade_in_animation {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

/*
-----------------------------------------------------

	=Header & Navigation

-----------------------------------------------------
*/

/* =Header
----------------------------------------------------- */
#header {
	/*position: fixed;*/
	z-index: 9997;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#header #header-in {
	padding: 80px;
	width: 1280px;
}

#header .info { width: 110px;}
#header .nav { width: 700px;}
#header .logo { width: 135px;}

#header .logo > p {
	margin: 0;
}
#header .logo .img {
	max-width: 100%;
}

#header .info {}

/* =Navigation
----------------------------------------------------- */
#header #header-in #nav.nav {}

#nav {
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#nav ul.nav-main li {
	margin: 0 0 0 2.5em
}
#nav ul.nav-main li a {
	text-decoration: none;
}
#nav ul.nav-main li a:hover {
}

/*
-----------------------------------------------------

	=Key Visual

-----------------------------------------------------
*/
#key {
	position: relative;
	margin: 0 auto 40px;
	padding: 0 20px;
}
#key img { width: 100%; height: auto; }
#key .button-reserve {
	position: fixed;
	z-index: 2;
	right: 40px;
	bottom: 40px;
	width: 120px;
	height: auto;
}
#key .button-reserve:hover {
	opacity: 1;
}
#key .flexslider {}

/* Zoom Effect */
.flexslider .slides li { overflow: hidden; }
.flexslider .slides li img {
	opacity: 0.8;
	-webkit-transition: all ease-out 12.0s;
	   -moz-transition: all ease-out 12.0s;
	    -ms-transition: all ease-out 12.0s;
	        transition: all ease-out 12.0s;
}
.flexslider .slides .flex-active-slide img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}


	/* flexslider.js override */
	.flexslider {
		z-index: 2;
		background-color: transparent !important;
		margin-bottom: 0 !important;
		border: none !important;
	}
	.flexslider .slides li {
		width: 100vw;
	}
	.flexslider .slides li img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}



/*
-----------------------------------------------------

	=Common Parts

-----------------------------------------------------
*/

/* =Section
----------------------------------------------------- */
/*.anchor {
	margin-top: -120px;
	padding-top: 120px;
}
*/
hr {
	clear: both;
	border: none;
	height: 60px;
}

.block {
	margin: 0 auto 60px;
}

.block:last-child {
	margin: 0;
}

.section {
	position: relative;
	padding: 60px 0;
}

.picture-content > .content { width: 50%; padding: 75px; }
.picture-content > .picture { width: 50%; }

/* =Decoration
----------------------------------------------------- */
.text-decoration-theme {
	display: inline-block;
	border: solid 1px #f15886;
	color: #f15886;
	font-weight: normal;
	min-width: 120px;
	text-align: center;
}

.text-note { font-size: 10px; }

.frame {
	margin-bottom: 2em;
	padding: 2em;
}
.frame:last-child { margin-bottom: 0; }

.frame-white {
	background-color: #fff;
	border-radius: 5px;
}

/* =Heading
----------------------------------------------------- */

.title-section {
	margin: 0 0 50px;
	padding: 0 0 50px;
	position: relative;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.title-section em {
	display: block;
	margin: 0.25em 0 0;
	color: #f15886;
	font-size: 1.2rem;
	font-style: italic;
	text-transform: uppercase;
}
.title-section::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.15);
}


.title-circle {
	margin: 0 0 1.5em;
	padding: 0 0 0.25em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
	font-size: 1.8rem;
	font-weight: normal;
}
.title-circle::before {
	content: "●";
	display: inline-block;
	margin: 0 0.25em 0 0;
	color: #f15886;
}


.title-border {
	margin: 0 0 1.5em;
	padding: 0 0 0.25em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
	font-size: 2.4rem;
	font-weight: normal;
}


.title-simple {
	margin: 0 0 0.75em;
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.6;
}


/* =Button
----------------------------------------------------- */
.button-more {
	display: inline-block;
	min-width: 120px;
	padding: 0.5em 1.25em;
	border-radius: 25px;
	line-height: 1.5;
	background-color: #f15886;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.075em;
	text-decoration: none;
	text-align: center;
}
.button-more:hover { opacity: 0.75; }


/* =List
----------------------------------------------------- */

ul.list-button {
	font-size: 0;
	letter-spacing: 0;
}
ul.list-button li {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 0.5em;
}

ul.list-information {}
ul.list-information li {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
}
ul.list-information li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
ul.list-information li .date,
ul.list-information li .text {
	display: inline-block;
}
ul.list-information li .date { width: 20%; }
ul.list-information li .text { width: 76%; }

ul.list-information li .date {
	color: #f15886;
}
ul.list-information li .text {}


/*
-----------------------------------------------------

	=Loop

-----------------------------------------------------
*/

.loop {}
.loop .row {}
.loop .row .col {}
.loop .row .col:last-child { margin-bottom: 0; }

/* Default Layout
----------------------------------------------------- */
.loop {}
/*.loop .row {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -4% -4% 0
}*/
.loop img,
.loop img:hover { background-color: transparent;}
.loop,
.loop a { text-decoration: none;}

/*.loop .row .col {
	margin: 0 4% 4% 0;
	width: 21%;
	height: auto;
	padding: 0;
}*/
.loop .row .col > * { margin: 0 0 25px;}
.loop .row .col > *:last-child { margin: 0; }

.loop .image { position: relative; }
.loop .image img {
	display: block;
	padding: 0 !important;
	width: 100%;
	height: auto;
}
.loop .image a img:hover { opacity: 0.85; }


.loop .content > * { margin: 0 0 1em;}
.loop .content > *:last-child { margin: 0; }

.loop .content .title {
	font-size: 1.8rem;
	line-height: 1.6;
}
.loop .content,
.loop .content .title {}
.loop .content .title:last-child { margin-bottom: 0; }
.loop .content .title,
.loop .content .title a {}
.loop .content .title a { color: #000; text-decoration: none;}
.loop .content .title a:hover {}
.loop .content .title em { font-size: 1.2rem; }

.loop .content .meta {}
.loop .content .meta > * { display: block; margin-bottom: 0.5em;}
.loop .content .meta,
.loop .content .meta a { color: #aaa; }
.loop .content .meta .date { font-size: 1.1rem;}
.loop .content .meta .category { font-size: 0.9rem;}

.loop .content .text {
	font-size: 1.3rem;
}
.loop .content .text p { margin: 0 0 1em; }
.loop .content .text p:last-child { margin: 0; }

/* Specify number of columns */
.loop .column-2 { margin: 0 -6% -6% 0;}
.loop .column-2 .col {
	margin: 0 6% 6% 0;
	width: 44%;
}
.loop .column-3 { margin: 0 -6% -6% 0;}
.loop .column-3 .col {
	margin: 0 6% 6% 0;
	width: 27.3333%;
}

.more-link { display: none;}

	/* =Type : COLUMN
	----------------------------------------------------------- */
	.type-column {}
/*	.type-column .image {
		height: 180px;
		overflow: hidden;
	}
	.type-column .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		-o-object-fit: cover;
	}*/
	.type-column .new { display: block; }
	.type-column .content {}
	.type-column .meta > * { line-height: 1.35;}


	/* =Type : NUMBERING
	----------------------------------------------------------- */
	.type-numbering {}
	.type-numbering .title::before {
		content: "1";
		display: inline-block;
		margin: 0 0.5em 0 0;
		font-size: 1.8em;
		font-style: italic;
		color: #f15886;
		line-height: 1;
	}
	.type-numbering .col:nth-child(1) .title::before { content: "1";}
	.type-numbering .col:nth-child(2) .title::before { content: "2";}
	.type-numbering .col:nth-child(3) .title::before { content: "3";}
	.type-numbering .col:nth-child(4) .title::before { content: "4";}
	.type-numbering .col:nth-child(5) .title::before { content: "5";}
	.type-numbering .col:nth-child(6) .title::before { content: "6";}
	.type-numbering .col:nth-child(7) .title::before { content: "7";}
	.type-numbering .col:nth-child(8) .title::before { content: "8";}


/* =other
----------------------------------------------------- */
/* プロフィールカード（フッターでも共通） */
.profile-card {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
	margin: 0 auto;
	text-align: left;
}
.profile-card .avatar {}
.profile-card .image { width: 23%; margin: 0 2% 0 0;}
.profile-card .text { width: 75%; }

.profile-card .image {}
.profile-card .text {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
.profile-card .text > * {
	margin: 0 0 1em;
}
.profile-card .text p {
	line-height: 1.6;
}
.profile-card .text .name {
	font-size: 20px;
}
.profile-card .text .name em {
	display: block;
	font-size: 1.2rem;
}
.profile-card .text .name .avatar {
	float: left;
	margin: 0 10px 0 0;
}


/*
-----------------------------------------------------

	=Main

-----------------------------------------------------
*/

#cont {}
#main {}


/* =news
----------------------------------------------------- */
.top-news {}



/* =message
----------------------------------------------------- */
.top-message {}
.top-message .picture-content .picture {
	background-color: #f15886;
}
.top-message .picture-content .picture,
.top-message .picture-content .picture a {
	color: #fff;
}


.top-message .profile-card {
	padding: 50px;
}
.top-message .profile-card .name {
	float: left;
	margin: 0 2em 1em 0;
}


/* =gallery
----------------------------------------------------- */
.top-gallery {
	background-color: #f15886;
}
.top-gallery .list-button li.instagram .button-more {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  color: #fff;
}



/* =menu
----------------------------------------------------- */
.top-menu {}
.top-menu .picture-content > .picture {}
.top-menu .picture-content > .content {}

.course-lineup {
	display: flex;
}
.course-lineup .name {
	margin: 0 30px 0 0
}
.course-lineup .content {}
.course-lineup .content th,
.course-lineup .content td { padding: 0 0.5em; }
.course-lineup .content td { font-size: 2.4rem; }
.course-lineup .content * {
	vertical-align: middle;
}


/* =flow
----------------------------------------------------- */
.top-flow {}

.bg-palepink {
	background-color: rgba(252, 226, 234, 0.35);
}

/* =homemedical
----------------------------------------------------- */
.top-homemedical {}

.table-disease th,
.table-disease td {
	padding: 0.75em;
}
.table-disease th {
	background-color: #ececec;
	font-weight: normal;
}


/* =access
----------------------------------------------------- */
.top-access {
	font-size: 1.6rem;
}
.top-access .picture-content > .picture { width: 480px; }
.top-access .picture-content > .content { width: 580px; padding: 0; }

.top-access .station {
	margin: 0 0 2em;
	font-size: inherit;
	letter-spacing: 0.075em;
}
.top-access .station p {}
.top-access .station p > * {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1em 0 0;
}
.top-access .station .decoration {
	padding: 0.5em 1em;
	background-color: #f15886;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
}
.top-access .station em {
	font-size: 2.4rem;
}


/*
-----------------------------------------------------

	=Footer

-----------------------------------------------------
*/


/* =action
----------------------------------------------------- */
#action {
	background-color: #f15886;
	color: #fff;
	text-align: center;
}
#action,
#action a {}
#action .title {
	margin: 0 0 1em;
	font-size: 2.4rem;
	font-weight: normal;
	text-align: center;
}
#action .profile-card {
	max-width: 400px;
	margin: 0 auto 40px;
}
#action .profile-card .image { width: 110px; margin: 0 30px 0 0; }
#action .profile-card .text { width: 260px; }
#action .profile-card .avatar {}

#action .list-button .button-more {
	background-color: #fff;
	font-family: "Meiryo", "メイリオ", sans-serif, serif;
}
#action .list-button li.mail .button-more { color: #000; }
#action .list-button li.line .button-more { color: #00b900; }
#action .list-button li.facebook .button-more { color: #3b5998; }
#action .list-button li.instagram .button-more { color: #bc2a8d; }
#action .list-button li.twitter .button-more { color: #42bec2; }


#footer {
	text-align: center;
	font-size: 1.1rem;
	line-height: 20px;
	letter-spacing: 0.14em;
}
#footer,
#footer a {}

/*#footer #button-pagetop {
	margin: 0 0 0 auto;
	width: 80px;
	height: 80px;
}*/

#footer .logo {}
#footer .copyright {}
#footer .copyright p { margin: 0 0 1em; }
#footer .copyright p:last-child { margin: 0; }


/*
-----------------------------------------------------

	=Article 

-----------------------------------------------------
*/

/* =single
----------------------------------------------------- */

.single #main {
	max-width: 720px;
}

.article {}
.article-header > * {
	margin: 0 0 20px;
}
.article-header > *:last-child {
	margin: 0;
}
.article-header .article-image {
	margin: 0 -80px 40px;
	border-radius: 5px;
	overflow: hidden;
	height: 420px;
}
.article-header .article-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.article-header .article-title {
	margin: 0 0 0.5em;
	color: #000;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.8;
}

.article-header .article-meta {
	font-size: 11px;
}
.article-header .article-meta > * {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3em 1em 0;
}
.article-header .article-meta,
.article-header .article-meta a { color: #aaa; }
.article-header .article-meta a { text-decoration: none; }
.article-header .article-meta .article-date {}
.article-header .article-meta .carticle-ategory {}

/*.article-header .article-blockquote {}*/


.article-content {
	position: relative;
	padding: 35px 0 0;
	font-size: 16px;
}
.article-content p {
	margin: 0 0 3em;
	line-height: 2;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	margin: 0 0 1em;
	color: #000;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.8;
}
.article-content h2 { font-size: 1.35em;}
.article-content h3 { font-size: 1.2em;}
.article-content h4 {}
.article-content h5 {}
.article-content h6 {}


.article-footer {}
/*.article-footer > * {
	margin: 0 0 50px;
}
.article-footer > *:last-child {
	margin: 0;
}*/

.article-sns {
	text-align: center;
}

	/* =SNS Share Buttons  */
	ul.list-share {
		font-size: 0;
		letter-spacing: 0;
		margin: 0 -5px 0 0;
	}
	ul.list-share li {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% / 7 - 5px);
		margin: 0 5px 0 0;
		border: solid 0 #ececec;
		background: no-repeat center;
		background-color: #fff;
	}
	ul.list-share li a {
		position: relative;
		display: block;
		padding: 10px 0;
		height: 40px;
		line-height: 1;
		font-size: 16px;
		color: #f15886;
		text-align: center;
		text-decoration: none;
	}
	ul.list-share li a i,
	ul.list-share li a span {
		display: inline-block;
		vertical-align: middle;
	}
	ul.list-share li a i {
		margin: -3px 0 0;
	}
	ul.list-share li a .text {
		display: none;
	}
	ul.list-share li a .count {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1em;
		width: 3em;
		height: 10px;
		margin: auto;
		font-size: 9px;
	}
	ul.list-share li:hover { opacity: 0.35; }

	ul.list-share li.twitter {}
	ul.list-share li.facebook {}
	ul.list-share li.line {
		background-image: url(assets/images/ico-line.png);
		background-size: 18px auto;
	}
	ul.list-share li.hatena {
		background-image: url(assets/images/ico-hatena.png);
		background-size: 16px auto;
	}
	ul.list-share li.googleplus {}
	ul.list-share li.pocket {}
	ul.list-share li.feedly{}

/* author */
.article-author {
	position: relative;
	border: solid 1px #dcdcdc;
	border-left: none;
	border-right: none;
	background-color: #fff;
	padding: 30px 0;
	border-radius: 3px;
}
.article-author .image {
	position: absolute;
	width: 80px;
	height: auto;
	overflow: hidden;
	border-radius: 50%;
}
.article-author .content {
	padding: 0 0 0 110px;
}
.article-author .title,
.article-author .text { overflow: hidden; margin-bottom: 5px; }
.article-author .title {
	margin: 0 0 0.5em;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.article-author .title span {
	display: block;
	color: #aaa;
	font-size: 1.2rem;
	font-weight: normal;
}
.article-author .text{
	color: #aaa;
	font-size: 12px;
}
.article-author .link {}
.article-author .link a {
	color: #000;
	border-bottom: solid 1px #000;
}


/* next & prev */
.nav-single {
	padding: 50px 0;
	border-bottom: solid 1px #dcdcdc;
}
.nav-single ul {
	letter-spacing: 0;
	font-size: 0;
}
.nav-single-prev,
.nav-single-next {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 1.2rem;
	margin-bottom: 5px;
	text-align: left;
}
.nav-single-prev {
	padding: 0 4em 0 0;
	border-right: solid 1px #dcdcdc;
}
.nav-single-next {
	padding: 0 0 0 4em;
}

.nav-single ul li a {
	display: block;
}
.nav-single ul li a:hover {}
.nav-single ul li a:hover,
.nav-single ul li a:hover:before {}

.nav-single-prev a:before,
.nav-single-next a:before {
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	color: #000;
	font-size: 1.25em;
	font-weight: bold;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.nav-single-prev a:before {
	content: "← PREVIOUS POST";
}
.nav-single-next a:before {
	content: "NEXT POST →";
	text-align: right;
}




/*
-----------------------------------------------------

	=Media Queries Responsive Structure

-----------------------------------------------------
*/

/* Desktop
----------------------------------------------------- */
@media screen and (min-width: 600px) {
	.sp { display: none !important; }

	body {
		min-width: 1120px;
	}
}


/* Smartphone
----------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 599px) {
	html { font-size: 10px; }
	body { font-size: 1.3rem; letter-spacing: 0;}

	.pc { display: none !important;}

	/* Apperance
	--------------------------------------------------*/
	input[type="button"],
	input[type="text"],
	input[type="submit"] {-webkit-appearance: none;border-radius: 0;}

	/* Reset
	--------------------------------------------------*/
	iframe { width: 100%; max-height: 240px;}


	/* =Global Style
	-------------------------------------------------- */
	.wrapper {
		width: auto;
		padding: 0 6.25vw;
		margin: auto;
	}

	/* =Header
	-------------------------------------------------- */
	#cont {}

	#header {}
	#header #header-in {
		border-bottom: 0;
		position: relative;
		z-index: 9997;
		padding: 6.25vw;
		width: 100%;
		height: 30vw;
	}
	#header #header-in > .flex-wrapper { flex-direction: row; }
	#header .logo {
		width: 33vw;
		z-index: 9999;
	}
	#header .logo .img { margin: 0 0; width: 100%; line-height: 1; }
	#header .logo .img img { width: 100%; display: block; }
	#header .logo .sitedesc { display: none; }

	#header .info { display: none;}

	/* =Navigation
	-------------------------------------------------- */

	.toggler {
		position: fixed;
		position: absolute;
		z-index: 9998;
		top: 0;
		right: 0;
		padding: 50px 50px;
		width: 100px;
    height: 17vw;
    padding: 6.25vw;
    text-align: center;
	}
	.trigger-bars,
	.trigger-bars span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.trigger-bars {
		position: relative;
		z-index: 9999;
		width: 26px;
		height: 17px;
	}
	.trigger-bars span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		border-radius: 0;
		-webkit-transition: all ease-out 0.14s;
			 -moz-transition: all ease-out 0.14s;
				-ms-transition: all ease-out 0.14s;
						transition: all ease-out 0.14s;
	}
	.trigger-bars span:nth-of-type(1) { top: 0;}
	.trigger-bars span:nth-of-type(2) { top: 8px;}
	.trigger-bars span:nth-of-type(3) {	bottom: 0;}
	.trigger-bars.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		        transform: translateY(8px) rotate(-45deg);
	}
	.trigger-bars.active span:nth-of-type(2) {
		opacity: 0;
	}
	.trigger-bars.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		        transform: translateY(-8px) rotate(45deg);
	}

	#nav {
		position: fixed;
		position: absolute;
		z-index: 9996;
		top: 0;
		right: 0;
		bottom: auto;
		width: 100vw;
		height: 33vh;
		padding: 0;
		background-color: rgba(255, 255, 255, 1);
		/*border-left: solid 1px #f2f2f2;*/
		/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);*/
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		-webkit-transform:translate3d(0,-100%,0);
			 -moz-transform:translate3d(0,-100%,0);
				-ms-transform:translate3d(0,-100%,0);
						transform:translate3d(0,-100%,0);
		-webkit-transition: all ease-out 0.25s;
			 -moz-transition: all ease-out 0.25s;
				-ms-transition: all ease-out 0.25s;
						transition: all ease-out 0.25s;
	}

	#nav.on {
		-webkit-transform:translate3d(0,0,0);
		   -moz-transform:translate3d(0,0,0);
		    -ms-transform:translate3d(0,0,0);
		        transform:translate3d(0,0,0);
	}
	#nav.on #nav-in {
		opacity: 1;
	}

	#nav,
	#nav a { color: #000; }

	#nav ul.nav-main {
		margin: 17vw 0 0;
    padding: 0 9.5vw;
	}
	#nav ul li {
		display: block;
		margin-bottom: 1em;
		display: block;
	}
	#nav ul li {
		-webkit-transition: all ease-out 0.4s;
			 -moz-transition: all ease-out 0.4s;
				-ms-transition: all ease-out 0.4s;
						transition: all ease-out 0.4s;
	}
	#nav ul li a {
		display: block;
		width: auto;
		padding: 0.5em 0;
		color: #000;
		font-size: 1.1rem;
		letter-spacing: 0.07em;
		text-decoration: none;
	}
	#nav ul > li > a {
		line-height: 1.5;
		height: auto;
	}
	#nav ul li a:hover {}

	/* overlau */
	#overlay {
		display: block;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		opacity: 0;
		-webkit-transition: all ease-out 0.2s;
			 -moz-transition: all ease-out 0.2s;
				-ms-transition: all ease-out 0.2s;
						transition: all ease-out 0.2s;
	}
	#nav.on + #overlay {
		z-index: 9995;
		opacity: 1;
	}



	/* =Key Visual
	-------------------------------------------------- */
	.top #key { margin: 0 0 6.25vw; }
	#key .button-reserve {
		right: 6.25vw;
		bottom: 6.25vw;
		width: 75px;
	}
	.flexslider .slides li {}



	/* =Common Parts
	--------------------------------------------------*/
	.anchor {
		margin-top: -60px;
		padding-top: 60px;
	}

	/* Section */
	.block {
		margin: 0 auto 6.25vw;
	}
	.section {
		padding: 6.25vw 0;
	}
	hr { height: 9.5vw; }

	.picture-content > .content { padding: 9.5vw 6.25vw; }

	/* Heading */
	.title-section {
		margin: 0 0 6.25vw;
		padding: 0 0 6.25vw;
	}

	/* List */
	ul.list-information {}
	ul.list-information li {
		flex-direction: column;
	}
	ul.list-information li .date,
	ul.list-information li .text { width: 100%; }

	/* other */
	.profile-card .image { display: none; }
	.profile-card .text { width: 100%; }
	.profile-card .text .time { font-size: 9px; }


	/* =loop
	-------------------------------------------------- */
	.loop .row {
		margin: 0;
	}
	.loop .row .col {
		width: 100%;
	}
	.loop .image {}
	.loop .content .title {}
	.loop .content .meta {}
	.loop .content .text {}



	/* =Main (Front Page)
	-------------------------------------------------- */
	/* menu */
	.course-lineup {
		flex-direction: column;
	}
	.course-lineup .name { margin: 0 0 6.25vw; text-align: center;}
	.course-lineup .content th {
		text-align: center;
	}

	/* access */
	.top-access {
		font-size: 1.4rem;
	}

	/* =Footer
	-------------------------------------------------- */
	#action .title {
		font-size: 2.4rem;
		line-height: 1.6;
		text-align: left;
	}
	#action ul.list-button {
		text-align: left;
	}
	#action ul.list-button li {
		margin: 0 0.5em 0.5em 0;
	}
	#action ul.list-button li .button-more {
		font-size: 1.2rem;
		letter-spacing: 0.075em;
		min-width: 0;
	}
	#footer .copyright {}


	 =Article
	--------------------------------------------------
	.single #cont {
	  padding: 0;
	}
	.article-header .article-image {
    margin: 0 -6.25vw 6.25vw;
    border-radius: 0;
    overflow: hidden;
    height: 50vw;
	}
	.article-header .article-title {
		margin: 0 0 6.25vw;
		font-size: 1.6rem;
	}
	.article-header .article-meta > * { margin: 0 2em 0.5em 0; }
	.article .article-sns {
		padding: 0 0 6.25vw;
		text-align: center;
	}
	.article-content {
		font-size: 1.4rem;
	}
	.single .article-content h2 { font-size: 1.45em; }

	.article-author { }
	.article-author .image { width: 20%;}
	.article-author .content { padding: 0 0 0 24% }
	.article-author .content .text { font-size: 10px; }

	.nav-single {
		padding: 6.25vw 0;
	}

	.nav-single-prev,
	.nav-single-next {
		margin: 0 0 3.125vw;
		padding: 0;
		font-size: 11px;
		line-height: 1.75;
	}
	.nav-single-prev {
	  padding: 0 1.5em 0 0;
	}
	.nav-single-next {
	  padding: 0 0 0 1.5em;
	}
	.nav-single ul li a {
		padding: 1em 3.125vw; 
		min-height: 0;
	} 

	/* =Archive
	-------------------------------------------------- */


	/* contact */

	/* MW WP Form
	form tr,
	form th,
	form td { display: block !important; text-align: left; max-width: 100%;}
	form tr { padding: 10px 0; margin: 0; border-bottom: none;}
	form th,
	form td { width: 100% !important; padding: 5px 0 !important; font-size: 1em !important; background-color: transparent; border: none !important;}

	form input,
	form input[type="text"],
	form input[type="radio"],
	form input[type="email"],
	form textarea,
	form select,
	form input[type*="submit"] { font-size: 16px !important;}
	form input[type="text"],
	form input[type="email"],
	form textarea { padding: 0.5em;}
	form textarea { width: 100%; }
	form select { padding: 0.5em; width: auto;}
	form input[type="radio"] { padding: 0 !important;}
	form input[type*="submit"] { width: 100% !important;}
	form em { font-size: 0.8365rem;} */



}