@font-face {
  font-family: "myFont";
  src: url("../font/Mamelon-5-Hi-Regular.woff2") format('woff2'),
       url("../font/Mamelon-5-Hi-Regular.woff")  format('woff');
	   
}
@font-face {
  font-family: "myFont4";
  src: url("../font/Mamelon-4-Hi-Regular.woff2") format('woff2'),
       url("../font/Mamelon-4-Hi-Regular.woff")  format('woff');
}
@font-face {
  font-family: "myFont35";
  src: url("../font/Mamelon-3.5-Hi-Regular.woff2") format('woff2'),
       url("../font/Mamelon-3.5-Hi-Regular.woff")  format('woff');
}
@font-face {
  font-family: "myFont3";
  src: url("../font/Mamelon-3-Hi-Regular.woff2") format('woff2'),
       url("../font/Mamelon-3-Hi-Regular.woff")  format('woff');
}

.st0{fill:#EBC7DE;}
	.st1{font-family:'myfont';}
	.st2{font-size:58.8971px;}
	.st3{letter-spacing:2;}
	.st4{fill:none;stroke:#532411;stroke-width:1.5;}
	.st5{display:none;fill:none;}
	.st6{fill:none;}
.st_yellow{fill:#F6F4A7;}
.st_blue{fill:#71aec1;}
.st_pink{fill:#ebc6dd;}

html {
	font-size:62.5%;
}


body {
	font-size:1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	color:#333;
	font-weight: 400;
}

* {
	box-sizing: border-box;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	font-size:1.6rem;
}

.roboto {
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}

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

基本サイズ10px
3rem = 30px
1.6rem = 16px

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

.mame {
	font-family: "myFont";
}
.mame4 {
	font-family: "myFont4";
}
.mame35 {
	font-family: "myFont35";
}
.mame3 {
	font-family: "myFont3";
}

#wrap,
section,
article,
main {
	width:100%;
	position:relative;
	overflow:hidden;
}

#wrap {
	opacity:0;
	/* transition:all 2s; */
}

.display_on {
	opacity:1!important;
}



main {
	padding:0px 0 0 0px;
	display:block;
}


.inner {
	width:100%;
	max-width:1340px;
	margin:0 auto;
	padding:0 70px;
}


img {
	max-width:100%;
	vertical-align:bottom;
}

.obf_cover {
	width:100%;
}

.obf_cover img {
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

a {
	color:#333;
	transition:all .4s;
	cursor: pointer;
}

a:hover {
	opacity:0.8;
}

p {
	font-size:1.6rem;
	line-height:1.5em;
}

h1,h2,h3,h4,h5,h6,dt,dd {
	line-height:1.2em;
}

small {
	line-height:1.2em;
}

/* --- 複数行対応 3点リーダー css common.js内 --- */

/* --- 2行のときは height: calc(1.63em * 2 ); ---*/
  .js-text-overflow{
	overflow: hidden;
	height: calc(1.83em * 2);
	width: 100%;
	/* white-space: nowrap;
	text-overflow: ellipsis; */
  }

/* --- btn --- */

/* ローディング画像*/
#loader-bg{
	background-color: #fff;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9999;
}
#loader-bg img{
	left: calc(50% - 64px);
	position: fixed;
	width: 128px;
	height: auto;
	top: calc(50% - 64px);
	z-index: 100;
	animation: poyopoyo 2s ease-out infinite;
}
@keyframes poyopoyo{
	0%, 40%, 60%, 80% {
		transform: scale(1.0);
	}
	50%, 70% {
		transform: scale(0.95);
	}
}
.btn_wline {
	text-align: center;
	display: block;
	width:100%;
	max-width:196px;
	height:42px;
	line-height:42px;
	position:relative;
	background:#fcaeae;
}

.btn_wline::after {
	content:"";
	display: block;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	box-sizing: border-box;
}

.btn_pink {
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto;
	max-width:480px;
	height:106px;
	line-height:106px;
	position:relative;
	transition:all .2s;
	/*padding:0 0 1.5em 0;*/
	text-indent: -0.5em;
	z-index:2;
}

.btn_pink span {
	font-size:2.8rem;
	position:relative;
}

.btn_pink::before {
	content:"";
	display: block;
	width:100%;
	height:100%;
	background:#fcaeae;
	position:absolute;
	top:12px;
	left:12px;
	transition:all .2s;
	z-index:0;
}

.btn_pink::after {
	content:"";
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border:2px solid #3a2921;
	box-sizing: border-box;
}

.btn_pink:hover {
	text-indent: 0;
	opacity: 1;
}

.btn_pink:hover::before {
	top: 0px !important;
	left:0px !important;
}

.btn_pink.btn_yellow::before {
	background:#f9df97;
}

.btn_pink.btn_blue::before {
	background:#b5cedf;
}


/* --- flex --- */

.d_flex {
	display:flex;
	display:-webkit-flex;
  	display:-ms-flexbox;
}

.fle_wra {
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-felx-wrap:wrap;
}

.jus_ce {
	justify-content:center;
	-webkit-justify-content:center;
}

.jus_sb {
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.jus_ar {
	justify-content:space-around;
	-webkit-justify-content:space-around;
}
.jus_end {
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
}

.ali_ce {
	align-items:center;
	-webkit-align-items:center;
}
.ali_st {
	align-items:flex-start;
	-webkit-box-align: start;
}

.ali_end {
	align-items: flex-end;
	-webkit-align-items:flex-end;
}

/* --- flex space-between対策 3block --- */

.sb_cp {
	position:relative;
}

.sb_cp::after {
	content:"";
	display: block;
	width:30%;
}


.pc_none {
	display:none;
}

.tex_ce {
	text-align:center;
}

.tex_ri {
	text-align:right;
}

.fw_bold {
	font-weight:700;
}
.fw_normal {
	font-weight:400;
}
.fw_medium {
	font-weight:500;
}
.fw_semibold {
	font-weight:600;
}

/* --- color --- */

.rim_white {
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}

.white {
	color:#fff;
}

.pink {
	color:#f24d83;
}

.red {
	color:#dc4848;
}

.red2 {
	color:#fe6161;
}

.blue {
	color:#3ba0e1;
}

.blue2 {
	color:#20649e;
}

.blue3 {
	color:#235475;
}

.green {
	color:#4c7b50;
}

.brown {
	color:#3a2921;
}

.yellow {
	color:#8e7530;
}

.pink2 {
	color:#b56161;
}

.purple {
	color:#6d779c;
}

.orange {
	color:#af6f48;
}

.bg_blue {
	background:#e2eff7;
}

.bg_blue2 {
	background:#9adde3;
}

.bg_pink {
	background:#fcaeae;
}

.bg_pink2 {
	background:#f9c6c6;
}

.bg_white {
	background:#fff;
}

.bg_orange {
	background:#f9dfc6;
}

.bg_yellow {
	background:#f9df97;
}
.bg_yellow2 {
	background:#fef6e4;
}

.bg_green {
	background:#e2f7e3;
}

.bg_beige {
	background:#fef6e4;
}

.bg_red {
	background:#fe6161;
}
.bg_purple {
	background:#e4e8f9;
}
/* --- fontawesome --- */

/* --- h_title --- */

.h_title {
	margin-bottom:0.5em;
	line-height:1.5em;
	position:relative;
	padding:0.5em 0px;
}

.h_title text {
	text-anchor: middle;
	/*font-size:5.2rem!important;*/
	font-size:4rem!important;
	letter-spacing:0.1rem;
}

.h_title  {
	height:100%;
	position:relative;
	text-align: center;
}
/* .h_title::before,
.h_title::after {
	content:"";
	display:inline-block;
	width:6.4%;
	height:99px;
	position:absolute;
	top:-20px;
	bottom:0;
	margin:auto 0;
	background:url(../images/common/h_flower.png) no-repeat center / contain;
}

.h_title::before {
	left:20px;
}
.h_title::after {
	right:20px;
} */

/* --- bg beige line --- */

.bg_beigeline {
	position: relative;
	background:#fef6e4;
}
.bg_beigeline::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/bg_stripe_white.png) repeat left top / contain;
    position: absolute;
    left: 0;
    top: 0;
}


/* --- kome --- */

.kome {
	position:relative;
	padding-left:1.2em;
}

.kome::before {
	content:"※";
	display: block;
	width:1em;
	height:1em;
	font-size:1em;
	position:absolute;
	left:0;
	top:0;
}

/* --- blog cate time --- */



.blog_cate {
	color:#fff;
	letter-spacing: 0.1rem;
	padding:0.2em 0.5em;
	text-align:center;
	display:inline-block;
	margin:0.2em 0 0.5em;	
	font-size:1.6rem;
	font-weight:500;
	z-index: 3;
	background: #ccc;
}

/* .cate_ibj {
	background:#20649e;
}

.cate_cam {
	background:#eb8282;
} */

.time {
	font-size:1.6rem;
	position:relative;
	font-weight:500;
	letter-spacing: 0.1rem;
	display: block;
}


/* ---------  header ------------ */

header {
	width:100%;
	height:180px;
	z-index:80; 
	transition:all .4s;
	position:fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,0.6);
    transform: translateY(0%);
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}

header.active{
    transform: translateY(-100%);
}

.header_logo img {
	width:109px
}

.header_inner {
	width:100%;
	padding:20px 5% 26px 5%;
	transition:all .4s;
}

.header_logo a:hover {
	opacity:1;
}

/* ---------  Nav ------------ */

.header_nav {
	width:100%;
	display: block!important;
}


.nav_list > li {
	text-align:center;
}
.nav_list > li.header_contact {
	width:196px;
}
/*
.nav_list > li:not(:last-of-type) {
	margin-right:3.75em;
}
*/
.nav_list > li a .nav_en,
.nav_list > li a .nav_ja {
	display: block;
	text-align:center;
	font-weight:500;
}

.nav_list > li a .nav_en {
	margin-bottom:0.5em;
}
.nav_list > li a .nav_ja {
	position:relative;
	transition:all .4s;
	padding-bottom:0.5em;
}

.nav_list > li a .nav_ja::after {
	content:"";
	display:block;
	width:0%;
	height:2px;
	background:#3ba0e1;
	transform-origin: center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	transition:all .4s;
}

.nav_list > li a:hover .nav_ja::after {
	width:100%;
}

.header_contact p {
	font-size:1.2rem;
	padding-top:2em;
	position:relative;
	margin-bottom:0.5em;
}

.header_contact p::before {
	content:"";
	display:block;
	width:45px;
	height:22px;
	background:url(../images/common/halfen.png) no-repeat center / contain;
	position:absolute;
	left:0;
	top:0;
	right:0;
	margin:0 auto;
}


/* --- IE のみ --- */
@media all and (-ms-high-contrast: none) {
  /* ここに書く */

}


/* --- hamburger --- */
.hamburger {
  display: none;
  position: relative;
  z-index : 3;
  width : 62px;
  height: 62px;
  padding:15px 11px;
  cursor: pointer;
  text-align: center;
  background:#fcaeae;
  border-radius:0;
  margin-left:auto;
}
.hamburger span {
  display : block;
  width   : 40px;
  height  : 2px;
  background : #fff;
  transform-origin:center;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
/*
.hamburger span:nth-child(1) {
}
.hamburger span:nth-child(2) {
}
.hamburger span:nth-child(3) {
}
*/
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  background :#fff;
  -webkit-transform: rotate(-45deg) translate(0%,0%);
  -moz-transform   : rotate(-45deg) translate(0%,0%);
  transform        : rotate(-45deg) translate(0%,0%);
  position:absolute;
 top:48%;
}

.hamburger.active span:nth-child(2) {
	opacity:0;
	display: none;
	visibility: hidden;
}
.hamburger.active span:nth-child(3) {
  background :#fff;
  -webkit-transform: rotate(45deg) translate(0%,0%);
  -moz-transform   : rotate(45deg) translate(0%,0%);
  transform        : rotate(45deg) translate(0%,0%) ;
  position:absolute;
  top:48%;
}

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

header {
	height:160px;
}

.header_inner {
	padding:0 5%;
}

.hamburger {
	display: flex;
	display: -webkit-flex;
	align-content: space-between;
	-webkit-align-content: space-between;
	flex-wrap:wrap;
}

.header_inner {
	display: flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}


.header_nav {
	width:100%;
	height:100vh;
	overflow-y:auto;
	background:rgba(255,255,255,0.90);
	position:fixed;
	top:0;
	left:0;
	display: none!important;
	padding:35px 70px 200px;
}

.header_nav.active {
	display:block!important;
}

.nav_list {
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.nav_list > li {
	width:100%;
	margin-left:0;
}

.nav_list > li:not(:last-of-type) a {
	display: block;
	text-align: center;
	width:100%;
	padding:1.375em 0 1em;
	border-bottom:1px solid #fcaeae;
	letter-spacing: 0.1rem;
}
.nav_list > li a .nav_ja::after {
	display:none;
}

.nav_list > li.header_contact {
	margin-top:1.375em;
}

.nav_list .nav_logo {
	display: none;
}

.header_logo.pc_none {
	display: block;
    position: relative;
	text-align:center;
    left: 50%;
    transform: translateX(-50%);
	
}

}

/* ---------  footer ------------ */

footer {
	width:100%;
	background:#93b6c7;
	padding-bottom: 50px;
}

footer .inner {
	width: 100%;
	position:relative;
	margin:0 auto;
	padding-top:184px;
	padding-bottom: 25px;
}

.footer_logo {
	position:absolute;
	left:50%;
	top:-62px;
	transform:translateX(-50%);
}

.footer_info,
.ameblo_wrap {
	width:50%;
}

.footer_info {
	padding-right:2%;
	border-right:2px dotted #615d5e;
}

.ameblo_wrap {
	padding-left:5.8%;
}

.footer_nav_list {
	margin-bottom:0.875em;
}

.footer_nav  li  {
	width:50%;
	min-width:170px;
	margin:0 0 1em;
}

.footer_nav li a {
	letter-spacing: 0.1rem;
	position:relative;
	font-size:1.6rem;
	line-height:1.65em;
	padding-left:1em;
	font-weight:500;
	padding-bottom:0.2em;
	color:#3a2921;
}

.footer_nav li a::before {
	content:"・";
	display: block;
	width:1em;
	height:1em;
	position:absolute;
	top:0;
	left:0;
	line-height:1.65em;
	font-size:1em;
}

.footer_nav li a::after {
	content:"";
	display: block;
	width:0%;
	height:2px;
	background:#3a2921;
	position:absolute;
	transition:all .4s;
	left:0;
	bottom:0;
}

.footer_nav li a:hover {
	opacity: 1;
}
.footer_nav li a:hover::after {
	width:100%;
}

.footer_address {
	margin-bottom:1.5em;
}

.footer_address p {
	color:#3a2921;
	margin-right:1em;
}

.footer_address .gmap_link {
	background:#4b4b4b;
	padding:0.4em 1em;
	font-size:1.2rem;
	border-radius: 4px;
}

.footer_address .gmap_link i {
	margin-right:0.2em;
}

footer .btn_wline {
	max-width:264px;
	height:62px;
	line-height:62px;
	font-size:2rem;
	margin-bottom:1em;
}

footer .btn_wline::after {
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	border:2px solid #fff;
}

footer .sns_wrap a {
	display: block;
	margin:0 20px 20px 0;
}

footer .sns_wrap a img {
	max-height:40px;
}

footer .sns_wrap a:hover {
	transform:translateY(-10px);
}


@media all and (-ms-high-contrast: none) {
  /* IEのみ ここに書く */

footer .sns_wrap .insta {
	width:40px;
	height:40px;
}

footer .sns_wrap .twitter {
	width:49px;
	height:40px;
}

footer .sns_wrap .facebook {
	width:40px;
	height:40px;
}

footer .sns_wrap .youtube {
	width:134px;
	height:30px;
}

footer .sns_wrap .line {
	width:40px;
	height:40px;
}


}

.ameblo_wrap {
	position:relative;
}

.ame_btn {
	position:absolute;
	top:0;
	right:0;
	color:#3a2921;
	font-size:1.5rem;
}
.ame_btn i {
	margin-right:0.5em;
	font-size:2.2rem;
}

.ameblo_wrap h2 {
	font-size:2.4rem;
	margin-bottom:0.8em;
}

.ame_ul li {
	border-top:2px dotted #5b5251;
}

.ame_ul li:last-of-type {
	border-bottom:2px dotted #5b5251;
}

.ame_ul li a {
	padding:1.5em 1.2em;
	color:#3a2921;
}

.ame_ul li a:hover,
.ame_btn:hover {
	color:#fcaeae;
	opacity: 1;
}

.ame_ul li a h3 {
	padding-left:3em;
}


.copy {
	font-size:1.2rem;
	text-align:center;
	display: block;
	margin-top:40px;
	letter-spacing: 0rem;
	color:#544949;
}
.ibj-logo{
	width: 247px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}
.ibj-logo a{
	width: 100%;
	display: block;
}
.ibj-logo a img{
	width: 100%;
}

/* ---------  footer ここまで ------------ */

/* --- page top --- */

#page-top {
    position: fixed;
	max-width:100px;
    bottom: 30px;
    right: 30px;
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
}

#page-top.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/* --- episode --- */

.episode {
	padding:80px 0 100px;
}

.episode .h_title text {
	font-size:3rem!important;
}

.episode .h_title::before {
	left:20%;
	top:0;
}

.episode .h_title::after {
	right:20%;
	top:0;
}

.epi_link {
	background:#fff;
	padding:20px;
	border:2px solid #52433f;
	width:32%;
	max-width:382px;
	margin-bottom:30px;
}

.epi_link figure {
	width:100%;
	height:218px;
	margin-bottom:1em;
	overflow:hidden;
}

.epi_link figure img {
	transition:all .4s;
}

.epi_link:hover figure img {
	transform:scale(1.1);
}

.epi_title {
	font-size:1.8rem;
	padding:0 20px;
	margin-bottom:0.5em;
	line-height:1.65em;
	font-weight:500;
	height:calc(1.65em * 2);
	overflow:hidden;
}

.epi_dl {
	padding:0 20px;
}

.epi_dl dt,
.epi_dl dd {
	font-size:1.5rem;
	line-height:1.65em;
}

.epi_dl dt {
	min-width:5.5em;
}

.epi_dl > div {
	width:100%;
}

.epi_dl > div:not(:last-of-type) {
	margin-bottom:0.2em;
}

.episode .btn_pink {
	margin-top:70px;
}

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

	.epi_link {
		width:47%;
	}

}


/* *****************パンくずリスト******************** */

#bread_wrap {
	background:#fff;
	padding:1em 0;
	margin-bottom:120px;
}
#bread-crumbs{
	line-height: 1;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	flex-wrap: wrap;
}
#bread-crumbs li{
	color:#333;
	position:relative;
	font-size: 1.5rem;
	line-height:1.5em;
}
#bread-crumbs li{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#bread-crumbs li a {
	color:#333;
	font-size: 1.5rem;
	line-height:1.5em;
}
#bread-crumbs li:not(:last-of-type):after{
	content:"";
	width:0.8em;
	height:0.8em;
	margin:0 1em;
	background:url(../images/common/bread_arrow.svg) no-repeat center /contain;
	display: inline-block;
}

#bread-crumbs li a:hover {
	color:#3ba0e1;
	opacity:1;
}



/* ---------  Scroll Fadein --------- */

@media screen and (min-width:769px){

.fadein {
    opacity : 0;
    transform : translate(-50px,0);
    transition : all 0.8s;
}
.rightin {
	opacity:0;
	transform:translate(50px,0);
	transition:all 0.8s;
}

.bottomin {
	opacity:0;
	transform:translate(0,50px);
	transition:all 0.8s;
}

.delay2 {
	transition-delay:0.3s;
}
.delay3 {
	transition-delay:0.6s;
}
.delay4 {
	transition-delay:0.9s;
}

.delay5 {
	transition-delay:1.2s;
}




.fadein.scrollin ,
.rightin.scrollin,
.bottomin.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

}


/* ---------  ver.SmartPhone ------------ */

/* font-size ---

if : window size = 750px 


*/


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

div,
span,
object,
iframe,
h1, h2, h3, h4, h5, h6,
blockquote, pre, abbr,
address, cite, code, del,
dfn, em, img, ins, kbd, q,
samp, small, strong, sub,
sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas,
details, figcaption, figure,
footer, header, hgroup,
menu, nav, section, summary,
time, mark, audio, video {
	font-size:4vw; /* font 1.6rem */
}

.pc_none {
	display:block;
}

.sp_none {
	display:none;
}

.inner {
	width:100%;
	margin:0 auto;
	padding:0 5vw;
}


.h_title,
.h_title img {
	width: 100%;
}

p {
	font-size:4vw; /* font 1.6rem */
	letter-spacing: 0rem;
}


/* --- flex --- */

.d_flex {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* --- btn --- */

	.h_title{
		line-height: 1;
		margin-bottom: 5vw;
		padding: 0;
	}

/* --- main --- */

/* --- header --- */

header {
	height:15vw;
	transform:translateY(0)!important;
	background: #fff;
}

.header_inner {
	height:100%;
	padding:0vw 5vw;
}

.header_inner.jus_sb {
	justify-content: flex-start;
	-webkit-justify-content:flex-start;
}


.header_logo.pc_none{
	width:45%;
	left: 0;
	transform: translateX(0);
	text-align: left;
}
.header_logo img {
	width: 100%;
}


/* --- header fin --- */

/* --- nav --- */

.header_nav {
	padding:8.75vw 5vw 55.5vw;
}

.nav_list > li a {
	font-size:3.75vw !important;
	width: 100%;
}

.nav_list > li.header_contact {
	width:100%;
}
.nav_list > li a .nav_en{
	font-size: 2.75vw;
}
.nav_list > li a.btn{
	height: 15vw;	
	line-height: 15vw;	
}

.header_contact p {
	font-size:3.125vw;
}

.header_contact p::before {
	width:11.25vw;
	height:5.5vw;
}

/* --- nav fin --- */

/* --- hamburger --- */
.hamburger {
	width : 15vw;
	height: 15vw;
	padding:5vw;
	position: absolute;
	right: 0;
	top: 0;
}
.hamburger span {
  width   : 100%;
  height  : 1px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
	position: relative;
}
.hamburger.active span:nth-child(3){
	top: -48%;	
}
/* --- btn --- */

.btn_wline {
	width:49vw;
	max-width:100%;
	margin:0 auto;
	height:10.5vw;
	line-height:10.5vw;
}

.btn_wline::after {
	width:calc(100% - 1.5vw);
	height:calc(100% - 1.5vw);
}

.btn_pink {
	max-width:70vw;
	width: 70vw;
	height:12.5vw;
	line-height:12.5vw;
}

.btn_pink::before {
	top: 1.25vw;
	left: 1.25vw;
}
.btn_pink::after{
	border: 1px solid #000;	
}

.btn_pink span {
	font-size:3.125vw;
}


/* --- footer --- */

footer{
	padding-bottom: 5vw;
}
footer .inner {
	width:100%;
	padding-top:10vw;
	padding-bottom:2.5vw;
}

.footer_logo {
	/* top:-15.5vw;
	width:32vw; */
	display: none;
}

.footer_logo img {
	/* width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; */
}

.footer_info {
	width: 100%;
	padding-right:0;
	margin-top:5vw;
	border-right:none;
	order:2;
}

.ameblo_wrap {
	order:1;
	width:100%;
	padding-left:0;
}

.ameblo_wrap h2 {
	font-size:5vw;
	line-height: 1;
}

.ame_ul a time {
	width:100%;
	margin-bottom: 1.25vw;
	display: block;
}

.ame_ul li a{
	padding: 3.5vw 0;	
}
.ame_ul li a time{
	font-size: 2.5vw;
	line-height: 1;
}
.ame_ul li a h3 {
	font-size: 3.125vw;
	padding-left:0;
}

.ame_btn {
	font-size:3.125vw;
}

.ame_btn i {
	font-size:4.5vw;
	margin-right: 2.5vw;
}

.footer_nav{
	display: none;	
}
.footer_nav li a {
	font-size:4vw;
}

.footer_nav li {
	min-width:auto;
}

footer .btn_wline {
	width:calc(100% - 10vw);
	max-width:100%;
	height: 12.5vw;
	line-height: 12.5vw;
	font-size: 3.125vw;
	margin-bottom: 5vw;
}

footer .btn_wline::after {
	width:calc(100% - 2.5vw);
	height:calc(100% - 2.5vw);
	border: 1px solid #fff;
}

.footer_address {
	margin-bottom:2em;
}

.footer_address p {
	margin-right:0;
	width:100%;
	line-height: 1;
	margin-bottom:2.5vw;
	font-size: 3.125vw;
	text-align: center;
}

.footer_address .gmap_link {
	width:calc(100% - 10vw);
	max-width:100%;
	height:12.5vw;
	display: block;
	padding:0;
	text-align:center;
	line-height:12.5vw;
	font-size:3.125vw;
	margin-left: auto;
	margin-right: auto;
}

.footer_address .gmap_link i {
	margin-right:0.5em;
}

.sns_wrap {
	justify-content: center;
	-webkit-justify-content: center;
}

footer .sns_wrap a img {
	max-height:6.5vw;
}


footer .sns_wrap a {
	margin-left: 1.5vw;
	margin-right: 1.5vw;
	margin-bottom: 0;
}

.copy {
	display: block;
	width:100%;
	text-align: center;
	font-size:2.5vw;
	letter-spacing: 0.05em;
	line-height:1.5;
	margin-top: 5vw;
}

.copy br.pc_none {
	display: none;
}

.ibj-logo{
	width: 50%;
	padding: 2.5vw;
}

/* --- footer fin --- */

/* --- page top --- */

#page-top {
	width:15vw;
	bottom:2.5vw;
	right:2.5vw;
    transform: translateY(10vw);
}

#page-top.on {
    transform: translateY(0vw);
}



/* --- h_title --- */

.h_title::before,
.h_title::after {
	width:15.25vw;
	height:20.75vw;
	top:-5vw;
}

.h_title text {
	font-size:13vw!important;
}

.st2 {
	font-size:50px;
}



/* --- blog cate time --- */

.cate_wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.cate_wrap .blog_cate:not(:last-child){
	margin-right: 1.5vw;
}
.blog_cate {
	font-size:2.5vw;
	margin: 0 0 1.5vw 0;
	padding: 1vw 2vw;
	display: block;
	width: auto;
}

.time {
	font-size:2.5vw;
	line-height: 1;
	margin-bottom: 1.5vw;
}

/* --- パンくずリスト --- */

#bread_wrap {
	margin-bottom:10vw;
}

#bread-crumbs li,
#bread-crumbs li a {
	font-size:3.125vw;
}

/* --- episode --- */

	.episode {
		padding:10vw 0;
	}

	.episode .h_title text {
		font-size: 8.5vw !important;
	}

	.episode .h_title::before {
		left:2.5vw;
		top:0;
	}

	.episode .h_title::after {
		right:2.5vw;
		top:0;
	}

	.epi_link {
		width:100%;
		max-width:100%;
		padding: 3.5vw;
		margin-bottom:5vw;
		border: 1px solid #52433f;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.epi_link:last-of-type{
		margin-bottom: 0;
	}

	.epi_link figure {
		width: 30vw;
		height:30vw;
		margin-bottom: 0;
	}

	.epi_link .epi_inner{
		width: calc(100% - 35vw);
	}
	.epi_title {
		height: calc(1.5em * 2);
		line-height: 1.5;
		font-size: 3.125vw;
		margin-bottom: 2.5vw;
		padding:0;
	}

	.epi_dl {
		padding: 0;
	}

	.epi_dl > div:not(:last-of-type){
		margin-bottom: 0;
	}
	.epi_dl dt, .epi_dl dd {
		font-size:2.75vw;
	}

	.episode .btn_pink {
		margin-top:5vw;
	}






}
/* ---------  ver.SmartPhone fin ------------ */