@charset "utf-8";

/***************************************************
PC用および共通設定 974px～
***************************************************/
#main_image{
	position:relative;
}
#main_image p{
	position:absolute;
	top:200px;
	left:340px;
	text-align:left;
	width:550px;
}
#about_movie{
	background:#e8d1eb;
	padding-top:3%;

}
#about_movie p{

	text-align:left;
	padding:0 15% 5%;
}

#profile{
	background:#e8e6f4;
	padding:5% 0 ;

}
#main_container{
	padding-bottom:0 !important;
	background:#e8e6f4;
}
#cnt_profile{
	background:#FFF;
	width:75%;
	margin:0 auto;
	padding:2%;
}
#left_profile{
	float:left;
	width:21%;
	text-align:left;
}
#right_profile{
	float:left;
	width:75%;
	text-align:left;

}
#right_profile p{
	text-align:left;
}
p.txt1{
	color:#663366;
	margin-top:0;
}
p.txt2{
	font-size:150%;
	margin-top:0.2em;
	font-weight:bold;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
p.txt3{
	margin-top:0.2em;
}

.movie-wrap {
	width: 780px;
	margin: 0 auto;
}

.tl_movie{
	margin-top:80px;
	margin-bottom:30px;
}

.movie-wrap iframe {
  display: none;
}

.movie-wrap div.movie_clip {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
}
.main_images_box {
	position: relative;
}
.language {
	display: flex;
	position: absolute;
	top: 3px;
	right: 10px;
}
.language > li > a {
	position: relative;
	display: block;
	width: 95px;
	text-align: center;
	margin-left: 5px;
	padding: 2px 0;
	background-color: #DCEEEE;
	color: #271501;
}
.language > li > a::before {
	content: "";
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 7px 7px;
	border-color: transparent transparent #9A478D transparent;
}
.language > li > a:hover {
	text-decoration: none;
	opacity: .7;
}
.half_box01 {
	width: 65%;
	margin: 0 40px;
}
.half_box01 .borderBox01 {
    margin-top: 0;
}
/***************************************************
タブレット用 768px～973px
***************************************************/

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

#main_image p{
	top:60%;
	left:35%;
	width:60%;

}
#left_profile{
	margin-right:2%;

}

.movie-wrap {
    position: relative;
    margin-right:10px;
    margin-left:10px;

    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
  display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.movie-wrap div.movie_clip {
  display: none;
}
.main_images_box {
	position: relative;
}



}

/***************************************************
スマートフォン用 ～(973px)※タブレットにおいてもSP表示
***************************************************/
@media only screen and (max-width: 973px){
#bodyArea{
	background: url(/english/tantakatan/images/bg03.jpg) repeat-y;
}

#main_image p{
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0 3%;
}
.slideShow img{
	width:100%;
}
#about_movie img{
	width:45%;
}
#about_movie p{

	text-align:left;
	padding:0 2% 5%;
}
#cnt_profile{
	width:95%;

}


.tl_movie{
	margin-top:10%;
}

.tl_movie img{
	width:65%;
}

.movie-wrap {
	width: 100%;
	margin-bottom: 70px;
	margin: auto;


}
.main_images_box {
	position: relative;
}
.language {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		z-index: 1;
	}
	.language > li {
		width: calc(100% - 3px / 3);
		border-right: 1.5px solid #342512;
	}
	.language > li:last-child {
		border-right: none;
	}
	.language > li > a {
		width: 100%;
		margin-left: 0;
	}
	.language > li > a::before {
		bottom: 1px;
		right: 1px;
		border-width: 0 0 9px 9px;
	}
	.half_box01 {
		width: auto;
	}
	.half_box01 .figureCol01 .imgR{
	text-align: center;
	}
}