@charset "UTF-8";

article,section {
  zoom: 1; }
  article:after,section:after {
    display: block;
    content: "";
    clear: both; }

section{
	margin-bottom:1.5rem;
	overflow:hidden;
}

/* opacity */
a:hover img {
  box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.05);
  opacity:0.7; }


.sns li{
	float:right;
	display:inline-block;
	width:100px;
	overflow:hidden;
}

.sns li.ever{
		width:58px;
		padding-left:10px;
}

/* ****************************************************
	basic layout
**************************************************** */
html {
  font-size: 62.5%;
  /* for rem */ }

body {
  background: url(../img/BodyBg.png) #fff200;
  font-family: Meiryo,'Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
  line-height: 1.6;
  color: #333;
  -webkit-text-size-adjust: none; }

a {
  color: #333;
  text-decoration: none; }

ol {
  margin-left: 1.4em;
  font-size: 12px;
  font-size: 1.2rem; }

.imgLiquid {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto 12px; }

header {
	text-align:center; }

.glovalNavi ul {
  margin: 0 0 12px;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  line-height: 1;
  text-align: center; }
  .glovalNavi ul li {
    float: left;
    overflow: hidden;
    width: 50%;
    background: url(../img/bgGlovalNavi@2x.jpg) top center repeat-x;
    border-bottom: 1px solid #d9d9d9; }
    .glovalNavi ul li:nth-child(odd) {
      border-right: 1px solid #d8d8d8; }
  .glovalNavi ul a {
    display: block;
    padding: 15px 0 13px; }

.primeLink {
  display: table;
  width: 100%;
  margin: 0 0 12px; }
  .primeLink li {
    display: table-cell;
    width: 50%; }
    .primeLink li a {
      display: block;
      border: 2px solid #F7B524;
      margin: 0 6px 0;
      padding: 18px 0 14px 10px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
      background-color: #fff; }

footer {
  text-align: center;
  background:#30BF00;
  width:100%;}

/*
	second page
********************************** */
article {
  margin: 0 6px 18px; }

  article h2 {
    margin: 0 0 12px;
    padding: 1px 0 1px 10px;
    background: url(../img/arrowH2.gif) left bottom no-repeat;
    background-size: 3px 100%;
    border-bottom: 1px #eee solid;
    font-size: 13px;
    font-size: 1.3rem; }
  article h3 {
    clear: both;
    margin-bottom: 6px;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 14px;
    background: url(../img/arrowH3.gif) left 4px no-repeat;
    background-size: 10px;
    color: #9467B3; }
  article h4 {
    font-size: 12px;
    font-size: 1.2rem; }
  article p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 1em; }
  article p a, article dt a, article dd a, article li a {
    color: #0085cd;
    text-decoration: underline; }
  article .small {
    font-size: 10px;
    font-size: 1rem; }
    article section.box h1, article section.box h2, article section.box h3, article section.box h4, article section.box p, article section.box ul, article section.box span, article section.box a {
      zoom: 2; }
    article section.box p:last-child {
      margin-bottom: 0; }

.contentsNavi {
  margin: 0 6px 24px; }
  .contentsNavi li {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    background: white url(../img/bgContentsNavi.gif) left bottom repeat-x;
    background-size: 5px 30px;
    border: 1px solid #d9d9d9;
    line-height: 1; }
    .contentsNavi li a {
      display: block;
      padding: 17px 0 15px 12px;
      background: url(../img/arrowContentsNavi.gif) 95% center no-repeat;
      background-size: 13px; }
    .contentsNavi li.nolink {
      padding: 17px 0 15px 12px;
      color: #aaa; }

.arrowDown {
  text-align: center; }

/* table
*********************** */
.table01, .table01L {
  border: 2px solid #e8e8e8;
  width: 100%;
  margin-bottom: 12px;
  font-size: 10px;
  font-size: 1rem;
  text-align: center; }
  .table01 th, .table01L th, .table01 td, .table01L td {
    vertical-align: middle;
    padding: 8px 1px 6px; }
  .table01 th, .table01L th {
    background: #FFCC00;
    border: 1px solid #e8e8e8; }
  .table01 td, .table01L td {
    border: 1px solid #e8e8e8; }
  .table01 strong, .table01L strong {
    color: #ff3300; }

.table01L td {
  text-align: left;
  padding: 8px 6px 6px; }

.table02 {
  border: 1px solid #e8e8e8;
  width: 100%;
  margin-bottom: 12px;
  font-size: 10px;
  font-size: 1rem;
  text-align: left; }
  .table02 th, .table02 td {
    vertical-align: middle; }
  .table02 th {
    padding: 8px 8px 6px;
    background: #E0ED72;
    border: 1px solid #e8e8e8;
    font-weight: normal; }
  .table02 td {
    padding: 8px 8px 6px;
    border: 1px solid #e8e8e8; }
  .table02 strong {
    color: #ff3300; }

.w20 {
  width: 20px; }

.w30 {
  width: 30px; }

.w40 {
  width: 40px; }

.w50 {
  width: 50px; }

.subjectTable tr > td:first-child {
  text-align: left;
  padding: 8px 3px; }

/* dl
*********************** */
.entryList {
  font-size: 12px;
  font-size: 1.2rem; }
  .entryList dt {

    float: left;
    clear: left;
    padding: 12px 0 10px; }
  .entryList dd {
    border-bottom: 1px dotted #ccc; }
    .entryList dd.nolink {
      padding: 12px 0 10px 5em; }
  .entryList a {
    display: block;
    padding: 12px 0 10px 5em; }

.term strong {
  color: #f30; }
.term dd:last-of-type {
  margin-bottom: 0; }

/* ol
*********************** */
ol.bracketNum {
  list-style: none;
  counter-reset: number;
  margin-left: 1.8em; }
  ol.bracketNum > li {
    position: relative; }
  ol.bracketNum > li:before {
    position: absolute;
    left: -1.8em;
    counter-increment: number;
    content: "(" counter(number) ")"; }


/*
	image
********************************** */
.imageCenter {
  margin: 0 auto 12px auto;
  display: block; }


/*
    List style
**************************************************** */
ul.conform {
  margin: 6px 0;
  font-size: 1.2rem;
  line-height: 1.6; }

ul.disc, ul.discFloat {
  margin-left: 1.4em;
  font-size: 12px;
  font-size: 1.2rem;
  list-style-type: disc;
  list-style-position: outside; }
  ul.disc strong, ul.discFloat strong {
    color: #ff3300; }

ul.discFloat li {
  float: left;
  width: 50%; }

ul.circle {
  margin-left: 1.4em;
  font-size: 12px;
  font-size: 1.2rem;
  list-style-type: circle;
  list-style-position: outside; }
  ul.circle strong {
    color: #ff3300; }

ul.star {
  margin-left: 1.4em;
  font-size: 12px;
  font-size: 1.2rem;
  list-style-type: none; }
  ul.star > li {
    position: relative; }
  ul.star > li:before {
    position: absolute;
    left: -1.4em;
    content: "※"; }

ul.pentagram {
  margin-left: 1.4em;
  font-size: 12px;
  font-size: 1.2rem;
  list-style-type: none; }
  ul.pentagram li {
    position: relative; }
  ul.pentagram li:before {
    position: absolute;
    left: -1.4em;
    content: "☆"; }

section > ul:last-of-type {
  margin-bottom: 12px; }

ul.katakana {
  list-style-type: katakana; }

.child {
  margin-left: 1.8em; }

dl.timetable {
  margin: 6px 0;
  font-size: 1.2rem;
  line-height: 1.6; }
  dl.timetable dt {
    float: left; }

dl.term dt {
  font-weight: bold; }
dl.term dd {
  margin-bottom: 1rem; }


/*base*/

header{
		text-align:center;
}


img{
		width:100%;
}


article{
		text-align:center;
}

@media screen and (min-width : 1024px){
article{
			width:640px;
			margin:0 auto;
}

header,footer img{
			margin:0 auto;
			width:640px;
}

}

section{
		text-align:left;
		font-size:1.4rem;
}


.enquite li,.cat li{
		float:left;
		width:50%;
		padding-bottom:1rem;
}

.sns {
		overflow:hidden;
		zoom:1;
		margin-bottom:1rem;
}

/*entry*/

.NextPrevious ul{
		display:table;
		width:100%;
		margin-top:1rem;
}

.NextPrevious li{
		display:table-cell;
		width:50%;
}

.NextPrevious li:last-child{
		text-align:right;
}

.NextPrevious a{
		padding:1rem;
		color:#fff;
		text-decoration:none;
		background:#30BF00;
		border-radius:50%;
		font-size:2rem;
}

.entry,.page{
		background:#fff;
		padding:1rem 2rem 2rem 2rem;
		border-radius:8px;
}

.entryDate{
		font-size:1.4rem;
}

.pageDate{
		text-align:right;
}

.entryCatLabel{
		text-align:right;
		font-size:1.4rem;
		margin-top:1.5rem;
		clear:both;
}

h2{
		font-size:2rem !important;
		color:#30BF00;
		padding:1rem !important;
		background:#fff !important;
		margin-bottom:1rem !important;
		line-height:1.2 !important;
}

.blog div{
		clear:both;
		overflow:hidden;
		background:#fff;
		border:2px solid #FF4A85;
		border-radius:8px;
		margin-bottom:1rem;
}

.blog ul{
		margin:1rem;
}

.imgBox img{
		max-width:120px;
}

@media screen and (min-width : 1024px){
.imgBox img{
		max-width:220px;
}

}


.imgBox{
		background:#ccc;
		float:left;
		width:120px;
		padding:0;
		line-height:0;
		height:80px;
		overflow:hidden;
		margin-bottom:1rem;
}


.date,.catTitle,.entryTitle{
		padding-left:130px;
		margin-bottom:1.2rem;
		line-height:1;
}

@media screen and (min-width : 1024px){

.imgBox{
		background:#ccc;
		float:left;
		width:220px;
		padding:0;
		line-height:0;
		height:142px;
		overflow:hidden;
		margin-bottom:1rem;
}


.date,.catTitle,.entryTitle{
		padding-left:240px;
}

}


.entryTitle a{
		font-size:1.6rem;
		text-decoration:none;
}

.catTitle a{
		font-size:1.4rem;
		padding:0.3rem 0.5rem;
		background:#FF4A85;
		border-radius:8px;
		color:#fff;
		text-decoration:none;
		line-height:1.2;
}

.date{
		font-size:1.4rem;
}


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

h3.titlePostdetail {
  padding: 0 !important;
  margin: 0 !important;
  color: #30bf00;
  font-size: 18px;
  font-weight: bold;
}
.uLine {
  text-decoration: underline;
}
.detailbox {
  padding: 10px;
  margin: 0 0 20px 0;
  border: 3px solid #ececec;
}
.nonspace {
  margin-bottom: 0 !important;
}
.page p {
  font-size: 14px;
}

/*---------------------------------------------
 2015.04.24
---------------------------------------------*/
.back_youth a {
  padding: 6px 0 4px 0;
  margin: 0;
  width: 100%;
  background-color: #666;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 16px;
}
.back_youth a:hover {
  background-color: #090;
}
.back_youth span {
  padding: 3px 0 0 25px;
  background: url(../img/icon_backlink.png) center left no-repeat;
}