@charset "UTF-8";

/*==================================================

	原子力館

  ==================================================*/

/*原子力館ヘッダーメニュー*/
.genshi-head {
  width: 100% ;
  padding: 0 ;
  margin: 0 0 1.0em 0;
  }
.col-genshi-head-l {
  width: 78% ;
	padding: 0;
	margin: 0;
	float: left;
  }
.col-genshi-head-r {
  width: 20% ;
	padding: 0;
	margin: 0;
	float: right;
  }	
	
.col-genshi-head-l .col-genshi-head-l-top {
    width: 100% ;
    padding: 0 0 0.2em 0 ;
    margin: 0;
    }	
.col-genshi-head-l .col-genshi-head-l-btm {
    width: 100% ;
    padding: 0;
    margin: 0;
    }	
.col-genshi-head-l .col-genshi-head-l-btm ul {
    padding: 0;
    margin: 0;
    }	
        
.col-genshi-head-l .col-genshi-head-l-btm ul li {
    padding: 0.5em 0.3em ;
    margin: 0;
    float:left;
    width: 17%;
    list-style: none;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    }	
.col-genshi-head-l .col-genshi-head-l-btm ul li.last-child {
    padding: 0.5em 0.3em ;
    margin: 0;
    float:left;
    width: 22.5%;
    list-style: none;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    }	

.genshi-head-spmenu {
   display: none;
 }	

 /*原子力TOPページ*/

.comment-area {
  width: 100% ;
  max-width: 100%;
 /* padding: 2.5em 2.0em 0.5em ;*/
	padding-top: 2.5em;
	padding-bottom: 2em;
  /*margin: 1.0em 0 ;*/
	box-sizing: border-box;
  }
.comment-area-l {
  width: 64% ;
  max-width: 100%;
  padding: 0 ;
  margin: 0 ;
  float: left;
  }
.comment-area-r {
  width: 25% ;
  max-width: 100%;
  padding: 0 ;
  margin: 0 ;
  float: right;
  }
.genshi-comment {
  width: 100% ;
  max-width: 1000px;
  padding: 2.5em 2.0em 0.5em ;
  margin: 1.0em 0 ;
  background: #FFFEEE;
  border: #30A1D2 solid 2px;
  position: relative;
box-sizing: border-box;
  }

.genshi-comment p {
  position: relative;
  font-size: 1.2em;
  }

.genshi-comment h3 {
	position: absolute;
	top:-30px;
  left:-8px;
  border: none ;
  margin: 0 0 1.5em 0;
  padding: 0;
  }
.genshi-comment h3::before {
    border: none ;
  }

/* インフォメーション */
	
.genshi-comment .genshi-comment-item{
	width: 100%;
	display: flex;
}

.genshi-comment .genshi-comment-item-date{
	width: 12%;
}

.genshi-comment .genshi-comment-item-info{
	width: 84%;
}


.genshi-pickup {
  width: 100% ;
  max-width: 100%;
  padding: 2.0em 1.5em 0.5em ;
  margin: 1.0em 0 ;
  }
.genshi-pickup h2 {
  text-align: center;
  }
.genshi-pickup-r h3 {
  color:#2F45C7;
  font-size: 130%;
  font-weight: bold;
  padding: 0.3em 0;
  }

.genshi-pickup-r h4 {
  color:#333;
  font-size: 110%;
  font-weight: bold;
  padding: 0.3em 0;
  }
.genshi-pickup-l {
  width: 48% ;
	padding: 0;
	margin: 0;
	float: left;
  }
.genshi-pickup-r {
  width: 48% ;
  padding: 0;
  margin: 0;
  float: right;
  }
.genshi-pickup-l02 {
  width: 48% ;
	padding: 0;
	margin: 0;
	float: left;
  }
.genshi-pickup-r02 {
  width: 48% ;
  padding: 0.1em 0 0;
  margin: 0 0 0 0;
  float: right;
  }
.genshi-btm-btn {
  width: 100% ;
  max-width: 100%;
  padding: 0 ;
  margin: 1.0em 0 ;
  }
.genshi-btm-btn-element {
  text-align: center;
  padding: 0.5em;
  margin: 0;
  width: 31%;
  max-width: 100%;
  float: left;
  }

 /*原子力　見る?学ぶ　遊ぶ*/

.genshi-tenji {
  width: 100% ;
  max-width: 100%;
  padding: 2.0em 1.5em 0.5em ;
  margin: 1.0em 0 ;
  }
.genshi-tenji-element {
  width: 30% ;
  max-width: 100%;
	padding: 2% 1% ;
	margin: 0;
	float: left;
  }
.genshi-tenji-element h4 {
  color:#2F45C7;
  font-size: 120%;
  font-weight: bold;
  padding: 0.3em 0;
  margin: 0.5em 0 0.5em 1.0em;
  border: none;
  }
.genshi-tenji-element h4::before {
  border: none;
  content: "";
  }

/*シアター*/

.genshi-theater {
  width: 100% ;
  max-width: 100%;
  padding: 2.0em 1.5em 0.5em ;
  margin: 1.0em 0 ;
  }
.genshi-theater h2 {
  text-align: center;
  }
.genshi-theater-r h3 {
  color:#2F45C7;
  font-size: 130%;
  font-weight: bold;
  padding: 0.3em 0;
  border: none;
  padding: 0.3em 0;
  margin: 0.5em 0 0.5em 1.0em;
  }

.genshi-theater-r h3::before {
  border: none;
  padding: 0 0 0 0.5em;
  margin: 0;
}

.genshi-theater-r h4 {
  color:#333;
  font-size: 110%;
  font-weight: bold;
  padding: 0.3em 0;
  }
.genshi-theater-l {
  width: 48% ;
	padding: 0;
	margin: 0;
	float: left;
  }
.genshi-theater-r {
  width: 48% ;
  padding: 0;
  margin: 0;
  float: right;
  }

/*交通アクセス*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*交通アクセス*/

h3.h3-genshi {
  padding: 1rem 2rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#66C7F2), to(#2F328E));
  background-image: -webkit-linear-gradient(left, #66C7F2 0%, #2F328E 100%);
  background-image: linear-gradient(to right, #66C7F2 0%, #2F328E 100%);
  margin-bottom :1.0em;
  font-size:1.6em;
}

/*ご利用案内*/

.genshi-col2 {
  width: 100% ;
  max-width: 100%;
  padding: 2.0em 1.5em 0.5em ;
  margin: 1.0em 0 ;
  }

.genshi-col2-l {
  width: 28% ;
	padding: 0;
	margin: 0;
	float: left;
  }

.genshi-col2-r {
  width: 68% ;
  padding: 0;
  margin: 0;
  float: right;
  }

.genshi-col2-r p.p-midashi {
  color:#2F45C7;
  font-size: 130%;
  font-weight: bold;
  padding: 0.3em 0;
  }

@media screen and (max-width: 1000px) {
	.comment-area{
		padding-left: 16px;
	}
}


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

/*==================================================
	原子力館スマホ対応
==================================================*/

/*原子力館ヘッダーメニュー*/

.col-genshi-head-l-btm {
  display: none;
}

.genshi-head-spmenu {
  display: block;
  width: 100% ;
  padding: 0 0 0.2em 0 ;
  margin: 0;
  }	


.genshi-head-spmenu ul li {
  text-align: center;
  padding: 0.5em 0.3em ;
  margin: 0;
  float:left;
  width: 45%;
  list-style: none;
  }
.genshi-head-spmenu ul li.last-child {
  padding: 0.5em 0.3em ;
  margin: 0;
  float:left;
  width: 100%;
  list-style: none;
  }

/*原子力館TOPページ*/

.genshi-comment {
    width: 95%;
	margin: 0 auto;
	padding: 2.5em 1.5em 1em;
  }

.genshi-comment-l {
	width: 100% ;
	padding: 0.5em;
	margin: 0;
	float: none;
  }
.genshi-comment-r {
	width: 100% ;
	padding: 0.5em;
	margin: 0;
	float: none;
  }
	
/* インフォメーション */
	.comment-area{
		padding-left: 0;
	}
	
	
.genshi-comment .genshi-comment-item{
	width: 100%;
	display: block;
}

.genshi-comment .genshi-comment-item-date{
	width:100%;
	margin-bottom: inherit;
	font-size: 0.9em;
}

.genshi-comment .genshi-comment-item-info{
	width: 100%;
}
	
	
.comment-area-l {
  width: 85% ;
  max-width: 100%;
  padding: 0 ;
  margin: 0 ;
  float: none;
  }
.comment-area-r {
  width: 100% ;
  max-width: 100%;
  padding: 0 ;
  margin: 0 ;
  float: none;
  }
.genshi-pickup {
  width: 90% ;
  max-width: 90%;
  }

.genshi-pickup-l {
  width: 100% ;
	padding: 0;
	margin: 0;
	float: none;
  }
.genshi-pickup-r {
  width: 100% ;
	padding: 0;
	margin: 0;
	float: none;
  }
.genshi-pickup-l02 {
  width: 100% ;
	padding: 0;
	margin: 0 0 1.0em 0;
	float: none;
  }
.genshi-pickup-r02 {
  width: 100% ;
	padding: 0;
	margin: 0;
	float: none;
  }

.genshi-btm-btn {
  width: 90% ;
  max-width: 90%;
  padding: 0 ;
  margin: 1.0em 0 ;
  }
.genshi-btm-btn-element {
  text-align: center;
  padding: 0.5em;
  margin: 0;
  width: 45%;
  max-width: 100%;
  float: left;
  }

 /*原子力　見る?学ぶ　遊ぶ*/

.genshi-tenji {
  width: 90% ;
  max-width: 90%;
  padding: 2.0em 1.5em 0.5em ;
  margin: 1.0em 0 ;
  }
.genshi-tenji-element {
  width: 100% ;
  max-width: 100%;
	padding: 2% 1% ;
	margin: 0;
	float: none;
  }	

 /*シアター*/

.genshi-theater {
  width: 90% ;
  max-width: 90%;
  }
	
.genshi-theater-l {
  width: 96% ;
	padding: 0;
	margin: 0;
	float: none;
  }
.genshi-theater-r {
  width: 96% ;
	padding: 0;
	margin: 0;
	float: none;
  }	

/*ご利用案内*/  

.genshi-col2-l {
  width: 100% ;
	padding: 0;
	margin: 0 0 1.0em 0;
	float: none;
  }

.genshi-col2-r {
  width: 100% ;
  padding: 0;
  margin: 0;
  float: none;
  }
	
}