@charset "utf-8";

@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansJP-Regular.woff') format('woff'),
url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
url('../fonts/NotoSansJP-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansJP-Bold.woff') format('woff'),
url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
url('../fonts/NotoSansJP-Bold.otf') format('opentype');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'zen';
src: url('../fonts/ZenOldMincho-Medium.woff') format('woff'),
url('../fonts/ZenOldMincho-Medium.woff2') format('woff2'),
url('../fonts/ZenOldMincho-Medium.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'zen';
src: url('../fonts/ZenOldMincho-Medium.woff') format('woff'),
url('../fonts/ZenOldMincho-Medium.woff2') format('woff2'),
url('../fonts/ZenOldMincho-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'zen';
src: url('../fonts/ZenOldMincho-Bold.woff') format('woff'),
url('../fonts/ZenOldMincho-Bold.woff2') format('woff2'),
url('../fonts/ZenOldMincho-Bold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'zen';
src: url('../fonts/ZenOldMincho-Black.woff') format('woff'),
url('../fonts/ZenOldMincho-Black.woff2') format('woff2'),
url('../fonts/ZenOldMincho-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'SMin';
src: url('../fonts/ShipporiMinchoB1-Regular.woff') format('woff'),
url('../fonts/ShipporiMinchoB1-Regular.woff2') format('woff2'),
url('../fonts/ShipporiMinchoB1-Regular.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'SMin';
src: url('../fonts/ShipporiMinchoB1-Medium.woff') format('woff'),
url('../fonts/ShipporiMinchoB1-Medium.woff2') format('woff2'),
url('../fonts/ShipporiMinchoB1-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SMin';
src: url('../fonts/ShipporiMinchoB1-Bold.woff') format('woff'),
url('../fonts/ShipporiMinchoB1-Bold.woff2') format('woff2'),
url('../fonts/ShipporiMinchoB1-Bold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'SMin';
src: url('../fonts/ShipporiMinchoB1-ExtraBold.woff') format('woff'),
url('../fonts/ShipporiMinchoB1-ExtraBold.woff2') format('woff2'),
url('../fonts/ShipporiMinchoB1-ExtraBold.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
/*=========================================================================
BASIC
=========================================================================*/
body {
background-color: #f3f3e4;
position: relative;
z-index: 1;
background-image: url('../img/bg_footer.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size:100%;
}

#Wrapper {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
z-index: 1;
min-height: 1000px;
background-image: url('../img/bg_wrapper.png');
background-repeat: no-repeat;
background-position: center top;
background-size:1920px;
}
#Wrapper:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;

}

#Wrapper.inner {
background-image: url('../img/bg_header.png');
background-repeat: no-repeat;
background-position: center top;
background-size:1920px;
}

body#Soundtrack #Wrapper　{min-height: inherit;}

/* -------------------------------------------------------------------- */
#mainContents {width: 100%; height: auto; margin: 0 auto; overflow: hidden;}

/* -------------------------------------------------------------------- */
.section_basic {width: 90%; margin: 0 auto; max-width: 1000px; height: auto;}

/* -------------------------------------------------------------------- */
section {display: block;width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1;}
section:first-of-type {padding-top: 0;}

/* -------------------------------------------------------------------- */
section:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top:0;
left: 0;

background-repeat: no-repeat;
background-size: 100%;
filter: alpha(opacity=30); -moz-opacity:.3; opacity:.3;
}

/*
section#Theaters:before,
section#Cast:before,
section#Comment:before,
section#Director:before {
background-position: left top;
background-image: url('../img/bg_section.png');
}

section#Planning:before,
section#Story:before,
section#News:before,
section#Introduction:before,
section#Music:before{
width: 100vw;
margin: 0 calc(50% - 50vw);
background-image: url('../img/bg_footer.png');
background-position: left bottom;
filter: alpha(opacity=10); -moz-opacity:.1; opacity:.1;
}
*/
section#movieBloc:before,
section#Comment:before,
section#Introduction:before,
section#Theaters:before,
section#News:before{background:rgba(242,197,207,1); z-index: 0;}

section#Comment,
section#Introduction,
section#News{background:rgba(242,197,207,.3); }


section#movieBloc {
background: rgb(243,243,228);
background: linear-gradient(180deg, rgba(243,243,228,0.025647759103641476) 0%, rgba(242,197,207,.3) 100%);
}


/*
section#Theaters,
section#Cast,
section#Comment,
section#Director {background: #fff;}
*/

/* -------------------------------------------------------------------- */
#sectionTitle {
font-family:'zen',"Times New Roman", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
line-height: 140%;
font-weight: 400;
color: #666;
letter-spacing: 1px;
}


/*----------------------------------------------------------*/
#btnMore {margin:0 auto;text-align: center;}
#btnMore a {

color: #fff;
position: relative;
z-index: 1;
text-decoration: none;
background:#d67f92;
border:1px solid #d67f92;
display: block;
line-height: 100%;
font-weight: 600;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
#btnMore a:hover {background: transparent; color: #d67f92;}



/*----------------------------------------------------------*/
#markNew {
font-weight: 600;
padding-left: .5em;
color: #fa2e5b !important;
-webkit-animation: 1s linear 0s alternate none infinite running fade;
-moz-animation: 1s linear 0s alternate none infinite running fade;
animation: 1s linear 0s alternate none infinite running fade;
}


#Coming {
color: #666;
text-align: center;
line-height: 140%;
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
letter-spacing: 1px;

}

/*=========================================================================
MOVIE
=========================================================================*/
section#movieBloc {width: 100%;height: auto;margin: 0 auto;max-width: inherit;}
section#movieBloc:before {
background-image: url('../img/bg_header.png');
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 100%;
}

#movieContents {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
margin: 0 auto;
/*
background-color: #f3f3e4;

background-size:400%;
*/
min-height: 100vh;
}

/* -------------------------------------------------------------------- */
#Movie {
position:absolute;
z-index: 1;
top: 50%;
left: 50%;
padding-bottom: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
overflow: hidden;
-ms-box-shadow: 0px 0px 12px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,.3);
-webkit-box-shadow:  0px 0px 12px 3px rgba(0,0,0,.3);
box-shadow: 0px 0px 12px 3px rgba(0,0,0,.3);
}
#Movie iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: auto;}


/* -------------------------------------------------------------------- */
dl#movieCap {
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: flex-end;
}

dl#movieCap dt, dl#movieCap dd {height: auto;}
dl#movieCap dt p:last-of-type {margin-bottom: 0;}
dl#movieCap dt p{line-height: 140%; color:#a87d00;}
dl#movieCap dd {position: relative; z-index: 1;}

/* -------------------------------------------------------------------- */
ul#movie_snsIcons{list-style-type: none; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;} 
ul#movie_snsIcons li {height: auto;}
ul#movie_snsIcons li a, ul#movie_snsIcons li img {width:100%; height: auto; display: block;}
ul#movie_snsIcons li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* -------------------------------------------------------------------- */
#catchCopy {
text-align: center;
color:#a87d00;
line-height: 140%;
font-weight: 400;
font-family:'zen',"Times New Roman", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
position: relative;
z-index: 2;
background: #f3f3e4;
}

/* -------------------------------------------------------------------- */
#lineDown {
content: "";
position: absolute;
width: 1px;
height: 0%;
left:50%;
top: 80%;
background: #999;
opacity: 0; 
z-index: -1;
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%,0%);
transform: translate(-50%, 0%);
}

/* -------------------------------------------------------------------- */
.linedown04 {
animation-name: lineHeight02;
animation-duration: 3s;
animation-timing-function: ease;
animation-fill-mode:both;
animation-delay:.3s;
}


/*=========================================================================
Introduction
=========================================================================*/

#intro_linerNotes {
text-align: center;
color: #666;

margin: 0 auto;
height: auto;
position: relative;
z-index: 1;
overflow: hidden;
/*
background: #fff;
-ms-box-shadow:6px 8px 8px 2px rgba(0,0,0,.2);
-moz-box-shadow:6px 8px 8px 2px rgba(0,0,0,.2);
-webkit-box-shadow:6px 8px 8px 2px rgba(0,0,0,.2);
box-shadow:6px 8px 8px 2px rgba(0,0,0,.2);
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
*/
}


#intro_linerNotes p:last-of-type {margin-bottom: 0;}
#intro_linerNotes, #intro_linerNotes p {line-height: 180%;}


/* -------------------------------------------------------------------- */
ul#bg_introList {
list-style-type: none;

overflow: hidden;
}
ul#bg_introList li,
ul#bg_introList li img{width: 100%; display: block; height: auto;}
ul#bg_introList li {
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
}

/* -------------------------------------------------------------------- */
.intro_pick {
font-size: 140%;
font-family: 'SMin', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 600;
}



/* -------------------------------------------------------------------- */
#movie_catchBox {height: auto;width: 100%; margin: 0 auto; position: relative; z-index: 1;}


/* -------------------------------------------------------------------- */
#bgIntro img,
#introCatch img {width: 100%; height: auto; display: block;}

/* -------------------------------------------------------------------- */
#bgIntro {width: 100vw; margin:0 calc(50% - 50vw); z-index: 0;}


/* -------------------------------------------------------------------- */
#introCatch {
position: absolute;
color: #fff;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


/*=========================================================================
NEWS：LIST
=========================================================================*/
/*section#News {background: #fff;}*/

/* -------------------------------------------------------------------- */
ul#newsList {list-style-type: none;width: 100%;height: auto;margin:0 auto;}
ul#newsList li {height: auto; width: 100%; border-bottom: 1px solid #d67f92;}
ul#newsList li:last-of-type {margin-bottom:0;}
ul#newsList li:first-of-type {border-top: 1px solid #d67f92;}

/* -------------------------------------------------------------------- */
#topicsUpdate {line-height: 140%; color: #d67f92;}
#topicsUpdate span {display: inline-block;}

#topics_listCat {
display: inline-block;
color: #fff;
background: #d67f92;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
line-height: 100%;
}

/* -------------------------------------------------------------------- 
#topicsThumb, #topicsThumb a, #topicsThumb img {width: 100%; height: auto; display: block;}
#topicsThumb {padding: 0;margin: 0 auto; }
#topicsThumb a {
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
}
#topicsThumb a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
*/
/* -------------------------------------------------------------------- */
#list_topicsTitle,
#list_topicsTitle a {
line-height: 180%;
font-weight: 400;
color: #666;
font-family:'zen', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#list_topicsTitle a {text-decoration: none;}
#list_topicsTitle a:hover {color: #d67f92;}


/*=========================================================================
Theaters
=========================================================================*/
#sub_naviBox, ul#subnaviList {width: 100%; height: auto; margin: 0 auto;}

/* -------------------------------------------------------------------- */
ul#subnaviList {
list-style-type: none;
display: flex; 
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}


/* -------------------------------------------------------------------- */
ul#subnaviList li {height: auto; line-height: 100%; font-weight: 600;}
ul#subnaviList li a {
display: block;
height: auto;
text-decoration: none;
text-align: center;
color: #666;
border: 1px solid #666;
-ms-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
-moz-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
-webkit-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
}
ul#subnaviList li a:hover,
ul#subnaviList li a.active:hover{color: #fb6601; border-color: #fb6601; background: transparent;}
ul#subnaviList li a.active {color: #fff; background: #a87d00; border-color: #a87d00;}


/* -------------------------------------------------------------------- */
#theaterHeadline {text-align: center; line-height: 140%; color: #666;}
#theaterHeadline span {position: relative; z-index: 1;}
#theaterHeadline span:before,
#theaterHeadline span:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #666;
}
#theaterHeadline span:before {left: 0;}
#theaterHeadline span:after {right: 0;}


/* -------------------------------------------------------------------- */
table#scheduleTable {width: 100%; border-left: 1px solid #ccc;}
table#scheduleTable th, table#scheduleTable td {line-height: 160%; text-align: left;}
table#scheduleTable th {background: #ccc; border-right: 1px solid #fff; text-align: center !important;}
table#scheduleTable th:last-of-type {border-right-color: #ccc;}
table#scheduleTable td {
background: #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;

}

table#scheduleTable td a {color: #666;text-decoration: underline;}
table#scheduleTable td a:hover {color: #d67f92; text-decoration: none;}
table#scheduleTable td.place {text-align: center;}
table#scheduleTable td.tel a {cursor: default;pointer-events: none; text-decoration: none;}

table#scheduleTable td p {margin-bottom:.6em;}
table#scheduleTable td p:last-of-type {margin-bottom: 0;}

/*=========================================================================
STORY
=========================================================================*/
section#Story {width: 100%; max-width: inherit; overflow: hidden; padding: 0; }

/* -------------------------------------------------------------------- */
#slideContainer, ul#story_photoList  {width: 100%; height: auto; margin: 0 auto;}

/* -------------------------------------------------------------------- */
#slideContainer {overflow: hidden; width: 100vw; margin: 0 calc(50% - 50vw);}


/* ---------------------------------------------------------------- */
.arrow_next,
.arrow_prev {
position: absolute;
top: 0%;
height: 100%;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.9);
}

.arrow_next {right: 0;}
.arrow_prev {left:0;}

/* ---------------------------------------------------------------- */
.arrow_next:before,
.arrow_prev:before {
position: absolute;
content: "";
display: block;
top: 50%;
z-index: 10;
}
.arrow_prev:before{left: 50%;}
.arrow_next:before{right: 50%;}
.arrow_prev:before,
.arrow_next:before {border-top: 2px solid #666;border-right:2px solid #666;}

.arrow_prev:before {transform: rotate(-135deg);}
.arrow_next:before {transform: rotate(45deg);}

/* ---------------------------------------------------------------- */
#outlineBox {margin: 0 auto; max-width: 1000px;height: auto; display: block; width: 90%;}
#outlineBox #sectionTitle {text-align: left;}

#outlineBox p {
line-height: 200%;
font-weight: 400;
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#outlineBox p:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#storyPhoto, #storyPhoto img {width: 100%; height: auto; display: block;}
#storyPhoto {position: relative; margin: 0 auto;}

/*=========================================================================
CAST
=========================================================================*/
#cast_listContainer:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#cast_fullContainer, dl#cast_profileBox {height: auto; width: 100%; margin: 0 auto;}

dl#cast_profileBox, dl#cast_profileBox dt a {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;

}
dl#cast_profileBox dt, dl#cast_profileBox dd {height: auto;}

dl#cast_profileBox dt a {text-decoration: none;}

/* ---------------------------------------------------------------- */
#castPhoto, #castPhoto img {width: 100%; height: auto; display: block;}
#castPhoto {
overflow: hidden;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
/* ---------------------------------------------------------------- */
#castName {
font-family:'zen',YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 400;
line-height: 120%;
}

#castName span {display: block; line-height: 120%;}
#castName p {line-height: 140%; font-weight: 400;}

/* ---------------------------------------------------------------- */
dl#cast_profileBox dd p:last-of-type {margin-bottom: 0;}
dl#cast_profileBox dd, dl#cast_profileBox dd p {line-height: 200%;}

/* ---------------------------------------------------------------- */
#profileBloc, #commentBox, #biographyBox {position: relative; z-index: 1;}
#profileBloc, #commentBox, #biographyBox,
#profileBloc p,#commentBox p, #biographyBox p {line-height: 200%;}

/* ---------------------------------------------------------------- */
#commentBox {background: #eee; }

/* ---------------------------------------------------------------- */
#commentTitle { line-height: 140%; font-weight: 600; }

#profileBloc p:last-of-type,
#commentBox p:last-of-type,
#biographyBox p:last-of-type{margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#cast_listContainer {width: 100%; height: auto; margin: 0 auto; text-align: left;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox dt {cursor: pointer; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox dt,
#cast_listContainer dl#cast_profileBox dt:after {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#cast_listContainer dl#cast_profileBox dt:after {
content:"VIEW MORE";
position: absolute;
bottom: 0;
line-height: 100%;
z-index: 1;
color: #666;
border-bottom: 2px solid #666;
}

#cast_listContainer dl#cast_profileBox dt:hover:after {color: #d67f92; border-bottom-color: #d67f92;}
#cast_listContainer dl#cast_profileBox dt.active:after {
content:"CLOSE";
color: #d67f92;
border-bottom-color: #d67f92;
}


/*=========================================================================
COMMENT
=========================================================================*/
/* section#Comment {background: #fff;} */


/* ---------------------------------------------------------------- */
ul#commentList, ul#commentList li, dl#commentContainer { width: 100%; height: auto; margin: 0 auto;}
ul#commentList {list-style-type: none;}
ul#commentList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl#commentContainer {position: relative; z-index: 1;}
dl#commentContainer dt, dl#commentContainer dd {height: auto;}
dl#commentContainer dt, dl#commentContainer dt p,
dl#commentContainer dd, dl#commentContainer dd p{color: #fff; line-height: 160%;}

/* ---------------------------------------------------------------- */
dl#commentContainer:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 50%;
width: 100%;
background: #d67f92;
-ms-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/* ---------------------------------------------------------------- */
#commentPhoto, #commentPhoto img {width: 100%; height: auto; display: block;}
#commentPhoto img {object-fit: cover;}
#commentPhoto {
overflow:hidden;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

/* ---------------------------------------------------------------- */
dl#commentContainer dd p,
#commentName, #commentName span {
-ms-text-shadow: 1px 1px 2px rgba(174,112,127.8);
-moz-text-shadow: 1px 1px 2px rgba(174,112,127.8);
-webkit-text-shadow: 1px 1px 2px rgba(174,112,127.8);
text-shadow: 1px 1px 2px rgba(174,112,127.8);
}

#commentName {
line-height: 160%;
font-weight: 400;
color: #fff;
border-bottom: 1px solid #fff;
position: relative;
z-index: 1;
letter-spacing: 1px;
}
#commentName span {line-height: 160%;}


/*=========================================================================
MUSIC
=========================================================================*/
section#Music #sectionTitle {color: #fff;}

/* ---------------------------------------------------------------- */
section#Music #Name {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
body#Soundtrack #Wrapper #sectionTitle,
body#Soundtrack #Wrapper #Coming{color: #fff;}


/* ---------------------------------------------------------------- */
#musicHeadline {
color: #fff;
text-align: center;
font-family:'zen',YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 400;
line-height: 120%;
}

/* ---------------------------------------------------------------- */
ul#musicList {
list-style-type: none;
display: flex;
display: -webkit-flex;
flex-wrap:wrap;
width: 100%;
height: auto;
margin: 0 auto;
}

ul#musicList li {height: auto; text-align: center;}

/* ---------------------------------------------------------------- */
#musicThumb,#musicThumb img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
#songName {
line-height: 140%;
font-weight: 400;
color: #fff;
letter-spacing: 1px;

font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
-ms-text-shadow: 0px 0px 12px rgba(0,0,0,.5);
-moz-text-shadow: 0px 0px 12px rgba(0,0,0,.5);;
-webkit-text-shadow:  0px 0px 12px rgba(0,0,0,.5);
text-shadow: 0px 0px 12px rgba(0,0,0,.5);
}

/* ---------------------------------------------------------------- */
#moreLink {text-align: center;  margin: 0 auto;}
#moreLink a {
display: block;
text-align: center;
line-height: 100%;
text-decoration: none;
color: #FFF;
background: #d67f92;
border: 2px solid #d67f92;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
font-weight: 600;
letter-spacing: 1px;
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

-ms-box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);
box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);

}
#moreLink a:hover {color: #d67f92; background:rgba(255,255,255,.1); border-color:#d67f92;}


/*=========================================================================
DIRECTOR
=========================================================================*/
#directorHeadline,#directorName,#directorName p, #directorName div {
text-align: left;
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 400;
line-height: 120%;
}


/* ---------------------------------------------------------------- */
#directorName {margin: 0 auto;}
#directorName p {padding: 0; margin: 0; text-align: left;}

/* ---------------------------------------------------------------- */
#directorProfile {border-top: 1px solid #666; }
#directorProfile, #directorProfile p {line-height: 200%;}



/*=========================================================================
STAFF
=========================================================================*/
dl#staffList {width: 100%; margin: 0 auto; height: auto; max-width: 800px; }
dl#staffList:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl#staffList dt, dl#staffList dd {height: auto; line-height: 180%;  }
dl#staffList dt {position: relative ;z-index: 1}
dl#staffList dt:after {
content: "：";
position: absolute;
z-index: 1;
top: 0;

}
/* ---------------------------------------------------------------- */
#staffCap {line-height: 180%; width: 100%; }


/*=========================================================================
NEWS
=========================================================================*/
section#inner_News .section_basic {
background: rgba(255,255,255,.8);
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-ms-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
-moz-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
-webkit-box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
box-shadow:2px 2px 8px 2px rgba(0,0,0,.2);
}

section#inner_News.article #sectionTitle {color: #fff;}

/* ---------------------------------------------------------------- */
#articleBody .section_basic  {margin-top: 0 !important;}

/* ---------------------------------------------------------------- */
#articleContainer p {line-height: 180%;}
#articleContainer p:last-of-type {margin-bottom: 0;}
#articleContainer a {color: #666; text-decoration: underline; word-break: break-all;}
#articleContainer a:hover {color: #d67f92;}

/* ---------------------------------------------------------------- */
#articleContainer img {display: inline-block; max-width: 100%; }

/* ---------------------------------------------------------------- */
#articleContainer iframe {width: 100%; ; max-width: 600px; height: auto; min-height: 315px; margin: 0 auto; display: block;}

/* ---------------------------------------------------------------- */
#articleContainer h3,
#articleContainer h4,
#articleContainer h5,
#articleContainer h6 {
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 140%;
position: relative;
z-index: 1;
color: #666;
font-weight: 400;
}

/* ---------------------------------------------------------------- */
#articlePhoto, #articlePhoto img {display: block;height: auto; }
#articlePhoto {max-width: 1000px; width: 90%; margin: 0 auto; padding: 0;}
#articlePhoto img {width: 100%;}

/* ---------------------------------------------------------------- */
#article_titleBloc { border-bottom: 1px solid #666; }
#articleTitle {font-weight: 600; line-height: 140%;}
#articleUpdate {color: #d67f92; font-weight: 600;}
#articleUpdate #topics_listCat {color: #fff; font-weight: 400;}

#articleTitle  {
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*=========================================================================
PLANNER
=========================================================================*/
ul#profileLink {
width: 100%;
height: auto;
margin: 0 auto;
list-style-type: none;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* ---------------------------------------------------------------- */
ul#profileLink li {
margin-right: 4%;
width: 30%;
font-family:'zen',"Times New Roman",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
ul#profileLink li:nth-of-type(even) {margin-right: 0;}

ul#profileLink li a {
text-decoration: none;
color: #fff;
background:#d67f92;
border:1px solid #d67f92;
display: block;
line-height: 100%;
font-weight: 400;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: center;
}
ul#profileLink li a:hover {background: transparent; color: #d67f92;}

/* ---------------------------------------------------------------- */
.btn_buy{height: auto; }
.btn_buy a {
display: inline-block; 
text-decoration: none !important;
color: #fff !important;
text-align: center;
border: 1px solid #d67f92;
background: #d67f92;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
line-height: 100%;
}
.btn_buy a:hover {background: transparent; color: #d67f92 !important;}