@charset "utf-8";
/* CSS Document */

/*スライダー設定*/

.slide_container img,
.slide_container_sp img{
	margin:0 auto;
}

ul.slides li img{
	width:100%;
	max-width:1400px;
	height:auto;
}

ul.slides li a:hover,
ul.slides li a img:hover{
	position:relative;
	top: 0px;
	left: 0px;
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

#top_news{
	padding:60px 0 40px 0;
	background:url(/p/100anniversary/img/back_hirosima_bk_bokashi.png) top no-repeat;
	background-size:cover;
}

#top_mes{
	padding:20px 0;
	background-color:#970000;
}

#gakuchou{
	position:relative;
	margin:0 auto;
	width:1023px;
	height:auto;
	background:#FFFFFF;
	line-height:0;
}

#top_mes span.link_more a{
    width: 390px;
    font-size: 1.5em;
    padding: 10px 0;
}

article#top_mes.white div#gakuchou img:hover{
	opacity:0.8;
}

#top_mes div.white_bar{
	margin-top:0px;
}

#top_mes h2{
	margin-bottom:25px;
}

#mes_text{
	position: absolute;
    left: 637px;
    top: 40px;
    display: block;
    float: right;
    padding: 40px;
    width: 271px;
    height: auto;
    background: rgba(0,0,0,0.9);
	text-align: justify;
	text-justify: inter-ideograph;
    letter-spacing: 0.1em;
	line-height:1.9em;
}

#mes_text:hover{
    background: rgba(151,0,0,0.9);
}

#top_contents{
	padding:60px 0 60px 0;
	background: url(/p/100anniversary/img/top_back_contents_bokashi.png) top no-repeat;
	background-size:cover;
}

#top_history,
#top_emblem,
#top_episode{
	margin-top:30px;
	padding:30px 20px 25px;
	width:835px;
	height:auto;
	background-color:#003375;
	line-height:2.0em;
}

#top_emblem{
	float:right;
	margin-bottom:30px;
	background-color:#4C014F;
}

#top_episode{
	background-color:#360000;
	clear:both;
}

#top_contents h1{
	margin-bottom:20px;
}

#top_contents h1 img{
    vertical-align: middle;
	margin:0 30px 0 0;
	padding-right:30px;
	border-right:1px solid #FFFFFF;
}


#top_contents h1{
	font-size:1.5em;
}

#top_history img,
#top_emblem img,
#top_episode img{
	margin:20px 0 0;
}

#top_movie{
	padding:40px 0 40px 0;
	background: url(/p/100anniversary/img/top_back_mihara_blue_bokashi.png) top no-repeat;
	background-size:cover;
}

#movie_cont{
	margin:20px auto;
	padding:20px 80px;
	width:660px;
	height:auto;
	background-color:#000000;
}

#movie_cont span.title{
	font-size:1.2em;
}


#movie_cont iframe{
	display:block;
	margin:20px auto;
	border:5px solid #FFFFFF;
}

#top_korekara{
	padding:40px 0 40px 0;
	background: url(/p/100anniversary/img/top_back_hiroshima_red.png) top no-repeat;
	background-size:cover;
	overflow:hidden;
}

#top_korekara .h3_en{
	color:#c3c3c3;
}

#top_korekara .red_bar2{
	margin-top:10px;
}

.four_cont{
	float:left;
	margin:10px 0 10px 0;
	padding:30px 0 20px;
	width:500px;
	height:auto;
	background:#FFF;
}

.four_cont:nth-child(odd){
	margin-right:20px;
}

.four_cont img{
	display:block;
	margin:0 auto;
}

.four_cont h1{
	margin-bottom:20px;
	font-size:1.5em;
	line-height:1.65em;
}

.four_cont h1 div.white_bar{
	margin:13px auto;
}

#top_future{
	background-color:#000051;
}

#top_comparison{
	background-color:#360000;
}

#top_gallery{
	background-color:#000000;
}

#top_circle{
	background-color:#1E1300;
}


#top_news a{
	color:#FFF;
	text-decoration:underline;
}

#top_news{
	line-height:2.5em;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
スマートフォン向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

/*詳細設定*/
#gakuchou{
	width:90%;
	height:auto;
}

#gakuchou img{
	width:100%;
	height:auto;
}

#mes_text {
    position: inherit;
    left: auto;
    top: auto;
    float: none;
	margin: 0 auto 15px;
    padding: 15px 5% 10px;
    width: 90%;
    height: auto;
    text-align: center;
	letter-spacing:0;
}

#mes_text:hover{
    background: rgba(0,0,0,0.9);
}

.top_subtitle1{
    margin-bottom: -8px;
	width:35%;
	height:auto;
}

.top_subtitle2{
	width:35%;
	height:auto;
}

#top_news {
    padding: 50px 0 30px 0;
}

#top_mes {
    padding: 15px 0 20px;
}

#top_mes h2 {
    margin-bottom: 15px;
}

#top_mes div.white_bar {
    margin: 0px auto 10px;
}

#top_mes span.link_more a {
    width: 85%;
    font-size: 1.2em;
    padding: 0;
}

#top_contents {
    padding: 30px 0 30px 0;
    background: url(/p/100anniversary/img/top_his_back_sp.png) top no-repeat;
    background-size: contain;
	background-position-y:20px;
}

#top_history, #top_emblem, #top_episode {
    margin: 20px auto 0;
    padding: 25px 5% 15px;
    width: 80%;
    height: auto;
}

#top_history br, #top_emblem br, #top_episode br{
	display:none;
}

#top_emblem a img{
	display:block;
	margin:10px auto 0;
	width:85%;
}

#top_contents h1 img {
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding-right: 10px;
	width:28%;
	height:auto;
    border-right: 1px solid #FFFFFF;
}

#top_contents h1 {
    font-size: 1.2em;
}

#top_contents h1 {
    margin-bottom: 10px;
}

#top_emblem{
	float:none;
}

.link_more a {
    margin: 5px auto 0;
    width: 60%;
    font-size: 1.2em;
}

#top_history img, #top_emblem img, #top_episode img {
    margin: 10px 0 0;
}

#top_movie {
    padding: 30px 0 ;
}

#movie_cont {
    margin: 10px auto;
    padding: 20px 5%;
    width: 80%;
}

#movie_cont iframe {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: auto;
    border: 2px solid #FFFFFF;
}

#movie_cont span.title {
    font-size: 1.1em;
}

#movie_cont br{
	display:none;
}

#top_korekara {
    padding: 30px 0 15px;
    background-size: contain;
	background-color:#970000;
}

.four_cont:nth-child(odd) {
    margin-right: auto;
}

.four_cont {
    float: none;
    margin: 20px auto;
    padding: 17px 5% 15px;
    width: 80%;
    height: auto;
    background: #FFF;
}

.four_cont img {
    width: 100%;
    height: auto;
}

.four_cont h1 {
    margin-bottom: 10px;
	font-size: 1.3em;
    line-height: 1.4em;
}

.four_cont h1 div.white_bar {
    margin: 10px auto;
}

.four_cont img.en_title{
	width:55%;
	height:auto;
}

#top_news.white div.sp_wi90,
#top_news.white div.sp_wi90 a{
	font-size:0.95em;
	line-height:2.2em;
	text-align:left;
}

}