@charset "utf-8";

/*	baseset
----------------------------------------------- */

body {
    min-width: auto;
}

#mobile_gnaviTabs{
    display:none;
}
#panel-btn{
  display:none;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  top: 10px;
  left: 15px;
z-index: 10;
}
#panel-btn:hover{
  background: #fafafa;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #1e67ab;/*変更可*/
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #1e67ab;/*変更可*/
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 15px;
  background: #1e67ab;/*変更可*/
  color: #ffffff;/*変更可*/
  /*box-shadow: 0 0 5px 5px #05487C inset;*/
  text-align: left;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;

}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: 0;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #ffffff;/*変更可*/
}
.sidr ul li ul {
  border-bottom: 0;
  margin: 0;
}
.sidr ul li ul li {
  font-size: 13px;
	border: none;
  padding-left: 20px;
}
.sidr ul li ul li a {
	overflow: hidden;
	height: 0;
	position: relative;
	transition: .2s;
}
.sidr > ul > li.active > ul > li > a,
.sidr li.active li.active li a {
  height: 50px;
}
.sidr ul li ul li:last-child {
  border-bottom: 0;
}
.sidr ul li .sub {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.sidr ul li:not(.active) ul li .sub {
	height: 0;
}
.sidr ul li .sub::before,
.sidr ul li .sub::after {
	content: '';
	position: absolute;
	display: block;
	background: white;
	transition: .4s;
}
.sidr ul li .sub::before {
	top: 23px;
	right: 15px;
	width: 20px;
	height: 2px;
}
.sidr ul li .sub::after {
  top: 14px;
  right: 24px;
  width: 2px;
  height: 20px;
}
.sidr ul li.active > .sub::after {
	transform: rotate(90deg);
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: #ffffff;/*変更可*/
}
.sidr form {
  margin: 0 15px;
}
.sidr label {
  font-size: 13px;
}

#mobile_search {
    display:none;
}
#mobile_search .head_search_link {
  position: absolute;
  width: 40px;
  height: 40px;
  /*top: calc(50% - 19px);
  right: 0;*/
  background: transparent;
  top: 10px;
  right: 15px;
/*margin: 8px 10px 0 0;*/
  z-index: 10;
  border-radius: 50%;
  background: #fff;
}
#mobile_search .head_search_link::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  top: calc(50% - 9px);
  left: calc(50% - 9px);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #1e67ab;/*変更可*/

}
#mobile_search .head_search_link::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 6px;
  top: calc(50% + 6px);
  left: calc(50% + 2px);
  border-top: solid 2px #1e67ab;/*変更可*/
  transform: rotate(45deg);
}
/*
#mobile_search .head_search_link.active {
}
#mobile_search .head_search_link.active::before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#mobile_search .head_search_link.active::after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
*/

.head_search_link {
    /*display: block;
    position: relative;
    z-index: 10;*/
}
.head_search {
    position: absolute;
    -webkit-transform: translate3d(0, -165px, 0);
    -moz-transform: translate3d(0, -165px, 0);
    -o-transform: translate3d(0, -165px, 0);
    transform: translate3d(0, -165px, 0);
    -webkit-transition: -webkit-transform 0.25s linear;
    -moz-transition: -moz-transform 0.25s linear;
    -o-transition: -o-transform 0.25s linear;
    transition: transform 0.25s linear;
display: table-cell;
vertical-align: middle;
width: 100%;
max-width: 767px;
height: 65px;
background: #1e67ab;/*変更可*/
/*text-align: right;*/
/*padding-right: 65px;*/
padding-right: 75px;
padding-left: 75px;
/*padding-top: 28px;*/
padding-top: 18px;
}
.head_search.active {
    -webkit-transform: translate3d(0,-65px,0);
    -moz-transform: translate3d(0,-65px,0);
    -o-transform: translate3d(0,-65px,0);
    transform: translate3d(0,-65px,0);
}
.head_search input.text {
	/*width: 245px;*/
	width: 40%;
	height: 37px;
	outline:none;
	border: 1px solid #707070;
}
.head_search button {
	/*width: 90px;*/
	height: 37px;
	background: #000;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.head_search button:active {
}


@media screen and (min-width: 768px) {
.view_sp {
	display: none
}
}
/* 768px以上～1366px以下 ： タブレット ipad(768px x 1024px),ipad pro(1024px x 1366px) */
/* 要素内最大幅1068px */
@media screen and (min-width: 768px) and (max-width: 1366px) {
body#index #contents .entry_area div.inner,
body#index #contents .event_area div.inner,
body#page #contents div.inner {
    width: auto;
    max-width: 1068px;
    padding: 0px 25px;
}
}


/* 767以下 ： モバイル */
@media screen and (max-width: 767px) {
#mobile_gnaviTabs{
	display:block;
}
#panel-btn{
	display:inline-block;
}


#mobile_search{
	display:block;
}


.view_pc {
	display: none;
}


div.inner {
	width: 100%;
	max-width: 767px;
	box-sizing: border-box;
    padding: 0 15px;
}
#index div.inner {
    padding: 15px;
}


.thumbnail img {
	width:100%;
	max-width: 100%;
	height: auto;
}


.width_w300 {

}
.width_w240 {
}


#header {
	width: 100%;
	/*height: 50px;*/
	height: auto;
	margin: 0px auto;
	text-align: center;
	position: static;
	border-bottom: 2px solid #1e67ab;/*変更可*/
}

#header .global_top {
    width: 100%;
    height: auto;
}
#header .global_top .inner {
    height: auto;
	position: static;
    padding: 10px 15px !important;
}
#header .global_top .logo {
	position: static;
    top: auto;
    left: auto;
    /*width: auto;
    height: auto;

	width: 100%;*/
	float: none;
	text-align: center;
	margin: 0px auto;

width: auto;
height: 43px;
}
#header .global_top .logo img {
width:auto;
max-width: auto;
max-height: 43px;
}

#header .global_top .logo a {
	display: block;
}

#header .global_top .search {
	display: none;
}

#header .global_header {
	display: none;
}

.global_info {
    min-height: auto;
	margin: 0px auto 10px auto;
}
body#index .global_info {
    /*margin-bottom: 10px;*/
}
.global_info .inner {
    display: block;
	vertical-align:auto;
    padding: 10px 15px;
}
.global_info time {
    display: block;
    vertical-align: middle;
    width: auto;
	/*margin-bottom: 10px;*/
}
.global_info time span {
}
.global_info ul {
    display: block;
	vertical-align:auto;
    padding-left: 0px;
}
#contents .topicpath {
    font-size: 10px;
}
#contents .entry_area {
    padding: 0 0 25px 0;
}
#contents .entry_area .entry_list.index_top li {
    height: auto;
    position: static;
}
/**/
#contents .entry_area .entry_list.index_top li .thumbnail {
    width: 100%;
    height: 260px;
	overflow: hidden;
/*    position: static; */
    top: auto;
    left: auto;
	display: block;
	background-color: #f0f0ef;
}
/*
#contents .entry_area .entry_list.index_top li .thumbnail img {
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	margin: auto;

	width:100%;
	max-width: 100%;
	height: auto;
}
*/
#contents .entry_area .entry_list.index_top li .text {
    height: auto;
    position: static;
    top: auto;
    left: auto;
	display: block;
	margin: 10px auto;
}
#contents .entry_area .entry_list.index_top li .description {
	/*display: none;*/
	margin-bottom: 10px;
}
#contents .entry_area .entry_list.index_top li .button {
    position: static;
    top: auto;
    left: auto;
	display: block;
}
#contents .entry_area .entry_list.index_top li .width_w300 {
    width: 100% !important;
}

#contents .entry_area .entry_list.index_list {
    margin-right: 0;
}
#contents .entry_area .entry_list.index_list li {
	width: 100%;
	min-height: auto;
	float: left;
	margin-right: 0;
	position:static;
}
/**/
#contents .entry_area .entry_list.index_list li .thumbnail {
	width: 100%;
	height: 260px;
}
#contents .entry_area .entry_list.index_list li .text {
	width: 100%;
    height: auto;
    position: static;
    top: auto;
    left: auto;
	display: block;
	margin: 10px auto;
}
#contents .entry_area .entry_list.index_list li .category {
    margin-bottom: 10px;
}
#contents .entry_area .entry_list.index_list li .entrytitle {
    font-size: 20px;
    margin-bottom: 10px;
}
#contents .entry_area .entry_list.index_list li .description {
	/*display: none;*/
    margin-bottom: 10px;
}
#contents .entry_area .entry_list.index_list li .button {
    position: static;
    top: auto;
    left: auto;
	display: block;
}
#contents .entry_area .entry_list.index_list li .width_w240 {
    width: 100% !important;
}

#contents .banner_areea {
    padding: 0px;
}
#contents .banner_areea .banner_list li {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 36px;
}
#contents .banner_areea .banner_list li:nth-child(4n+1) {
	clear: none;
	margin-left: 0px;
}
#contents .banner_areea .banner_list li:last-child{
	/*clear: both;*/
	margin-right: 0px;
}
#contents .banner_areea .banner_list li img {
	width:100%;
	max-width: 100%;
	height: auto;
}
#contents .event_area {
    padding: 0px;
}
#contents .event_area .event_tab ul {
	width: 100%;
}
#contents .event_area .event_tab ul li {
	padding: 0px;
}
#contents .event_area .event_tab ul li:last-child {
	padding-right: 0px;
}
#contents .event_area .event_tab li a {
    display: block;
    width: auto;
    padding: 10px 25px;
    font-size: 100%;
}
#contents .event_area .event_list li {
	/*padding: 20px 0px;

	position: relative;
	height: 85px;
	border-bottom: 2px solid #ebebeb;*/
width: 100%;
float: none;
margin-left: 0px;
margin-bottom: 10px;
}


#contents .archive_menu dl > * {
    display: block;
    vertical-align: top;
}
#contents .archive_menu dt {
    padding-bottom: 0px;
}
#contents .archive_menu dt + dd ul::before {
    border-left: none;
}


body#page.archive #contents .entry_area .inner {
padding: 10px 0px;
}
body#page.archive #contents .entry_list.index_top li {
	width: 100%;
	height: auto;
	position: static;
	padding: 20px 15px;
	margin-bottom: 20px;
	border-bottom: none;
}
body#page.archive #contents .entry_list.index_top li:nth-child(even){ 
	background: #efefef;
}

body#page.archive #contents .entry_list.index_top li .thumbnail {
	width: 100%;
	height: 260px;
	overflow: hidden;
	margin-bottom: 0px;
	position: relative;
	top: auto;
	left: auto;
	display: block;
	background-color: #f0f0ef;
}

body#page.archive #contents .entry_list.index_top li .text {
    height: auto;
    position: static;
    top: auto;
    left: auto;
}


#contents .paging li {
	margin-bottom: 5px;
}


#contents .entry_area .entry_head {
	margin-bottom: 20px;
	overflow: hidden;
}
/*#contents .entry_area .entry_head #tags {
    clear: both;
    padding-top: 15px;
}*/
#contents .entry_area .entry_head h1 {
    font-size: 26px;
    padding-bottom: 10px;
}
#contents .entry_area .entry_body img {
	max-width: 100%;
	height: auto;
	margin: 0px auto 20px !important;
	/*float: none !important;*/
}


#contents .entry_list li .thumbnail {
}
#contents .entry_list li .thumbnail.no_thumb {
	width:100%;
	max-width: 100%;
	height: auto;
    /*padding-top: 66.6666%;*/
	background-size: auto;
}


#contents .message_box {
padding: 0px 15px;
}
#contents .message_box .inner {
}

#comments-open-data,
#comment-submit {
  width: 100%;
}

body#login form,body#login_idp_select .inner {
	width:100%;
	max-width: 100%;
	height: auto;
}
body#login input {
	width:100%;
	max-width: 100%;
	padding:15px;
}
body#login button,body#login_idp_select button {
	width:80%;
	max-width: 80%;
}
}

/*667：iPhone 7/6横*/
@media screen and (max-width: 667px) {
}

/*568：iPhone 5/SE横*/
@media screen and (max-width: 568px) {
}

/*480：iPhone 7/6 Plus縦*/
@media screen and (max-width: 480px) {
}

/*375：iPhone 7/6縦*/
@media screen and (max-width: 375px) {
}

/*360：一部のAndroidなど縦*/
@media screen and (max-width: 360px) {
#header .global_top .logo img {
    max-width: 240px;
}
}

/*320：iPhone 5/SE/4以下縦*/
@media screen and (max-width: 320px) {
#header .global_top .logo img {
    max-width: 210px;
}
}