/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: 'Zen Maru Gothic' ,sans-serif, monospace;
	font-size: 18px;
}

.clear{clear:both;}

html , body {
	min-height: 100%;
	height: auto;
	height: 100%;
	word-break: break-all;
	background-color: #f5f5f5;
}

a { outline: none; }
a:focus, *:focus { outline:none; }

.zen_maru{
	font-family: 'Zen Maru Gothic', sans-serif;
}

.pc{ display: inherit!important; }
.sp{ display: none!important; }
@media screen and (max-width: 699px){
.pc{ display: none!important; }
.sp{ display: inherit!important; }
}

/* PC_setting
================================================== */
#wrapper{
	width: 100%;
	height: auto;
	min-height: 100%;
	background-image: url("../image/kaginado_br_bg.png");
	background-repeat: repeat;
}

.border_style1{
	width: 100%;
	height: 37px;
	background-image: url("../image/kaginado_br_border.png");
	background-repeat: repeat-x;
	margin: 1% 0;
}

.link_bt{
	position: relative;
	border: 2px solid #392023;
	text-align: center;
	width: 50%;
	margin: auto;
	padding: 1%;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 30px;
}

.link_bt:hover{
	background-color: #392023;
	color: white;
}

.link_bt a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.link_bt2{
	position: relative;
	border: 2px solid #392023;
	text-align: center;
	width: 80%;
	margin: auto;
	padding: 1%;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 30px;
}

.link_bt2:hover{
	background-color: #392023;
	color: white;
}

.link_bt2 a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.link_a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.main_wrapper{
	background-image: url("../image/kaginado_br_bg2.png");
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100%;
	width: 100%;
}

.main_top_wrapper{
	width: 70%;
	margin: auto;
	letter-spacing: -1em;
	padding-top: 2%;
}

.main_top_left_box{
	width: 50%;
	display: inline-block;
	padding-right: 2%;
	vertical-align: top;
	letter-spacing: normal;
}

.main_top_right_box{
	width: 46%;
	display: inline-block;
	padding-left: 2%;
	vertical-align: top;
	letter-spacing: normal;
}

.main_top_text{
	padding: 4% 0;
}

.main_top_img img{
	border-radius: 30px;
}

.main_top_banner{
	width: 80%;
	padding-top: 2%;
	margin: auto;
	letter-spacing: -1em;
}

.main_top_banner_style1{
	width: 46%;
	padding: 0 2%;
	display: inline-block;
	letter-spacing: normal;
}

.main_top_banner_style1:hover{
	opacity: 0.8;
}

.main_top_link_bt{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #392023;
	border: 2px solid #392023;
	border-radius: 50px;
	padding: 2% 0;
	margin-top: 4%;
	position: relative;
}

.main_top_link_bt:hover{
	background-color: #392023;
	color: white;
}

.introduction_loop_img {
  display: flex;
  width: 100%;
  overflow: hidden;
  background-image: url("../image/kaginado_loop_img.jpg");
  background-size: cover;
  padding:0% 0 0;
}

.introduction_loop_img img {
  width: auto;
  height: 200px;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.introduction_loop_img img:first-child {
  animation: loop 80s -40s linear infinite;
}

.introduction_loop_img img:last-child {
  animation: loop2 80s linear infinite;
}

.about_top_wrapper{
	width: 100%;
	margin: auto;
	padding: 1% 0 3%;
}

.about_title{
	width: 28%;
	margin: 4% auto 1%;
}

.about_text_style1{
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2%;
}

.about_text_style2{
	font-size: 1em;
	line-height: 1.8em;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}

.about_text_style3{
	font-size: 0.8em;
	line-height: 1.8em;
	text-align: center;
	padding-top: 1%;
}

.bluray_top_wrapper{
	width: 60%;
	margin: auto;
	padding: 1% 0 3%;
}

.bluray_title{
	width: 42%;
	margin: 4% auto 1%;
}

.bluray_box{
	width: 92%;
	padding: 4%;
	border-radius: 30px;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5);
	background-color: white;
	margin: 2% auto 0 auto;
}

.bluray_title_style1{
	background-color:#e8342f;
	border-radius: 30px;
	padding: 1%;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.4em;
}

.bluray_title_style2{
	background-color:#46af46;
	border-radius: 30px;
	padding: 1%;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.4em;
}

.bluray_text_box{
	width: 90%;
	margin: auto;
}

.bluray_text_style1{
	width: 30%;
	font-size: 1em;
	font-weight: bold;
	color: #392023;
	vertical-align: top;
}

.bluray_text_style2{
	vertical-align: top;
	font-size: 1em;
	color: #392023;
}

.bluray_text_style3{
	font-weight: bold;
}

.bluray_text_style4{
	vertical-align: top;
	font-size: 1em;
	font-weight: bold;
	color: #392023;
	padding-bottom: 2%;
}

.bluray_pack_img{
	width: 40%;
	margin: auto;
	padding: 4% 0 0 0;
}

.tenpo_tokuten_top_wrapper{
	width: 70%;
	margin: auto;
	padding: 1% 0 3%;
	letter-spacing: -1em;
}

.tenpo_tokuten_title{
	width: 42%;
	margin: 4% auto 1%;
}

.tenpo_tokuten_box{
	width: 40%;
	margin: 0 2% 4%;
	padding: 3%;
	display: inline-block;
	letter-spacing: normal;
	border-radius: 30px;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5);
	background-color: white;
	vertical-align: top;
}

.tenpo_tokuten_title1{
	font-size: 1.2em;
	text-align: center;
	background-color: #392023;
	color: white;
	border-radius: 30px;
	font-weight: bold;
	padding: 2%;
}

.tenpo_tokuten_text_style1{
	padding: 3% 0;
	color: #392023;
}

.tenpo_tokuten_img{
	padding: 0 0 4%;
}

.copyright{
	font-size: 1em;
	text-align: center;
	padding: 0 0 4%;
}



/* Smartphone_setting
================================================== */

@media screen and (max-width: 699px){
	.border_style1{
		width: 100%;
		height: 10px;
		background-image: url("../image/kaginado_br_border.png");
		background-repeat: repeat-x;
		background-size: 25%;
		margin: 1% 0;
	}

	.main_wrapper{
		background-image: url("../image/kaginado_br_bg2.png");
		background-repeat: repeat-y;
		background-size: contain;
		width: 100%;
	}

	.main_top_wrapper{
		width: 86%;
		margin: auto;
		letter-spacing: -1em;
		padding-top: 2%;
	}

	.main_top_left_box{
		width: 100%;
		display: block;
		padding-right: 0%;
		padding-bottom: 4%;
		vertical-align: top;
		letter-spacing: normal;
	}

	.main_top_right_box{
		width: 100%;
		display: block;
		padding-left: 0%;
		padding-bottom: 4%;
		vertical-align: top;
		letter-spacing: normal;
	}

	.main_top_banner{
		width: 100%;
		padding-top: 2%;
		margin: auto;
		letter-spacing: -1em;
	}

	.main_top_banner_style1{
		width: 46%;
		padding: 0 2%;
		display: inline-block;
		letter-spacing: normal;
	}

	.main_top_link_bt{
		text-align: center;
		font-size: 1em;
		font-weight: bold;
		color: #392023;
		border: 2px solid #392023;
		border-radius: 50px;
		padding: 2% 0;
		margin-top: 4%;
		position: relative;
	}

	.about_title{
		width: 70%;
		margin: 4% auto 1%;
	}

	.about_text_style1{
		width: 90%;
		margin: auto;
		font-size: 1em;
		text-align: center;
		font-weight: bold;
		padding-bottom: 5%;
	}

	.about_text_style2{
		width: 90%;
		margin: auto;
		font-size: 0.8em;
		line-height: 1.8em;
		text-align: left;
		padding-top: 4%;
		padding-bottom: 4%;
	}

	.about_text_style3{
		width: 86%;
		margin: auto;
		font-size: 0.6em;
		line-height: 1.8em;
		text-align: center;
		padding-top: 1%;
	}

	.link_bt{
		position: relative;
		border: 2px solid #392023;
		text-align: center;
		width: 82%;
		margin: auto;
		padding: 4%;
		font-size: 0.8em;
		font-weight: bold;
		border-radius: 30px;
	}

	.link_bt2{
		position: relative;
		border: 2px solid #392023;
		text-align: center;
		width: 82%;
		margin: auto;
		padding: 4%;
		font-size: 0.8em;
		font-weight: bold;
		border-radius: 30px;
	}

	.bluray_top_wrapper{
		width: 86%;
		margin: auto;
		padding: 3% 0 3%;
	}

	.bluray_title{
		width: 76%;
		margin: 4% auto 1%;
	}

	.bluray_box{
		width: 92%;
		padding: 4%;
		border-radius: 30px;
		box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .2);
		background-color: white;
		margin: 2% auto 8% auto;
	}

	.bluray_title_style1{
		background-color:#e8342f;
		border-radius: 30px;
		padding: 2%;
		margin-bottom: 4%;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 0.8em;
	}

	.bluray_title_style2{
		background-color:#46af46;
		border-radius: 30px;
		padding: 2%;
		margin-bottom: 4%;
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 0.8em;
	}

	.bluray_text_box{
		width: 100%;
		margin: auto;
	}

	.bluray_text_style1{
		width: 30%;
		font-size: 0.6em;
		font-weight: bold;
		color: #392023;
		vertical-align: top;
	}

	.bluray_text_style2{
		vertical-align: top;
		font-size: 0.8em;
		color: #392023;
	}

	.bluray_text_style3{
		font-size: 0.8em;
		font-weight: bold;
	}

	.bluray_text_style4{
		font-size: 0.8em;
		font-weight: bold;
		
		padding-bottom: 4%;
	}

	.bluray_pack_img{
		width: 60%;
		margin: auto;
		padding: 4% 0 0 0;
	}


	.tenpo_tokuten_top_wrapper{
		width: 86%;
		margin: auto;
		padding: 1% 0 3%;
		letter-spacing: -1em;
	}

	.tenpo_tokuten_title{
		width: 76%;
		margin: 4% auto 1%;
	}

	.tenpo_tokuten_box{
		width: 80%;
		margin: 0 4% 4%;
		padding: 6%;
		display: block;
		letter-spacing: normal;
		border-radius: 30px;
		box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5);
		background-color: white;
		vertical-align: top;
	}

	.tenpo_tokuten_title1{
		font-size: 1em;
		text-align: center;
		background-color: #392023;
		color: white;
		border-radius: 30px;
		font-weight: bold;
		padding: 2%;
	}

	.tenpo_tokuten_text_style1{
		padding: 3% 0;
		font-size: 0.8em;
		color: #392023;
	}

	.tenpo_tokuten_img{
		padding: 0 0 4%;
	}


}