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

/* AGASTYLE 2018 */


/*  
Theme Name: AGASTYLE 2018
Theme URI: https://agastyle.xyz
Description: AGASTYLE 2018 theme.
*/



/* ブラウザデフォルト*/

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
 max-width: 100%;
 height: auto;

}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}

.pc{
	display: none;
}


/* base setting 
---------------------------------------*/
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	color: #3C3C3C;
	background-color: #DD3333;
	word-break: break-all;
}

a {
	color: #44A7E3;
	text-decoration: underline;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	word-break: break-all;
}

a:hover {
	text-decoration: none;		
}

a img{
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	text-decoration:none;
	color:#000;
}

a:hover img{
	opacity:0.5;
　filter:alpha(opacity=50);
　-ms-filter: "alpha( opacity=50 )";
}


/*反転時の文字色・背景色 */
::selection {
background: #F0B819;　　/* 背景色*/
color:#555555;　/* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background: #F0B819;　　/* 背景色*/
color:#555555;　　/* 文字色*/
}

.wrapper{
	margin-right: auto;
	margin-left: auto;	
}

.wrapper:after{
	display: block;
	clear: both;
	content:"";
}

/*
パンくずリスト
-----------------------------------------*/

#breadcrumb{
	clear: both;
	font-size: 12px;
	font-weight: normal;
	text-align: left!important;
	overflow-x: scroll;
	clear: both;
	 height:auto;
	 width: 100%;
}

#breadcrumb::-webkit-scrollbar{height:3px;}/*バーの太さ*/
#breadcrumb::-webkit-scrollbar-thumb{background:#399AAE;}/*バーの色*/

#breadcrumb li {
	display: inline;
	white-space: nowrap;
	font-weight: bold;/*太字*/
	color: #FFFFFF;
}

#breadcrumb li + li:before {
	content: " > ";
}

#breadcrumb a{
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	text-decoration: none;
}
#breadcrumb li:first-child a:before{/*家アイコン*/
  font-family: "Font Awesome 5 Free";
  content: '\f015'; //家アイコン
  font-weight: normal;
  font-size: 1.1em;
  color: #FFFFFF;
}

#breadcrumb li a{
	color: #FFFFFF;
}


#breadcrumb li a:hover {
    text-decoration: underline;
}

/*広告*/
.topad{
	background-color: #FFFFFF;
	text-align: center;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}


/*
header
-----------------------------------------*/

header {
	color: #FFFFFF;
	background-color: #DD3333;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
header:after{
	display: block;
	clear: both;
	content:"";
}

header p.logo {
	font-size: 22px;
	font-family: 'Lilita One', cursive;
}

header h1.logo {
	font-size: 22px;
	font-family: 'Lilita One', cursive;
	font-weight: normal!important;
}

header p.subtitle {
	font-size: 14px;
	font-family: 'Lilita One', cursive;
}


header a{
	color: #FFFFFF;
	text-decoration: none;
}



/*
コンテンツ
-----------------------------------------*/

.container{
	width: 100%;
}

.catemidashi{
	background-color: #FFFFFF;
	margin-bottom: 1px;
	padding-top: 22px;
	padding-right: 3px;
	padding-bottom: 20px;
	padding-left: 3px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	font-family: "Sawarabi Gothic"; 
}

section {
	background-color: #FFFFFF;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-bottom: 5px;
}

section:after{
	display: block;
	clear: both;
	content:"";
}

section h1{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: 2px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #DD3333;
	color: #3C3C3C;
	font-family: "Sawarabi Gothic"; 
}

section h1 a {
	color: #3C3C3C;
	text-decoration: none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

section h1 a:hover {
	background: linear-gradient(transparent 60%, #DD3333 60%);
}


section h2{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: 2px;
	color: #FFFFFF;
	background-color: #DD3333;
	margin-top: 80px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "Sawarabi Gothic"; 
}

section h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: 2px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #DD3333;
	color: #3C3C3C;
	font-family: "Sawarabi Gothic"; 
}

section h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: 2px;
	color: #3C3C3C;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #DD3333;
	font-family: "Sawarabi Gothic"; 
}

section p{
	margin-bottom: 20px;
	letter-spacing: 2px;
	
}

section h2.ichiranmidashi{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
	letter-spacing: 2px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #DD3333;
	color: #3C3C3C;
	font-family: "Sawarabi Gothic"; 
	background-color: initial;
	margin-top: initial;
	padding-right: initial;
	padding-left: initial;
}

h2.ichiranmidashi a {
	color: #3C3C3C;
	text-decoration: none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

h2.ichiranmidashi a:hover {
	background: linear-gradient(transparent 60%, #DD3333 60%);
}
.cat-day{
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px!important;
}

.cat-day a{
	background-color: #6579AF;
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	box-shadow:0 3px 0 #445479;
	text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	letter-spacing: 1.3px;
}

.cat-day a:hover{
	-webkit-transform: translate3d(0px, 2px, 1px);
    -moz-transform: translate3d(0px, 2px, 1px);
    transform: translate3d(0px, 2px, 1px);
    box-shadow:none;
	background:#445479;
}

.updateinfo{
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
}

.updateinfo li{
	display: inline;
	margin-left: 10px;
}


.thumb{
	margin-bottom: 10px;
	text-align: center;
}

.thumb img{
	width: 250px;		
}

.sentence{
font-size: 12px;
}

.more{
	clear: both;
	margin-top: 20px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	
}

.more a{
	background-color: #22A8F0;
	display: block;
	height: 50px;
	width: 200px;
	line-height: 50px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	border-radius: 3px;
	margin-right: auto;
	margin-left: auto;
}

.more a:hover{
	background-color: #000000;
}


/*記事情報*/
.postinfo{
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 60px;
}

.postinfo li{
	display: inline;
}

.postinfo li a{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.postinfo li + li:before {
	content: " ｜ ";
}

/*キーワード*/
.keyword{
	border: 3px solid #D9D9D9;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.keyword:after{
	display: block;
	clear: both;
	content:"";
}

.keyword p{
	font-size: 18px;
	font-weight: bold;	
}

.keyword li{
	float: left;	
}

.keyword li a{
	display: inline-block;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	margin-right: 3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.keyword li a:hover{
	background-color: #999999;
}

/*リスト*/

.stay{
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
	display: block;
	color: #CCCCCC;
	text-decoration: none;	
}
.pagelink {
    position: relative;
    border: solid 3px #000000;
	background: #FFFFFF;
	-webkit-border-radius: 0px 3px 3px 3px;
	border-radius: 0px 3px 3px 3px;
	margin-bottom: 30px;
	margin-top: 60px;
}
.pagelink p {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #000000;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}
.pagelink ul {
	padding: 0.3em 0.8em;
}

.pagelink ul li {
  border-bottom: dashed 1px #000000;
	position: relative;
}

.pagelink ul li a{
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
	display: block;
	color: #000000;
	text-decoration: none;	

}

.pagelink ul li a:hover{
	background-color: #FFCC17;
	color: #000000;	

}

.pagelink ul li:before {/*疑似要素*/
	font-family: "Font Awesome 5 Free";
	content: "\f00c";/*リストアイコン*/
	position: absolute;
	left : 0em;/*左端からのアイコンまでの距離*/
	color: #000000;/*アイコン色*/
	/*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: bold;
}

.pagelink ul li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}



.pagelink ol {
	padding: 0.3em 0.8em;
	 counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
}

.pagelink ol li {
  border-bottom: dashed 1px #000000;
	position: relative;
	 font-size: 14px;
}

.pagelink ol li a{
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
	display: block;
	color: #000000;
	text-decoration: none;	

}

.pagelink ol li a:hover{
	background-color: #FFCC17;
	color: #000000;	

}

.pagelink ol li:before {/* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #000000;
  color: white;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  top:7px;
}

.pagelink ol li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}




.list {
	margin-bottom: 40px;
	position: relative;
	padding-right: 1em;
	padding-left: 2.0em;
	margin-top: 40px;
}

.list li{
	line-height: 1.5em;
	margin-bottom: 20px;
	font-weight: bold;	
}

.list li:before {/*疑似要素*/
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	position: absolute;
	left : 0em; /*左端からのアイコンまで*/
	color: #DD3333; /*アイコン色*/
	font-size: 20px;
}

.numList{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin-bottom: 40px;
  margin-top: 40px;
}
.numList li{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 20px;
	font-weight: bold;
	padding-left: 35px;
}

.numList li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #DD3333;
  color: white;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
  top:3px;
}
.numList li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}

.d-list{
	padding-top: 40px;
	padding-bottom: 0.5em;
	margin-top: 40px;
	margin-bottom: 30px;
	position:relative;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 5px solid #DD3333;
}

.d-list dt{
	color: #DD3333;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 15px;
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.d-list dt:before {/*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
 content: "\f02e";
  position: absolute;
  left : 1.5em; /*左端からのアイコンまでの距離*/
  color: #FFCC17;/*アイコン色*/
}

.d-list dd{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-bottom: 30px;
	color: #DD3333;
	padding-right: 15px;
	padding-left: 15px;
}

.d-list dd:last-of-type{
	border-bottom-style: none;
}


.matome {
	border: 5px solid #000000;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
	display: block;
	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.matome h3,.matome h4{
	position:relative!important;
	font-size:24px!important;
	background-color: #DD3333;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #FFFFFF;
}

div.matome h2{
	position:relative!important;
	font-size:24px!important;
	background-color: #DD3333;
	background-image: none;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #FFFFFF;
}

.matome h2::after,.matome h3::after,.matome h4::after{
	content: "まとめ"!important;
	position: absolute!important;
	top: -12px;
	left: 10px;
	background: #FFCC17!important;
	font-size: 12px!important;
	color: #000000!important;
	padding: 0 10px!important;
}

hr.style1 {
	clear: both; /* 線色 */
	height: 1px; /* 高さ */
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 30px;
	margin-bottom: 30px;

}

/*文字装飾*/
.t5{margin-top: 5px;}
.b5{margin-bottom: 5px;}
.t10{margin-top: 10px;}
.b10{margin-bottom: 10px;}
.t20{margin-top: 20px;}
.b20{margin-bottom: 20px;}
.t30{margin-top: 30px;}
.b30{margin-bottom: 30px;}
.t40{margin-top: 40px;}
.b40{margin-bottom: 40px;}
.t50{margin-top: 50px;}
.b50{margin-bottom: 50px;}
.t60{margin-top: 60px;}
.b60{margin-bottom: 60px;}
.t70{margin-top: 70px;}
.b70{margin-bottom: 70px;}

.b{font-weight: bold;}
.back-y{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.red{color: #FF4924;}
.orange{color: #FF5A24;}
.m12{
	font-size: 12px;
	line-height: 1.4em!important;
}
.m14{font-size: 14px;}
.m16{font-size: 16px;}
.m18{font-size: 18px;}
.m20{font-size: 20px;}
.m22{font-size: 22px;}
.m24{font-size: 24px;}
.m26{font-size: 26px;}
.m28{font-size: 28px;}
.m30{font-size: 30px;}
.m32{font-size: 32px;}
strong{font-weight: bold;}


.font01{
font-family: 'Monoton', cursive;
}

.font02{
font-family: 'Bungee Inline', cursive;
}

.font03{
font-family: 'Frijole', cursive;
}


/*
テーブル
-----------------------------------------*/
table p{
	margin-bottom: 10px!important;

}

table {
	margin-bottom: 30px;
	font-size: 11px;
	line-height: 1.6em;
	width: 100%;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D9D9D9;
	border-left-color: #D9D9D9;
}
table th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
	background-color: #000000;
	color: #D9D9D9;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
table td {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	vertical-align: top;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
	vertical-align: middle;
}
.table_dl {
	padding-right: 5px;
	padding-left: 5px;	
}

.table_dl dt{
	font-weight: bold;	
	padding-top: 10px;
}

div.scroll_div {
	overflow: auto;
	margin-bottom: 20px;
	max-height: 400px;

}

 .scroll_div::-webkit-scrollbar {
    height: 10px;
	background:#ccc;
06
  width:10px;

  }
  .scroll_div::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
 .scroll_div::-webkit-scrollbar-track-piece {
    background: #efefef;
  }

.fixedWidth90{width: 90px;}
.fixedWidth100{width: 100px;}

.table10{width: 10%;}
.table15{width: 15%;}
.table20{width: 20%;}
.table22{width: 22%;}
.table25{width: 25%;}
.table26{width: 26%;}
.table30{width: 30%;}
.table35{width: 35%;}
.table40{width: 40%;}
.table50{width: 50%;}
.table60{width: 60%;}
.table70{width: 70%;}
.table80{width: 80%;}
.table90{width: 90%;}
.table100{width: 100%;}



@media screen and (max-width: 480px){
.scroll{　display: block;
overflow: auto;　　/*tableをスクロールさせる*/
-webkit-overflow-scrolling: touch;
}


.scroll th,.scroll td
{
    white-space: nowrap;
}

}


/*コメント*/
.comments{
	margin-top: 60px;
}

.commentmidashi{
	font-size: 20px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
	margin-bottom: 20px;
	font-weight: normal;
	padding-bottom: 15px;
}

.comments input, .comments textarea{
	display: block;	
}

.comments textarea{
	overflow-y: auto;
	resize:none;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}

.comment-form-url{
	display: none;	
}

.comments .required{
	color: #FA603A;	
}

.form-allowed-tags{display:none;}

.comments ul{
	margin: 0px;
	padding: 0px;
}

.comments li.compost{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;

}

.comments li.compost:last-child{
	border-bottom-style: none;

}

.comments ul.children li.compost{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D9D9D9;

}

#comments ul.children li.compost:last-child{
	margin-bottom: 20px;
	border-bottom-style: none;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D9D9D9;

}


.comments p.cominfo{
	text-align: right;
	font-size: 12px;
}

#author{
	padding: 4px;
	width: 80%;
	border: 3px dotted #D9D9D9;
	height: 30px;
	
}

#email{
	padding: 4px;
	width: 80%;
	border: 3px dotted #D9D9D9;
	height: 30px;	
	
}


#comment{
	width: 80%;
	height: 150px;
	overflow-y: auto;
	resize:none;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
	border: 3px dotted #D9D9D9;
	overflow-y: auto;
    resize:none;
	
}

#submit{
	background-color: #FF4C18;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 200px;
	color: #FFFFFF;
	border-radius: 3px;
	cursor:pointer;
}


/*ページナビ*/
.wp-pagenavi {
	position:relative;/*--移動拠点（A）--*/
	text-align:center;
	font-size: 0px;/*--文字の大きさを、いったん0pxに--*/
	color: #FFFFFF;/*--文字色は背景色と同色--*/
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-top: 10px;
}

.wp-pagenavi a {
	color: #DD3333;
	text-decoration: none;
	background-color: #FFFFFF;
}

.wp-pagenavi a,.wp-pagenavi .current{/*--各種リンクと、現在開いているページ--*/
	font-size:12px;/*--枠線と数字との余白--*/
	border: 1px solid #DD3333;/*--枠線の太さ・種類・色--*/
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.wp-pagenavi .current{/*--現在開いているページ--*/
	font-weight:normal;/*--規定の太字だと、文字の大きさと枠線で囲った大きさが変わります--*/
	background-color:#FFFF00;
	color: #000000;
}

.wp-pagenavi a,.wp-pagenavi .current{/margin: 1px;}/*--IE6、IE7用CSSハック。IE8にも効果あり--*/


/*--ロールオーバーしない場合は不要--*/
.wp-pagenavi a:hover{
background-color:#22A8F0;
color:#FFFFFF;
}







/*
footer
-----------------------------------------*/

footer{
	background-color: #DD3333;
	clear: both;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 10px;
	margin-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

footer p {
	text-align: center;
}

footer p a{
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.copy{
	font-size: 10px;
	text-align: center;
	display: block;
}

footer ul{
	text-align: center;
}

footer li{
	border-top: none;
	font-size: 12px;
	display: inline;
	padding: 0 10px 0 10px;
}

footer li +li{
    border-left: 1px solid #FFFFFF;　　/* ここがボーダー線指定しているところ */
    margin: 0 10px 0 10px;　　　　 /* メニューとボーダー線の間の距離感 */
}


footer li:last-child{
	border-bottom-style: none;
}
footer li a{
	line-height: 1.6em;
	display: inline;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	text-decoration: underline;
	color: #FFFFFF;
}





/*
side
-----------------------------------------*/

.side{
	width: 100%;
}

.sidead{
	text-align: center;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

.sidebarbox{
	background-color: #FFFFFF;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.sidemidashi{
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Sawarabi Gothic"; 
 }
 
.sidebarbox li {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
	line-height: 1.4em;
	letter-spacing: 1px;
}

.sidebarbox li a{
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidebarbox li a:hover{
	text-decoration: none;
	color: #505050;
	background-color: #EFEFE4;
}

.sidebarbox li:last-child  {
	border-bottom-style: none;
	padding-bottom: 0px;
}

.sidebarbox select {
	margin-top: 10px;
	border: 2px dotted #D9D9D9;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	color: #505050;
}


/*　検索BOX　*/

#search{
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.screen-reader-text{
	display: none;
}

#s{
	height: 30px;
	border: 3px dotted #D9D9D9;
	width: 80%;
}

#searchsubmit{
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 37px;
	width: 43px;
	color: #FFFFFF;
	border-radius: 3px;
	cursor:pointer;
}


/*
画像系
-----------------------------------------*/

.photo{
	text-align: center;
	margin-bottom: 30px;
	

}

.photo li{
	margin-bottom: 10px;	
}


.i250{
	width: 250px;
}

.imgl{
	margin-bottom: 5px;
	float: left;
	padding-right: 7px;	
}

.imgr{
	margin-bottom: 5px;
	float: right;
	padding-left: 7px;	
}

.bnr{
	text-align: center;
	clear: both;
	margin-bottom: 20px;
}

.aligncenter{
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 20px;
	max-width: 100%;
 height: auto;
}

.alignleft{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 20px;
	max-width: 100%;
 height: auto;	
}

.alignright{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 20px;
	max-width: 100%;
 height: auto;
}


.wp-caption{
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	max-width: 100%;
	
}

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



.wp-caption-text{
	padding-top: 5px;
	font-size: 10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------
SNS
---------------------------------*/

.sns{
	text-align:center;
	padding-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;	
	width:100%;
	display: table;
}


.sns:after{
	display: block;
	clear: both;
	content:"";
}

.sns ul {
	list-style:none;
}
.sns li {
	float:left;
	width:48%;
	margin:0 2% 3% 0;
	display: table-cell;
}
.sns li a {
	font-size:80%;
	position:relative;
	display:block;
	padding:10px;
	color:#fff;
	border-radius:6px;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:hover {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
	box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
	background:#00acee;
	box-shadow:0 5px 0 #0092ca;
}
.sns  .twitter a:hover {
	background:#0092ca;
}

/* Facebook */
.sns  .facebook a {
	background:#3b5998;
	box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
	background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
	background:#db4a39;
	box-shadow:0 5px 0 #ad3a2d;
}
.sns  .googleplus a:hover {
	background:#ad3a2d;
}

/* はてぶ */
.sns  .hatebu a {
	background:#5d8ac1;
	box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
	background:#43638b;
}

/* LINE */
.sns  .line a {
	background:#25af00;
	box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
	background:#219900;
}

/* Pocket */
.sns  .pocket a {
	background:#f03e51;
	box-shadow:0 5px 0 #c0392b;
}
.sns  .pocket a:hover {
	background:#c0392b;
}

/* RSS */
.sns  .rss a {
	background:#ffb53c;
	box-shadow:0 5px 0 #e09900;
}
.sns  .rss a:hover {
	background:#e09900;
}

/* Feedly */
.sns  .feedly a {
	background:#87c040;
	box-shadow:0 5px 0 #74a436;
}
.sns  .feedly a:hover {
	background:#74a436;
}

/*
ブログランキング
-----------------------------------------*/

.blog_rank{
	list-style: none;
	
}

.blog_rank li{
	margin-right: 5px;
	padding-bottom: 10px;
	float: left;
}

.blog_rank:after{
	display: block;
	clear: both;
	content:"";
}


/*リンク
---------------------------------------------------------------------------*/


.in_link a{
	border: 3px solid #1393A9;
	display: block;
	font-size: 18px;
	color: #1393A9;
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight: lighter;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.in_link {
	width: 95%;	
	
}

.buttom{
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 50px;
}

.buttom a {
	position: relative;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
 }
.buttom a{
	text-decoration: none;
	font-weight: bold;
	color: #1393A9;
} 
.buttom a:hover{
	color: #FFFFFF;
	background-color: #1393A9;
}
.buttom a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background: #1393A9;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.buttom a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 14px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background: #FFFFFF;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.buttom a:hover:before {        
	background: #FFFFFF;
}
.buttom a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #1393A9;
}

.order {
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}


.order a{
	position:relative;
	font-size: 14px!important;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-radius:10px;
	text-align: center;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 10px;	
}

.order a:hover{
	-webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
	color: #FFFFFF;	
}

/* 緑 */
.o_color a {
	background:#7cc576;
	box-shadow:0 5px 0 #46963f;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #46963f;
}
.o_color a:hover {
    background:#46963f;
}

.o_color a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background: #FFFFFF;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.o_color a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 14px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background: #7cc576;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.o_color a:hover:before {        
	background: #FFFFFF;
}
.o_color a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #46963f;
}






/* 赤 */
.o_color_red a {
	background:#C7524B;
	box-shadow:0 5px 0 #A03732;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #A03732;
}
.o_color_red a:hover {
    background:#A03732;
}

/* 水色 */
.o_color_mizuiro a {
	background:#4BB6C2;
	box-shadow:0 5px 0 #30868F;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #30868F;
}
.o_color_mizuiro a:hover {
    background:#30868F;
}

/* 青色 */
.o_color_ao a {
	background:#0052A4;
	box-shadow:0 5px 0 #003973;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #003973;
}
.o_color_ao a:hover {
    background:#0052A4;
}

/* オレンジ */
.o_color_orange a {
	background:#FF6600;
	box-shadow:0 5px 0 #D95700;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #D95700;
}
.o_color_orange a:hover {
    background:#FF6600;
}

/* しろ */
.o_color_white a {
	background:#FFFFFF;
	box-shadow:0 5px 0 #CCCCCC;
	color: #0052A4;
	text-shadow: 1px 1px 1px #D95700;
}
.o_color_white a:hover {
    background:#FFFFFF;
}



/* ピンク */
.o_color_pink a {
	background:#E45991;
	box-shadow:0 5px 0 #CE2267;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #CE2267;
}
.o_color_pink a:hover {
    background:#CE2267;
}
.order-half a{
	position:relative;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 15px;
	display: block;
	border-radius:10px;
	text-align: center;
	
}
.order-half a:hover{
	-webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
	color: #FFFFFF;	
}
.b-half {
	text-align: center;
	clear: both;
	margin-bottom: 10px;
}
.b-half li{
	width: 48%;
	float: left;
	display: inline;
	padding-right: 5px;
}
.b-half li:last-child{
	margin-left: 0px;
	float: right;
	padding-right: 0px;
}
.b-half:after{
	display: block;
	clear: both;
	content:"";
}

.next{
	font-weight: bold;
	font-size: 18px;
	margin-top: 60px;
	margin-bottom: 40px;
	padding-left: 30px;
	position:relative;
}

.next:before {/*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
 content: "\f35d";
  position: absolute;
  left : 0px; /*左端からのアイコンまでの距離*/
  color: #DD3333;/*アイコン色*/
}

.innext{
	font-weight: bold;
	font-size: 18px;
	margin-top: 60px;
	margin-bottom: 40px;
	padding-left: 30px;
	position:relative;
}

.innext:before {/*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
 content: "\f0c1";
  position: absolute;
  left : 0px; /*左端からのアイコンまでの距離*/
  color: #DD3333;/*アイコン色*/
}