@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
    letter-spacing: 0;
    line-height: 2;
    overflow: hidden;
    margin: 0 auto;
    font-family: "Kasumi Shirafuji Regular";
    font-weight: 400;
    font-style: normal;
	 font-size: 1.3rem;
}
#mainArea div {
    font-family: "Kasumi Shirafuji Regular";
}
#mainArea p {
    font-family: "Kasumi Shirafuji Regular";
}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
section {
   width: 900px;
   margin: 6em auto;
}
.w900 {
   width: 900px !important;
}
.f-y {
    font-family: "Kasumi Shirafuji Regular";
	font-weight: 400;
	font-style: normal;
}
/*///*/
.lead {
	width: 100%;
    margin: 0em auto 4em;
    font-size: 1.2rem;
    padding: 4em 3em;
	background: #f0ecdb;
}
.lead-inner {
	width: 360px;
    margin: 0em auto;
	padding: 6em 0;
}
.lead-img {
	width: 100%;
	display: block;
	margin: 0 0 1.3em 0;
}
h3 {
       font-family: "Kasumi Shirafuji Regular";
	font-size: 1.9rem;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
	padding: 0 0 1.4em;
}
.h3-sub {
	font-size: 1.3rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
	text-align: left;
}
.lead-text {
	display: block;
	line-height: 2.2;
}
/*///*/
h4{
    font-family: "霞白藤 M","Kasumi Shirafuji Medium";
    font-size: 3.4rem;
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
}
.h4-sub {
	font-size: 1.9rem;
	text-align: center;
    margin: 0 0 1.5em;
}
.item_sec {
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	position: relative;
	padding: 3em 0;
	width: 900px !important;
}
.stamp_ {
    position: absolute;
    width: 12%;
    top: -25%;
    right: 17%;
}
.item_sec-img {
	width: 340px;
	margin: 0 auto 2.2em;
}
.item_sec-cap {
	text-align: center;
}
/*///*/
.main-img {
	width: 53%;
	display: inline-block;
	margin: 0 4em 0 0;
	vertical-align: middle;
}
.main-text {
	width: 38%;
	display: inline-block;
	font-size: 1.3rem;
	vertical-align: middle;
}
.img-1-1 {
	width: 95% !important;
	display: block;
	margin: 0;
}
.img-1-2 {
	width: 95% !important;
    display: block;
    margin: 0px 0 0 7em;
}
.main-img2 {
	width: 45%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8em;
}
.main-text2 {
	width: 34%;
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: top;
    margin: 0 0 0 4em;
}
.main-img3 {
	width: 45%;
    display: inline-block;
    vertical-align: middle;
    margin: -12em 5em 0 0;
}
.style_ {
	display: block;
	width: 20% !important;
	margin: 0 0 1em 0;
}
h5 {
	font-size: 1.9rem;
	line-height: 1.8;
}
h5 span {
        font-family: "霞白藤 M","Kasumi Shirafuji Medium";
        background: linear-gradient(transparent 0%, #f0ecdb 0%);
        padding: .5% 0;
}
h6 {
	font-size: 1.6rem;
	line-height: 2.0;
}
h6 span {
        background: linear-gradient(transparent 0%, #f0ecdb 0%);
        padding: .5% 1%;
        font-family: "霞白藤 M","Kasumi Shirafuji Medium";
}
.h6-sub {
	font-size: 1.6rem;
        letter-spacing: 1px;
}
.midashi {
	width: 270px !important;
	margin: 0 0 2em 0;
}
.midashi2 {
	width: 250px !important;
	margin: 0 0 2em 0;
}
.cap_ {
	margin: 2em 0 3em;
}

/*///*/
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*////*/
.crdit_ {
	margin-bottom: 15px;
}
.button_crdit {
	display: inline-block;
	width: 71%;
	vertical-align: middle;
	font-size: 1.3rem;
        line-height: 1.7;
}
.button_ {
	display: inline-block;
        width: 26%;
        height: 41px;
	line-height: 40px;
        border-radius: 50%;
        border: solid 1px #4a4a4a;
        background: #fff;
        text-align: center;
        transition: 1s;
        vertical-align: middle;
        color: #4a4a4a;
        font-size: 1.3rem;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none;
        font-family: "Kasumi Shirafuji Regular";
}
.button_:hover{
    background: #4a4a4a;
	border: solid 1px #4a4a4a;
	color: #fff !important; 
	transition : .3s;
}
/*////*/
.fade {
	opacity: 0;
	transition: all 1000ms;
}
.fade.active {
	opacity: 1;
}
/*//時間差ver//*/
.fadein {
	opacity: 0;
	transition: all 1000ms;
}
.fadein.scrollin {
	opacity: 1;
}
/*枠線が伸びて出現*/
.lineTrigger{
  position: relative;
  opacity:0;
}
.lineTrigger.lineanime{
  animation-name:lineAnimeBase;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes lineAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}
/*上下線*/
.lineTrigger::before,
.lineTrigger::after{
  position: absolute;
  content:"";
  width:0;
  height:1px;
  background:#333;
}

/*左右線*/
.line2::before,
.line2::after{
  position: absolute;
  content:"";
  width: 1px;
  height:0;
  background:#333;
}
/*上線*/
.lineTrigger::before {
  top:0;
  left:0;
}
.lineTrigger.lineanime::before {
  animation: lineAnime .5s linear 0s forwards;
}
/*右線*/
.line2::before{ 
  top:0;
  right:0;
}
.lineTrigger.lineanime .line2::before {
  animation: lineAnime2 .5s linear .5s forwards;
}
/*下線*/
.lineTrigger::after { 
  bottom:0;
  right:0;
}
.lineTrigger.lineanime::after {
  animation: lineAnime .5s linear 1s forwards;
}
/*左線*/
.line2::after{ 
  bottom:0;
  left:0;
}
.lineTrigger.lineanime .line2::after {
  animation: lineAnime2 .5s linear 1.5s forwards;
}
@keyframes lineAnime {
  0% {width:0%;}
    100%{width:100%;}
}
@keyframes lineAnime2 {
  0% {height:0%;}
    100%{height:100%;}
}
/*枠線内側の要素*/
.lineTrigger.lineanime .lineinappear{
  animation: lineInnerAnime .5s linear 1.5s forwards;
  opacity: 0;/*初期値を透過0にする*/ 
}
@keyframes lineInnerAnime{
  0% {opacity:0;}
    100% {opacity:1;}
}
/* アニメーションの回数を決めるCSS*/
.count2{  
  animation-iteration-count: 2;
}
.countinfinite{  
  animation-iteration-count: infinite;/*無限ループ*/
}
/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time05{  
  animation-delay: 0.5s;

}
.delay-time1{  
  animation-delay: 1s;
}

.delay-time15{  
  animation-delay: 1.5s;
}

.delay-time2{  
  animation-delay: 2s;
}

.delay-time25{  
  animation-delay: 2.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/
.change-time05{  
  animation-duration: 0.5s;
}

.change-time1{  
  animation-duration: 1s;
}

.change-time15{  
  animation-duration: 1.5s;
}

.change-time2{  
  animation-duration: 2s;
}

.change-time25{  
  animation-duration: 2.5s;
}
.lineTrigger{
    width: 640px;
    margin: 0em auto;
    box-sizing: border-box;
}
/*///*/
.columnArea {
	width: 80%;
    margin: 13em auto 0;
    padding: 4em 0;
}
.columnArea-inner {
}
.c-text {
	width: 69%;
	display: inline-block;
        vertical-align: middle; 
}
.c-img {
       width: 29%;
       display: inline-block;
       vertical-align: middle; 
}
.m-t {
       margin-top: 2em;
}
/*///*/
#staffcredit {
	width: 100%;
	background: #f0ecdb;
	padding: 5em 0;
}
#staffcredit-inner {
	width: 240px;
	margin: 0 auto;
	font-size: 90%;
}
.m-0 {
	margin: 0!important;
}
/*///*/
#archive {
  width: 800px;
  margin: 0 auto;
}
.archive_title {
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 0.5em;
}
.archive_bnr {
   width: 33%;
   display: inline-block;
   padding: 0 3%;
   vertical-align: top;
}
.archive_bnr p {
  font-size: 88%;
  margin: 0.5em 0 0 0;
  line-height: 1.7;
}
/*========= 1文字ずつ出現させるためのCSS ===============*/

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}