@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; background-color: transparent;} /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
@media screen and (min-width:769px) {
	a:hover { text-decoration:none; opacity:0.7; }
	.sample_voice_person_nav li a:hover,.sample_voice_language_list a:hover { opacity:1; }
	.sample_voice_person_nav li a:hover:after {
		content:"";
		width:100%;
		height:100%;
		border:3px #ff9100 solid;
		position:absolute;
		left:0;
		top:0;
	}
	.sample_voice_language_list a:hover:after {
		content:"";
		width:100%;
		height:70px;
		border:3px #ff9100 solid;
		position:absolute;
		left:0;
		top:0;
	}
}
html,body { height:100%; }

/* wrapper  ----------------------- */
#wrapper { }
#container { }

/* color  ----------------------- */

/* font  ----------------------:hover- */

/* animation  ----------------------- */
.tran {
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*共通  ----------------------- */
.box_center { width:100%; text-align:center; }
.box_right { width:100%; text-align:right; }
.box_left { width:100%; text-align:left; }
.img_center { display:block; text-align:center; }
.l_box { float:left; }
.r_box { float:right; }

.all_center_box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all_center_item {
  vertical-align: middle;
}
/*audio { width: 500px; display: block; margin:20px; }*/
/* #header ヘッダー
=========================================== */

/* #
=========================================== */

.sample_voice_speaker_list {
	display:table;
	letter-spacing:0;
	font-size:0;
}
.sample_voice_language_section {
	width:50%;
	padding:20px 15px;
	display:inline-block;
	vertical-align:top;
	display:table-cell;
}
.sample_voice_language_left { background:#f0f3f7; }
.sample_voice_language_right { background:#245ea8; }

.sample_voice_title { margin-bottom:20px; }
.sample_voice_language_left .sample_voice_title { color:#0e2d50; }
.sample_voice_language_right .sample_voice_title { color:#fff; }
.sample_voice_title_main,.sample_voice_title_sub { display:inline-block; }
.sample_voice_title_main { font-family:"Muli",sans-serif; }
.sample_voice_title_main { font-size:24px; }
.sample_voice_title_sub { margin-left:10px; font-size:14px; }

.sample_voice_language_list,.sample_voice_language_list_selected {
	letter-spacing:0;
	font-size:0;
}
.sample_voice_language_list li,.sample_voice_language_list_selected li {
	width:33.3%;
	display: inline-block;
	vertical-align:top;
	
}
.sample_voice_language_list li p,.sample_voice_language_list_selected li p { width:100%; padding-left:5px; display:table; }
.sample_voice_language_list li:nth-child(3n-2) p,.sample_voice_language_list_sub li:nth-child(3n-2) p { padding-left:0; }
.sample_voice_language_list li:nth-child(n+4),.sample_voice_language_list_sub li:nth-child(n+4) { margin-top:5px; }
.sample_voice_language_list a,.sample_voice_language_list_selected a {
	background-color:#fff;
	background-size:45px;
	width:100%;
	background-repeat:no-repeat;
	background-position:left 10px center;
    padding:17px 10px 17px 60px;
    position:relative;
    display: table-cell;
    vertical-align:middle;
    font-size:11px;
    color:#000;
}
.sample_voice_language_list a.selected:after,.sample_voice_language_list_selected a.selected:after {
	content:"";
	width:100%;
	height:70px;
	border:3px #ff9100 solid;
	position:absolute;
	left:0;
	top:0;
}
.sample_voice_language_list a span, .sample_voice_language_list_selected a span { display:block; text-indent:-0.5em; }
#sample-voice-japan,#sample-voice-japan-selected { background-image:url(../images/sample_voice_bg_japan.png); }
#sample-voice-english-america { background-image:url(../images/sample_voice_bg_english_america.png); }
#sample-voice-english-british { background-image:url(../images/sample_voice_bg_english_british.png); }
#sample-voice-chinese { background-image:url(../images/sample_voice_bg_chinese.png); }
#sample-voice-chinese-taiwan { background-image:url(../images/sample_voice_bg_chinese_taiwan.png); }
#sample-voice-cantonese-hongkong { background-image:url(../images/sample_voice_bg_cantonese_hongkong.png); }
#sample-voice-korean { background-image:url(../images/sample_voice_bg_korean.png); }
#sample-voice-thai { background-image:url(../images/sample_voice_bg_thai.png); }
#sample-voice-spanish-mexico { background-image:url(../images/sample_voice_bg_spanish_latin_america.png); }
#sample-voice-spanish { background-image:url(../images/sample_voice_bg_spanish.png); }
#sample-voice-portuguese-brasil { background-image:url(../images/sample_voice_bg_portuguese_brasil.png); }
#sample-voice-french { background-image:url(../images/sample_voice_bg_french.png); }
#sample-voice-french-canada { background-image:url(../images/sample_voice_bg_french_canada.png); }
#sample-voice-italian { background-image:url(../images/sample_voice_bg_italian.png); }
#sample-voice-german { background-image:url(../images/sample_voice_bg_german.png); }

.sample_voice_language_title { margin-bottom: 15px;  font-size: 35px; font-weight: bold; }

.sample_voice_people_photograph { width: 150px; display: inline-block; vertical-align: middle; }
.sample_voice_people_photograph img { width: 100%; }

.sample_voice_person_nav_button_box { display:none; }
.sample_voice_person_nav ul { height:155px; letter-spacing:0; font-size:0; }
.sample_voice_person_nav li {  width:20%; height:75px;padding-left:5px; display:inline-block; text-align:center; vertical-align:top; overflow:hidden; }
.sample_voice_person_nav li p { background:#fff; height:100%; }
.sample_voice_person_nav li:nth-child(5n-4)  { padding-left:0; }
.sample_voice_person_nav li:nth-child(n+6) { margin-top:5px; }
.sample_voice_person_nav li a { background:#fff; height:100%; position:relative; display: block; }
/*.sample_voice_person_nav li a.hover { opacity:1; }*/
.sample_voice_person_nav li a.selected:after {
	content:"";
	width:100%;
	height:100%;
	border:3px #ff9100 solid;
	position:absolute;
	left:0;
	top:0;
}
.sample_voice_person_nav li img { height:75px; }

.sample_voice_people_list { margin-top:25px; }
.sample_voice_people_list li {
	background:#fff;
	letter-spacing:0;
	font-size:0;
}
.sample_voice_people_photograph,.sample_voice_people_content { min-height:145px; display:inline-block; vertical-align:bottom; overflow:hidden; }
.sample_voice_people_photograph { width:36%; position:relative; text-align:center; }
.sample_voice_people_photograph img { width:auto; height:145px; }
.sample_voice_people_content {
	background:url(../images/sample_voice_bg_people_content_title_border.png) no-repeat right top 10px;
	background-size:60% 30px;
	width:64%;
	padding:10px 15px 10px 0;
}
.sample_voice_people_content_title {
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:34px;
	background-position:left center;
	padding:0 0 0 50px;
	display:inline-block;
}
.sample-voice-japan .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_japan.png); }
.sample-voice-english-america .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_english_america.png); }
.sample-voice-english-british .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_english_british.png); }
.sample-voice-chinese .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_chinese.png); }
.sample-voice-chinese-taiwan .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_chinese_taiwan.png); }
.sample-voice-cantonese-hongkong .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_cantonese_hongkong.png); }
.sample-voice-korean .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_korean.png); }
.sample-voice-thai .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_thai.png); }
.sample-voice-spanish-mexico .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_spanish_latin_america.png); }
.sample-voice-spanish .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_spanish.png); }

.sample-voice-portuguese-brasil .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_portuguese_brasil.png); }
.sample-voice-french .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_french.png); }
.sample-voice-french-canada .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_french_canada.png); }
.sample-voice-italian .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_italian.png); }
.sample-voice-german .sample_voice_people_content_title { background-image:url(../images/sample_voice_bg_german.png); }

.sample_voice_people_title_country { font-size:11px; }
.sample_voice_people_title_name { font-size:17px; }
.sample_voice_audio_content {
	background:#e4eef7;
	min-height:115px;
	padding: 10px;
	margin-top:10px;
}
.sample_voice_audio_list { height:28px; vertical-align: middle; letter-spacing:0; font-size:0; }
.sample_voice_audio_list li {
	background:transparent;
	width:25%;
	margin-top:0;
	display:inline-block;
	font-size:12px;
}
.sample_voice_audio_list li p { padding-left:3px; }
.sample_voice_audio_list li:nth-child(4n-3) p { padding-left:0; }
.sample_voice_audio_list li a {
	background-color:#245ea8;
	padding-bottom:3px;
	display: block;
	border-radius:5px;
	font-size:0.7vw;
	color:#fff;
}
.sample_voice_audio_list li a.sample_voice_audio_list_on { background-color:#2784ad; }
.sample_voice_audio_list li a.sample_voice_audio_list_on > span { background-color:#3bb7e2; }
.sample_voice_audio_list li.hover a { padding-bottom:0; opacity:1; -webkit-transform:translateY(3px); -moz-transform:translateY(3px); transform:translateY(3px);}
.sample_voice_audio_list li span {
	background:#2b74c1 url(../images/sample_voice_bg_audio_list_small.png) no-repeat left 3% center;
	background-size:12%;
	padding:3px 0 3px 10%;
	display:block;
	border-radius:5px;
	text-align:center;
}
.sample_voice_audio_list li span span { background:none; padding:0; display:inline; border-radius:0; vertical-align:middle; }
.sample_voice_audio_list li .sample_voice_audio_number { font-size:0.8vw; }
.sample_voice_audio_text { margin-top:10px; padding-right:80px; position:relative; display:none; letter-spacing: 0; font-size:0; }
.sample_voice_audio_text_first { display:block; }
.sample_voice_audio_text p { display:inline-block; font-size:12px; }
.sample_voice_audio_text p img { width:76px; }
.sample_voice_audio_text .sample_voice_audio_text_play { display:block; position:absolute; right:0; top:0; }
.sample_voice_audio_text_play a {
	background:#bf6e16;
	padding-bottom:3px;
	display:block;
	border-radius:5px;
}
.sample_voice_audio_text_play.hover a { opacity:1; padding-bottom:0; -webkit-transform:translateY(3px); -moz-transform:translateY(3px); transform:translateY(3px);}
.sample_voice_audio_text_play a span {
	background:#ff9100 url(../images/sample_voice_bg_audio_text_play.png) no-repeat top 8px center;
	background-size:26px;
	width:74px;
	height:55px;
	padding:35px 0 10px;
	display:block;
	border-radius:5px;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.sample_voice_audio_text_play a span span { background:none; width:auto; height:auto; padding:0; display:inline; border-radius:none; }
.sample_voice_caution { margin-top:5px; text-align:right; font-size:12px; color:#fff; }


.hidden { display: none !important; }

/* #footer フッター
=========================================== */


/* ************************************* ↓↓↓↓↓mediaquery↓↓↓↓↓ ****************************************  */
/* #top トップページ
/* *************************  -1024の表示  **************************  */
@media (max-width: 959px) {
	.sample_voice_speaker_list { display:block; }
	.sample_voice_language_section { width:100%; display:block; }
	.sample_voice_language_left { position:relative; }
	.sample_voice_language_left .sample_voice_title { display:none; }
	.sample_voice_language_right .sample_voice_title { text-align:center; }
	.sample_voice_person_nav_button_box { width:100%; height:50px; display:block; }
	.sample_voice_person_nav_button {
		background:#000;
		width:50px;
		line-height:50px;
		text-align:center;
		display:block;
		position:absolute;
		right:15px;
		top:20px;
		z-index:2;
		cursor:pointer;
	}
	.sample_voice_language_list_selected a { height:100% !important; }
	.sample_voice_person_nav_button img { width:40%; vertical-align:middle; }
	.sample_voice_language_list li, .sample_voice_language_list_selected li { width:100%; }
	.sample_voice_language_list { display:none; }
	.sample_voice_language_list li p, .sample_voice_language_list_selected li p { padding-left:0; }
	.sample_voice_language_list li:nth-child(n+4), .sample_voice_language_list_selected li:nth-child(n+4) { margin-top:0; }
	.sample_voice_language_list a, .sample_voice_language_list_selected a { background-size:35px; padding:15px 10px 15px 60px; }
	.sample_voice_language_list a span, .sample_voice_language_list_selected a span { display:inline-block; }
	.sample_voice_audio_list { height:31px; }
	.sample_voice_audio_list li a { font-size:11px; }
	.sample_voice_audio_list li .sample_voice_audio_number { font-size:12px; }
	.sample_voice_audio_list li span { background-size:15px; padding-left:20px; }
	.sample_voice_language_list a:hover:after,.sample_voice_language_list a.hover:after,.sample_voice_language_list a.selected:after,
	.sample_voice_language_list_selected a.hover:after,.sample_voice_language_list_selected a.selected:after { display:none; }
}
@media (max-width: 768px) {
	.sample_voice_people_list li { position:relative; }
	.sample_voice_people_photograph, .sample_voice_people_content { height:auto; }
	.sample_voice_people_photograph img { height:150px; }
	.sample_voice_people_content { background-size:55% 18px; width:100%; padding-left:15px; }
	.sample_voice_people_photograph { width:45%; position:absolute; left:0; top:-20px; }
	.sample_voice_people_content_title {
		background-color:transparent;
		background-position:left top 25px;
		width:55%;
		height:130px;
		padding-top:22px;
		display:block;
		margin:0 0 0 auto;
	}
	.sample_voice_audio_content { position:relative; }
	.sample_voice_audio_text { height:100%; }
	.sample_voice_audio_text p { width:100%; }
	.sample_voice_audio_text { padding-right:0; }
	.sample_voice_audio_text .sample_voice_audio_text_play { width:55%; top:auto; top:-120px; }
	.sample_voice_audio_text_play a span { background-image:none; width:100%; height:45px; padding:10px 0 0; font-size:15px; }
	.sample_voice_audio_text_play a span span {
		background:url(../images/sample_voice_bg_audio_text_play.png) no-repeat center left;
		background-size:24px;
		padding-left:35px;
		display:inline-block;
	}
}
@media (max-width: 640px) {
	.sample_voice_person_nav li a { position:relative; }
	.sample_voice_person_nav li img {
		width:85%;
		height:auto;
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.sample_voice_people_content_title { min-height:190px; }
	.sample_voice_audio_text .sample_voice_audio_text_play {
		width:100%;
		max-width:300px;
		left:50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		transform:translateX(-50%);
	}
}
@media (max-width: 520px) {
	.sample_voice_person_nav ul { height:145px; }
	.sample_voice_person_nav li { height:70px; }
}
@media (max-width: 480px) {
	.sample_voice_people_content_title {
		background-color:#fff;
		background-position:left top 2px;
		width:auto;
		height:270px;
		padding-top:0;
		display:inline-block;
	}
	.sample_voice_people_photograph {
		width:100%;
		top:55px;
		left:50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.sample_voice_person_nav li img { width:95%; }
	.sample_voice_audio_list { height:61px; }
	.sample_voice_audio_list li { width:50%; }
	.sample_voice_audio_list li:nth-child(n+3) { margin-top:5px; }
	.sample_voice_audio_list li:nth-child(2n-1) p { padding-left:0; }
	.sample_voice_audio_content { min-height:170px }
	.sample_voice_audio_text .sample_voice_audio_text_play { top:-150px; }
	.sample_voice_people_title_name { font-size:15px; }
}
@media (max-width: 420px) {
	.sample_voice_person_nav ul { height:130px; }
	.sample_voice_person_nav li { height:65px; }
}
@media (max-width: 375px) {
	.sample_voice_person_nav ul { height:115px; }
	.sample_voice_person_nav li { height:55px; }
}
@media (max-width: 320px) {
	.sample_voice_person_nav ul { height:105px; }
	.sample_voice_person_nav li { height:50px; }
}


/* ************************************* ↑↑↑↑↑↑mediaquery↑↑↑↑↑ ****************************************  */


