@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');

/* =============================================
	デザコン2022
============================================= */
/*common*/
html{
	height: -webkit-fill-available;
	scroll-behavior: smooth;
}

div#dezacon_wrap a{
	text-decoration: none;
	color: #3f312b;
}

div#dezacon_wrap a:hover{
	text-decoration: none;
	color: #3f312b;
	opacity: 0.6;
}

div#dezacon_wrap a:visited{
	text-decoration: none;	
	color: #3f312b;
}

div#dezacon_wrap{
	width: 100%;
	font-family: 'Kiwi Maru', sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	background: url("../img/dezacon_2022/top_back.jpg");
	background-repeat: repeat;
	color: #3f312b;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  background: #3f312b;
  opacity: 0.6;
}

#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
   	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.slick-prev{
	width: 42px;
	height: 42px;
	left: -70px;
	top: 45%;
}

.slick-next{
	width: 42px;
	height: 42px;
	right: -70px;
	top: 45%;
}


.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

.slick-next:before{
    background: url(../img/dezacon_2022/slick_ar_R.svg)!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
  }

.slick-prev:before{
    background: url(../img/dezacon_2022/slick_ar_L.svg)!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
  }


@media screen and (max-width: 767px){
div#dezacon_wrap{
	font-size: 1.2em;
}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 5px;
  background: #3f312b;
  opacity: 0.6;
}

.slick-prev{
	width: 22px;
	height: 22px;
	left: -25px;
	top: 45%;
}

.slick-next{
	width: 22px;
	height: 22px;
	right: -30px;
	top: 45%;
}

}

/*animation*/
@keyframes rotate{
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes zoomInAnime{
  from {
	transform: scale(0);
	opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes rotateYAnime{
	from{
		transform: rotateY(0);
		opacity: 0;
		}
	to{
		transform: rotateY(-360deg);
		opacity: 1;
		}
}


/*dezacon_title*/
section.dezacon_top{
	width: 100%;
	margin: 0 auto;
	padding: 40px 0; 
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgb(237,207,138,0.6);
}

section.dezacon_top div.inner{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

section.dezacon_top h1.title{
	width: 970px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	position: relative;
}

section.dezacon_top h1.title img.maintitle{
	width: 50%;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	z-index: 10;
	animation-name:zoomInAnime;
	animation-duration:0.5s;
	animation-delay: 0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}

section.dezacon_top h1.title p{
	width: 100%;
	margin-top: 20px;
	text-align: center;
	z-index: 10;
}

section.dezacon_top h1.title p a img{
	width: 40%;
}

section.dezacon_top div.top_ill{
	width: 970px;
	margin: 0 auto;
	position: absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 10;
}

section.dezacon_top div.top_ill div.girl{
	width: 25%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.dezacon_top div.top_ill div.boy{
	width: 25%;
	margin-left: auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.dezacon_top div.top_ill div.girl img,
section.dezacon_top div.top_ill div.boy img{
	width: 100%;
}

@media screen and (max-width: 767px){
section.dezacon_top{
	padding: 0;
}

section.dezacon_top div.inner{

}

section.dezacon_top h1.title{
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
}

section.dezacon_top h1.title img.maintitle{
	width: 65%;
}

section.dezacon_top h1.title p{

}

section.dezacon_top h1.title p a img{
	width: 50%;
}

section.dezacon_top div.top_ill{
	width: 100%;
	height: 55%;
	top: 50%;
}

section.dezacon_top div.top_ill div.girl{
	width: 20%;
}

section.dezacon_top div.top_ill div.boy{
	width: 20%;
}

section.dezacon_top div.girl img{
	transform: rotate(-10deg);
}

section.dezacon_top div.boy img{
	transform: rotate(10deg);
}

section.dezacon_top p.button{
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
}

section.dezacon_top p.button::before {
  	width: 150px;
  	height: 150px;
}

section.dezacon_top p.button{

}

section.dezacon_top p.button img{
	width: 75px;
	height: 75px;
	z-index: 2;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

}



/*dezacon_menu*/
section.dezacon_menu{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0; 
	background: rgb(237,207,138,0.6);
}

section.dezacon_menu div.inner{
	width: 970px;
	margin: 0 auto;
	position: relative;
}

section.dezacon_menu ul{
	width: 970px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

section.dezacon_menu ul a{
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
}

section.dezacon_menu ul a li{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


section.dezacon_menu ul a li img{
	width: 100%;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
}

section.dezacon_menu div.link{
	width: 600px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 2;
}

section.dezacon_menu div.link a{
}

section.dezacon_menu div.link a :hover{
	opacity: 0.6;
}

section.dezacon_menu div.link a img{
	width: 100%;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
}
section.dezacon_menu div.link img.link_p{
	display: block;
	margin-bottom: 20px;
}


@media screen and (max-width: 767px){
section.dezacon_menu{
	padding: 40px 0;
}

section.dezacon_menu div.inner{
	width: 100%;
}

section.dezacon_menu ul{
	width: 90%;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

section.dezacon_menu ul a{
	width: 50%;
	margin-bottom: 20px;
}


section.dezacon_menu div.link{
	width: 90%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 2;
}

}


/*dezaconbk_archive*/

section.dezaconbk_archive{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	/* background: url("../img/dezacon_2022/book_back.jpg"); */
	background-repeat: repeat;
	background-size: contain;
}

section.dezaconbk_archive div.inner{
	width: 100%;
    margin: 0 auto;

}

section.dezaconbk_archive div.title{
	width: 970px;
	margin: 0 auto;
}

section.dezaconbk_archive div.title h2{
	width: 65%;
	margin: 0 auto;
}

section.dezaconbk_archive div.title h2 img.fadeUpTrigger{
    opacity: 0;
}


section.dezaconbk_archive div.title h2 img.fadeUp{
	width: 100%;
	animation-name:rotateYAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

section.dezaconbk_archive div.news_wrap{
	width: 970px;
	margin: 50px auto 0;
}

.news-check{
    display: none;
}

.news-label{
	width: 100%;
    display: block;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}

.news-label img{
	width: 50%;
}

.news-label p{
	padding-left: 20px;
	box-sizing: border-box;
	width: 80%;
}

.news-label.a{
	background: #a4c1d7;
    color: #fff;
}

div.news-label.a .icon:before,
div.news-label.a .icon:after {
	background: #a4c1d7;
}


.news-label.b{
	background: #e3acae;
    color: #fff;
}

div.news-label.b .icon:before,
div.news-label.b .icon:after {
	background: #e3acae;
}


.news-label.c{
	background: #849c6c;
    color: #fff;
}

div.news-label.c .icon:before,
div.news-label.c .icon:after {
	background: #849c6c;
}


.news-label.d{
	background: #b0778c;
    color: #fff;
}

div.news-label.d .icon:before,
div.news-label.d .icon:after {
	background: #b0778c;
}

.news-label.e{
	background: #ffa447;
    color: #fff;
}

div.news-label.e .icon:before,
div.news-label.e .icon:after {
	background: #ffa447;
}

.news-check{
    display: none;
}

.news-content{
	width: 100%;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    visibility: hidden;
    font-size: 0.8em;
    height: auto;
    opacity: 1;
    padding: 30px;
    visibility: visible;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #fff;
}

.news-content div.box{
	padding: 20px 0;
	border-bottom: 1px solid #3f312b;
}

.news-content h3{
	font-size: 1.5em;
	font-weight: bolder;
	background: #3f312b;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 50px;
}

.news-content h3.first{
	margin-top: 0;
}

.news-content h4{
	margin-bottom: 15px;
	font-size: 1.5em;
	color: #3f312b;
}

.news-content h4 span{
	display: block;
	margin-top: 5px;
	font-size: 0.6em;
	font-weight: normal;
}

.news-content p{
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.news-content ul li{
	font-size: 1.2em;
}

.news-content{
	display: none;
}

.news-check:checked + .news-label + .news-content{
    height: auto;
    opacity: 1;
    padding: 30px;
    box-sizing: border-box;
    visibility: visible;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px){
section.dezaconbk_archive{
	padding: 40px 0;
}

section.dezaconbk_archive div.inner{
	width: 90%;
    margin: 0 auto;
}

section.dezaconbk_archive div.title{
	width: 100%;
}

section.dezaconbk_archive div.title h2{
	width:100%;
}

section.dezaconbk_archive div.title h2 img{

}

.news-label img{
	width: 80%;
}

.news-label p{
	padding-left: 10px;
}

section.dezaconbk_archive div.news_wrap{
	width: 100%;
}



}


/*dezacon_book*/
section.dezacon_book{
	width: 100%;
	padding: 100px 0;
	background: url("../img/dezacon_2022/book_back_B.jpg");
	background-repeat: repeat;
	background-size: contain;
}

section.dezacon_book div.inner{
	width: 970px;
	margin: 0 auto;
}

section.dezacon_book div.title{
	width: 970px;
	margin: 0 auto;
}

section.dezacon_book div.title h2{
	width: 65%;
	margin: 0 auto;
}

section.dezacon_book div.title h2 img.fadeUpTrigger{
    opacity: 0;
}


section.dezacon_book div.title h2 img.fadeUp{
	width: 100%;
	animation-name:rotateYAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

section.dezacon_book div.dis{
	width: 100%;
	margin:  40px auto;
}

section.dezacon_book div.dis p.catch{
	width: 100%;
	text-align: center;
}

section.dezacon_book div.dis p.catch span{
	display: block;
}

section.dezacon_book div.dis div.pic{
	width: 100%;
	margin: 40px auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

section.dezacon_book div.dis div.pic div.box{
	width: 48%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;

}

section.dezacon_book div.dis div.pic div.box img{
	width: 100%;
}


section.dezacon_book div.link{
	width: 600px;
	margin: 50px auto 0;
	padding: 0 20px;
	box-sizing: border-box;
}

section.dezacon_book div.dis div.pic div.box p{
	width: 100%;
	text-align: center;
}

section.dezacon_book div.link a{

}

section.dezacon_book div.link a :hover{
	opacity: 0.6;
}

section.dezacon_book div.link a img{
	width: 100%;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
}

section.dezacon_book div.link img.link_p{
	display: block;
	margin-bottom: 20px;
}


@media screen and (max-width: 767px){
section.dezacon_book{
	padding: 40px 0;
}

section.dezacon_book div.inner{
	width: 90%;
}

section.dezacon_book div.title{
	width: 100%;
}

section.dezacon_book div.title h2{
	width:100%;
}

section.dezacon_book div.title h2 img{

}


section.dezacon_book div.link{
	width: 100%;
}

section.dezacon_book div.link a{

}

section.dezacon_book div.link a img{

}

}

/*dezacon_ariake*/
section.dezacon_ariake{
	width: 100%;
	padding: 10px 0;
	background: url("../img/dezacon_2022/about_back.jpg");
	background-repeat: repeat;
	background-size:cover;
}

section.dezacon_ariake div.inner{
	width: 970px;
	margin: 0 auto;
}

section.dezacon_ariake div.title{
	width: 100%;
	margin: 0 auto;
}

section.dezacon_ariake div.title h2{
	width: 65%;
	margin: 0 auto;
}

section.dezacon_ariake div.title h2 img{
	width: 100%;
}

section.dezacon_ariake div.title h2 img.fadeUpTrigger{
    opacity: 0;
}

section.dezacon_ariake div.title h2 img.fadeUp{
	animation-name:rotateYAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

section.dezacon_ariake div.howto{
	width: 100%;
	margin: 30px auto 0;
}

section.dezacon_ariake div.howto p{
	width: 100%;
	margin: 50px auto;
	text-align: center;
}

section.dezacon_ariake div.item{
	margin-bottom: 20px;
}

.acd-check{
    display: none;
}

.acd-label{
    background: url(../img/dezacon_2022/label_back.jpg);
    background-size: cover;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
 	will-change: filter;
  	position: relative;
}

.acd-label img.num{
	display: block;
	width: 5%;
	padding-right: 30px;
}

.acd-label div.text{
	width: 50%;
}

.acd-label span{
	font-size: 0.8em;
}

.acd-label div.text img{
	height: 70px;
}

.icon-wrap {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translatey(-50%);
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50% 50%;
}

.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  background: #3f312b;
  transition: all 0.4s;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}

.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

div.item-label .icon-wrap {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translatey(-50%);
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50% 50%;
}


.acd-content{
	width: 100%;
    border: 1px solid #333;
    border-top: 0;
    box-sizing: border-box;
    visibility: hidden;
	padding: 30px 60px 60px 60px;
    height: auto;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
}

.acd-content{
	display: none;
}

.item-check{
    display: none;
}

.item-label{
	width: 100%;
    display: block;
    margin: 0 auto;
    padding: 10px;
    font-size: 1.5em;
    position: relative;
    box-sizing: border-box;
}

.item-label.a,
.item-content.a{
	background: #a4c1d7;
    color: #fff;
}

div.item-label.a .icon:before,
div.item-label.a .icon:after {
	background: #a4c1d7;
}


.item-label.b,
.item-content.b{
	background: #e3acae;
    color: #fff;
}

div.item-label.b .icon:before,
div.item-label.b .icon:after {
	background: #e3acae;
}


.item-label.c,
.item-content.c{
	background: #849c6c;
    color: #fff;
}

div.item-label.c .icon:before,
div.item-label.c .icon:after {
	background: #849c6c;
}


.item-label.d,
.item-content.d{
	background: #b0778c;
    color: #fff;
}

div.item-label.d .icon:before,
div.item-label.d .icon:after {
	background: #b0778c;
}

.item-label.e,
.item-content.e{
	background: #ffa447;
    color: #fff;
}

div.item-label.e .icon:before,
div.item-label.e .icon:after {
	background: #ffa447;
}

.item-label.f,
.item-content.f{
	background: #c24633;
    color: #fff;
}

div.item-label.f .icon:before,
div.item-label.f .icon:after {
	background: #c24633;
}

.item-label.g,
.item-content.g{
	background: #1c4054;
    color: #fff;
}

div.item-label.g .icon:before,
div.item-label.g .icon:after {
	background: #1c4054;
}


.item-label span{
	font-size: 0.5em;
	display: block;
}

.item-label img{
	height: 60px;
}

.item-content{
	width: 100%;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    visibility: hidden;
    font-size: 0.6em;
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    margin-bottom: 20px;
    box-sizing: border-box;
}


.item-content{
	display: none;
}

.item-check:checked + .item-label + .item-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    margin-bottom: 20px;
}

section.dezacon_ariake div.item div.acd-content p.bumon_dis{
	font-size: 0.8em;
	margin-bottom: 40px;
}

section.dezacon_ariake div.item div.acd-content p.arukikata_dis{
	font-size: 0.8em;
	margin-bottom: 40px;
}

div.arukikata_wrap .item-content{
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
}

div.arukikata_wrap .item-content p.recomend{
	margin-bottom: 30px;
	line-height: 2em;
	padding-left:1em;
	text-indent:-1em;
	box-sizing: border-box;
}

div.arukikata_wrap .item-content p.recomend span{
	box-sizing: border-box;
	color: #c24633 ;
	position: relative;
	font-weight: bolder;
}

div.arukikata_wrap .item-content.plan2 p.recomend span{
	color: #1c4054 ;
}

div.arukikata_wrap .item-content p.recomend span:before{
	content: "●";
	position: absolute;
	left: 0;
}

div.arukikata_wrap .item-content div.pic{
	width: 100%;
	margin-bottom: 30px;
}

div.arukikata_wrap .item-content div.pic img{
	 max-width:100%;
  	height:auto;
}

div.arukikata_wrap .item-content div.text{
	width: 100%;
}

div.arukikata_wrap .item-content div.text div.con{
	margin-bottom: 20px;
}

div.arukikata_wrap .item-content div.text h4{
	padding: 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 1em;
}

div.arukikata_wrap .item-content div.text h4.booth{
	background: #ff7f50;
}

div.arukikata_wrap .item-content div.text h4.kukan{
	background: #a4c1d7;
}

div.arukikata_wrap .item-content div.text h4.kozo{
	background: #e3acae;
}

div.arukikata_wrap .item-content div.text h4.sozo{
	background: #849c6c;
}

div.arukikata_wrap .item-content div.text h4.am{
	background: #b0778c;
}
div.arukikata_wrap .item-content div.text h4.pre{
	background: #ffdb4f;
}


div.arukikata_wrap .item-content div.text p{
	line-height: 2em;
}

div.item.nazotoki{

}

div.item.nazotoki p.nazo_dis{
    font-size: 0.8em;
	margin-bottom: 30px;
}

div.item.nazotoki div.nazo_wrap{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border:double 10px #533b29;
	background: #fff;
}

div.item.nazotoki div.nazo_wrap img.nazo{
	width: 100%;
	display: block;
	margin: 30px auto;
}

div.item.nazotoki div.nazo_wrap p{
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 0.8em;
	font-weight: bolder;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

div.item.nazotoki div.nazo_wrap p img{
	width: 40px;
}

div.item.nazotoki div.nazo_wrap p span.border{

}

div.item.nazotoki div.nazo_wrap span.atention{
	font-size: 0.8em;
	font-weight: normal;
}

div.item.nazotoki div.nazo_wrap p.zoom{
	padding: 10px;
	box-sizing: border-box;
	background: #533b29;
	border-radius: 20px;
	color: #fff;
	text-align: center; 
	display: block;
}

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

section.dezacon_ariake{
	padding: 60px 0;
}

section.dezacon_ariake div.inner{
	width: 90%;
}

section.dezacon_ariake div.title{

}

section.dezacon_ariake div.title h2{
	width: 100%;
}

section.dezacon_ariake div.title h2 img{

}

section.dezacon_ariake div.howto p{
	margin: 30px auto;
	font-size: 0.9em;
}

section.dezacon_ariake div.howto p span{
	display: block;
}

.acd-label{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.acd-label img.num{
	display: block;
	width: 7%;
	padding-right: 10px;
	padding-left: 10px;
}

.acd-label div.text{
	width: 60%;
}

.acd-label div.text img{
	height: auto;
	width: 100%;
}
.acd-label span{
	display: block;
	font-size: 0.8em;
}

.acd-content{
	width: 100%;
    border: 1px solid #333;
    border-top: 0;
    box-sizing: border-box;
    visibility: hidden;
	padding: 20px;
    height: auto;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
}

.item-label{
	width: 100%;
    background: #333;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

.item-label img{
	height: auto;
	width: 80%;
}

.item-content{
    font-size: 1em;
}


section.dezacon_ariake div.item div.acd-content p.bumon_dis{
	font-size: 1em;
	margin-bottom: 30px;
}

section.dezacon_ariake div.item div.acd-content p.arukikata_dis{
	font-size: 1em;
	margin-bottom: 40px;
}

div.item.nazotoki p.nazo_dis{
    font-size: 1em;
	margin-bottom: 30px;
}

div.arukikata_wrap .item-content{
	padding: 30px 10px;
}

div.item.nazotoki p.nazo_dis{
	margin-bottom: 10px;
}

div.item.nazotoki div.nazo_wrap p{
	font-size: 1em;
}


div.item.nazotoki div.nazo_wrap p img{
	width: 25px;
}


}




/*dzacon_ftlink*/
section.dezacon_ft{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	background: rgb(237,207,138,0.6);
}

section.dezacon_ft div.inner{
	width: 1020px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

section.dezacon_ft div.title{
	width: 100%;
	margin: 0 auto;
}

section.dezacon_ft div.title h2{
	width: 65%;
	margin: 0 auto;
}

section.dezacon_ft div.title h2 img{
	width: 100%;
}

section.dezacon_ft div.title h2 img.fadeUpTrigger{
    opacity: 0;
}

section.dezacon_ft div.title h2 img.fadeUp{
	animation-name:rotateYAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}


section.dezacon_ft div.link_space{
	width: 100%;
	margin: 60px auto;
}


section.dezacon_ft div.link_space ul{
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.dezacon_ft div.link_space ul a{
	width: 50%;
}

section.dezacon_ft div.link_space ul a li{
	padding-bottom:30px; 
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.dezacon_ft div.link_space ul a li:nth-child(3),
section.dezacon_ft div.link_space ul a li:nth-child(4){
	padding-bottom: 0;
}

section.dezacon_ft div.link_space ul li img{
	width: 70%;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	-moz-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
 	will-change: filter
}


section.dezacon_ft div.inner a.logo{
	width: 970px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

section.dezacon_ft div.inner a.logo img{
	width: 300px;
}


@media screen and (max-width: 767px){
section.dezacon_ft{
	padding: 60px 0;
}

section.dezacon_ft div.inner{
	width: 90%;
}

section.dezacon_ft div.title{

}

section.dezacon_ft div.title h2{
	width: 95%;
}

section.dezacon_ft div.title h2 img{

}

section.dezacon_ft div.link_space ul{
	display: block;
}

section.dezacon_ft div.link_space ul a{
	width: 100%;
}

section.dezacon_ft div.link_space{
	width: 100%;
}

section.dezacon_ft div.inner a.logo{
	width: 100%;
}

section.dezacon_ft div.inner a.logo img{
	max-width: 200px;
}


}