@charset "UTF-8";

/*
コアエフェクターDB1 PC用
-------------------------------------------------- */
div#db13786b {
	width:1200px;
}
  div#db13786b .display-pc {
		    display:inherit;
  }	
  div#db13786b .display-sp {
    display: none ;
	}

div#db13786b .cont03 {
  background: #000;
  position: relative;
  z-index: 1;
  overflow: hidden	
}	
div#db13786b .cont03 .box01 {
  background: url(/core/img/cont03_bg.jpg) top center/100% auto no-repeat #000;
  position: relative;
  z-index: 1;
  overflow: hidden	
}	
@media only screen and (max-width: 1300px) {
  div#db13786b .cont03 .box01 {
    width: 1300px;
    background: url(/core/img/cont03_bg.jpg) top center/1300px auto no-repeat #000	
  }	
}	
@media only screen and (max-width: 1000px) {
  div#db13786b .cont03 .box01 {
    width: 1300px;
    margin-left: -20%;
    background: url(/core/img/cont03_bg.jpg) top center/1300px auto no-repeat #000	
  }	
}	

div#db13786b .cont03 .box01 h3 {
  display: block;
  width: 32.85%;
  margin: 17.54% 0 3.85% 44%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
  z-index: 1	
}	

div#db13786b .cont03 .box01 p {
  position: relative;
  z-index: 1	
}	
div#db13786b .cont03 .box01 .txt {
  width: 31.54%;
  margin: 0 0 17.31% 44%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1)	
}	

div#db13786b .cont03 .box01 h3.fade, div#db13786b .cont03 .box01 p.fade {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)	
}	
div#db13786b .cont03 .box02 {
  background: #000;
  position: relative;
  z-index: 1;
  overflow: hidden	
}	
div#db13786b .cont03 .box02 .inner {
  padding: 1px 0	
}	
div#db13786b .cont03 .box02 .inner dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto	
}	

div#db13786b .cont03 .box02 .inner dl dt {
  width: 12.23%;
  margin: 0;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  transform: translateY(40px);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1)	
}	

div#db13786b .cont03 .box02 .inner dl dd {
  width: 87.56%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1)	
}	

div#db13786b .cont03 .box02 .inner dl dd .subttl {
  margin: 0 0 4.5% 0	
}	

div#db13786b .cont03 .box02 .inner dl dd .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between	
}	
div#db13786b .cont03 .box02 .inner dl dd .flexbox .txt {
  width: 57.62%;
  margin: 0;
  font-size: 20px;
  line-height: 1.6;
  color: #fff	
}	
@media only screen and (max-width: 1000px) {
  div#db13786b .cont03 .box02 .inner dl dd .flexbox .txt {
    font-size: 2vw	
  }	
}	

div#db13786b .cont03 .box02 .inner dl dd .flexbox .beforeafter {
  width: 34.14%;
  margin: 0	
}	

div#db13786b .cont03 .box02 .inner dl:nth-of-type(1) dd .subttl {
  width: 93.15%	
}	

div#db13786b .cont03 .box02 .inner dl:nth-of-type(2) dd .subttl {
  width: 70.82%	
}	

div#db13786b .cont03 .box02 .inner dl:nth-of-type(3) {
  margin: 0 auto 5%	
}	

div#db13786b .cont03 .box02 .inner dl:nth-of-type(3) dd .subttl {
  width: 83.63%;
  margin: 8.4% 0 0	
}	

div#db13786b .cont03 .box02 .inner>p.fade, div#db13786b .cont03 .box02 .inner dl>dt.fade, div#db13786b .cont03 .box02 .inner dl>dd.fade {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)	
}	

div#db13786b .m-pageItemBlock_imgBox {
	width:830px;
	margin:30px auto 0;
}


/* 220225 voice
----------------------------------- */
div#db13786b #voice {
	margin: 0 0 40px;
	padding: 45px 50px 0;
	background: #f0ece3;
	color: #000;
}

div#db13786b #voice .voice_ttl {
    text-align: center;
}

div#db13786b #voice .voice_box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
    padding: 40px 3px 40px;
}

div#db13786b #voice .voice_box+.voice_box {
	border-top: 2px solid #fff;
}

div#db13786b #voice .voice_box img {
	width: 100%
}

div#db13786b #voice .voice_box div.img {
	width: 245px
}

div#db13786b #voice .voice_box .txt {
	width: 830px
}

div#db13786b #voice .voice_box:nth-of-type(1) .name {
	width: 139px
}

div#db13786b #voice .voice_box:nth-of-type(2) .name {
	width: 184px
}

div#db13786b #voice .voice_box:nth-of-type(3) .name {
	width: 268px
}

div#db13786b #voice .subttl {
	margin: 13px 0 0;
	font-weight: bolder;
	color: #916e2a;
}

/* アコーディオンメニュー */
.ac-menu input {
    display: none;
}
.ac-menu label {
	margin: 13px 0 0;
    background: #fffdf7;
    border: 2px solid #000;
    padding: 9px 0 6px;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
    position: relative;
    display: block;
}
.ac-menu label:after {
    position: absolute;
    left: 340px;
    top: 53%;
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    content: "＋"; /* アイコン */
    font-size: 30px;
    font-weight: lighter;
}
.ac-menu input:checked ~ label::after {
    content: "−"; /* クリック後のアイコン */
}
.ac-menu div {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s; /* 開閉スピード */
}
  .ac-menu input:checked ~ div {
    height: auto;
    opacity: 1;
}


/* 220826 アプリ表示調整（.fade-img-foot表示）*/
div#db13786b .cont02 .inner{
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}


/* 230123 NG画像削除対応 */

div#db13786b .inner {
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

div#db13786b .cont03 .box02 .ttl1 {
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1)
}

div#db13786b .cont03 .box02 .ttl1 img {
  width: 1200px;
}

div#db13786b .cont03 .box02 .txt1 {
  width: 55.6%;
  margin: 60px auto;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s opacity cubic-bezier(0.215, 0.61, 0.355, 1), 1s transform cubic-bezier(0.215, 0.61, 0.355, 1), 1s -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1)
}

div#db13786b .cont03 .box02 h3.fade, div#db13786b .cont03 .box02 p.fade {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}