@charset "utf-8";

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


  ◇◆◇ お知らせ ◇◆◇
  
  
========================================================================================================================*/

.info_err {
  text-align:center;
  line-height:2.5;
}

@media print,screen and (min-width:641px) {
  #info {
    max-width:980px;
    padding-top:90px;
    padding-bottom:100px;
	margin:0 auto;
  }
  
  .info_err { padding:20px 0; }
}

@media screen and (max-width:640px) {
  #info {
	padding:2.5rem  30px 3rem;
  }
  
  .info_err { padding:2rem 0 1rem 0; }
}

#l-pgHeadline h2{
	text-align:center;
}

@media screen and (max-width:640px) {
	#l-pgHeadline{
		margin-top:150px;
	}
}

/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

#infoList li a,
#infoList li a:visited,
#infoList li a:hover { color:#82503c; text-decoration:none; }

#infoList {
  list-style:none;
  text-align:left;
  padding:0; 
}

#infoList li {
  box-sizing:border-box;
  border-bottom:1px solid #ece5e2;
  line-height:1.6;
}

#infoList li a,
#infoList li .inner {
  display:block;
  padding:1em 0;
}

#infoList li:first-child a,
#infoList li:first-child .inner {
  padding-top:0;
}

#infoList li .date {
  color:#b9b1ad;
}

#infoList li .title {
  display:block;
}

.ua-pc #infoList li a:hover {
  color:#ee7c3a;
}

@media print,screen and (min-width:641px) {
  #infoList {
    width:900px;
    margin-left:auto;
    margin-right:auto;
  }

  #infoList li a:after,
  #infoList li .inner:after {
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  
  #infoList li .date {
    width:8.5em;
    display:inline-block;
    float:left;
    clear:both;
    margin-right:-8.5em;
  }
  
  #infoList li .title {
    padding-left:8.5em;
  }
  
  #infoList li a {
    -webkit-transition:padding ease 0.3s;
    transition:padding ease 0.3s;
  }
  
  .csstransitions #infoList li a:hover {
    padding-left:1rem;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

#infoDetail {
  text-align:left;
  background-color:#fff;
}

.infoDetail_head {
  border-bottom:2px dotted #f4c376;
}

.infoDetail_head .date {
  color:#b9b1ad;
  display:inline-block;
  padding-bottom:0.25rem;
}

.infoDetail_head h3 {
  line-height:1.5;
  font-size: 24px;
  color:#f0aa3c;
}

@media print,screen and (min-width:641px) {
  .infoDetail_head { margin-top:-0.5rem; }
  .infoDetail_body { padding-top:40px; }
  .infoDetail_btn { padding-top:40px; }
}

@media screen and (max-width:640px) {
  .infoDetail_body { padding-top:1rem; }
  #infoDetail { padding-bottom:1rem; }
  .infoDetail_btn { padding-top:40px; }
}

/*-----------------------------------------------------------------------------------

  ブログパターン
  
-----------------------------------------------------------------------------------*/

.glog {
  padding-bottom:40px;
  text-align:left;
  font-size: 20px;
}

.glog:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.glog ul,
.glog ol {
  list-style:inherit;
  margin-left:1.25em;
  margin-left:1.25rem;
}
.glog ol {
  list-style:decimal;
}

.glog-txt {
  box-sizing:border-box;
  word-break:break-all;
}

.glog-image-left .glog-txt {
  float:right;
}

.glog-image-right .glog-txt {
  float:left;
}

.glog-image-left .glog-img,
.glog-image-right .glog-img {
  display:inline-block;
  margin-bottom:10px;
  box-sizing:border-box;
  margin-top:0.25em;
  margin-top:0.25rem;
}

.glog-image-left .glog-img {
  float:left;
  margin-right:40px;
}

.glog-image-right .glog-img {
  float:right;
  margin-left:40px;
}

.glog-image-center .glog-img {
  display:block;
  text-align:center;
  margin-top:10px;
  margin-bottom:30px;
}

.glog-img_cp {
  display:block;
  font-size:87.5%;
  line-height:1.5;
  color:#b9b1ad;
  padding-top:0.5em;
}

.glog .datafile {
  margin-bottom:1em;
  margin-bottom:1rem;
  display:inline-block;
}


@media print,screen and (min-width:641px) {
  .glog {
    line-height:2;
  }
}

@media screen and (max-width:640px) {
  .glog { padding-bottom:2rem; }

  .glog-image-left .glog-img,
  .glog-image-right .glog-img {
    margin-bottom:1rem;
  }
  
  .glog-image-left .glog-img {
    margin-right:1.25rem;
  }
  
  .glog-image-right .glog-img {
    margin-left:1.25rem;
  }
  
  .glog-image-center .glog-img {
    margin-bottom:1.5rem;
    margin-top:0.25rem;
  }
}

@media screen and (max-width:500px) {
  .glog-txt {
    width:inherit !important;
  }
  
  .glog-image-left .glog-img,
  .glog-image-right .glog-img {
    float:none;
    display:block;
    text-align:center;
    width:inherit !important;
    margin-bottom:1.5rem;
    margin-left:0;
    margin-right:0;
  }
}

  .glog div {
    width:100%;
	display:inline-block;
	margin-top:1em;
  }



/*-----------------------------------------------------------------------------------
  pagination
-----------------------------------------------------------------------------------*/

.glog-pagination {
  text-align:center;
  padding-top:40px;
}

.glog-pagination ul {
  display:inline-block;
  list-style:none;
  margin-left:-3px;
}

.glog-pagination li {
  float:left;
  display:inline-block;
  margin:3px;
  font-size:87.5%;
}

.glog-pagination li:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.glog-pagination li a { display:block; }

.glog-pagination li a,
.glog-pagination li a:visited,
.glog-pagination li span:hover,
.glog-pagination li span:hover a,
.glog-pagination li a:hover { color:#f19057; text-decoration:none; }
.ua-pc .glog-pagination li span {
  -webkit-transition:background ease 0.15s, border ease 0.15s, color ease 0.15s;
  transition:background ease 0.15s, border ease 0.15s, color ease 0.15s;
}
.glog-pagination li span.active,
.ua-pc .glog-pagination li span.active:hover { color:#fff; background-color:#f2a35f; border-color:#f2a35f; }
.ua-pc .glog-pagination li span:hover { color:#fff; background-color:#fbcf8d; border-color:#fbcf8d; }

.glog-pagination li span {
  line-height:1;
  width:2em;
  height:2em;
  padding-top:0.35em;
  display:block;
  color:#f19057;
  border:1px solid #fab973;
  background-color:#fff;
  box-sizing:border-box;
  border-radius:3px;
}

@media screen and (max-width:640px) {
  .glog-pagination { padding-top:2rem; }
}