/*
Theme Name: Tetote 2022
Author: Vivace Factory
Author URI: http://vivacefactory.net/
Description: Blanc is simple, white, 100% responsive WordPress theme. Designed with the w3C latest HTML5 and CSS3, it's also set Microdata for Google's rich snippets. Breadcrumbs, related item lists, pagination are already prepared, and also it contains jQuery plugin settings of lightbox, image slider and input validation. This theme works with WordPress 4.1 or later.
Tags: responsive-layout, one-column, white, editor-style, custom-header, custom-background, custom-menu, featured-images
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


body, input, select, textarea, button, .button, h1, h2, h3, h4, h5, h6, .label {
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
p {
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
 	color:#2B2B2B;	
	font-size:0.98rem;
	line-height:1.2rem;
}
a {
	color:#504448;
}
a:hover {
	color: #CCC!important;
}
a:link, a:visited {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

#globalNavi {
	width:100%;
	background-color:rgb(255,255,255,0.6);
}
.fixed {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.headerLogo {
	margin-left:2.0rem;
	margin-top:1.0rem;
	margin-bottom:1.0rem;
	
}

.demo-toggle-title {
  margin-top: 0.5rem;
}



.header-bg {
	position:absolute;
	background-color: #FFF;
	top:0px;	
}
.vcard {
	display: initial;
	margin: 0;
	border: 0;
	padding: 0;
}


a:hover img:hover {
opacity: 0.6;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7; 
}


ul {
	margin-left: 1.5rem;
}
ol {
	margin-left: 1.8rem;
}
input, textarea {
	box-shadow: none!important;
}



/* Header */
#header h1 {
	font-family: 'Noto Sans', 'Open Sans',   "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 1.6rem;
}
#header a {
	color: #222;
}

/* global menu for PC*/
.gMenu {
	padding-top:15px;
}
.gMenu li{
	float:right;
	list-style: none;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}
.gMenu li a{
		display: inline-block;
	position: relative;
	color: #cccccc;
 	text-decoration: none;
}

.gMenu li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 3px;
	background: #cccccc;
	transform: scale(0, 1);
	transition: 0.4s;
}
.gMenu li a:hover:before {
	transform: scale(1);
}

ul.gMenu > li > a:hover:after {
	color:#330202;	
}

/* information bar */
.infoBar {
	width: 100%;
	background-color: #e6eceb;
	margin-top:0;
	padding-top:1.0rem;
}

.infoBar h2 {
	font-size:1.2rem;
	padding-top:10px;
}

.infoBar ul {
	background-color: #CCC;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	
}

.infoBar li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	list-style-type: none;	
	
}

.infoLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}

.infoBar dl {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.infoBar dt {
	float:left;
}

.infoBar dd {
	margin-left:100px;
	font-size:0.95rem;
	font-weight: normal;
}

/* top page design */


.topTitle{
	text-align: center;
	margin-top:2.0rem;
	margin-bottom:3.0rem;
}
.topsection1 {
	padding-top:3.0rem;
	
	margin-bottom: 0;
}

.topsection1 h1 {
	color:#674d46;
	font-size:1.6rem!important;
	position: relative;
display: inline-block;
margin-bottom: 1em;
}
.topsection1 h1:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #674d46;
border-radius: 2px;
}

.topsection1 h2 {
  color: #474747;
	font-weight: bold;
	font-size:150%;
  line-height: 2.0em;
	animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}

@media only screen and (max-width: 40.062em){
.topsection1 h2 {
  color: #474747;
	font-weight: bold;
	font-size:150%;
  line-height: 2.0rem;
	animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}	
	
}

.topsection1 .AcogareContents {
	padding-top: 2.0rem;
	padding-bottom:2.0rem;
	width: 100%;
	background-image: url(img/bg_akogare.png);
	background-repeat: repeat-y;
	background-position: center;
}

.topsection1 .AcogareContents .catch1{
	font-size:250%;
	font-weight: bold;
	text-align: right;
}
@media only screen and (max-width: 40.062em) {
	.topsection1 .AcogareContents .catch1{
	font-size:200%;
	font-weight: bold;
	text-align: center;
}
}

.topsection1 p {
	color:#666666;
	font-size:0.98rem;
	line-height:1.5rem;
}
.topsection1 h3 {
	text-align: center;
	font-weight: bold;
	color:#666666;
	font-size:1.5rem;
	line-height:1.5rem;	

}
.topsection1 .expApply {
	color:#690202!important;
	font-size:1.0rem;
	line-height:1.5rem;
	padding-bottom:1.0rem;
	margin-bottom:1.0rem;
}

.topsection1 .expApply a{
	color:#690202!important;
	font-size:1.0rem;
	line-height:1.5rem;
	padding-bottom:1.0rem;
	margin-bottom:1.0rem;
	font-weight:bold;
}
.topsection1 .expApply a:visited {
	color:#690202;
}

.AcogarenistAbout{
	padding-left:3.0rem;
	padding-top:2.0rem;
}



.AcogarenistAbout .catch2{
	font-size:300%;
	font-weight: bold;
	text-align: left;
}

.acogareActivity{
	background-color: #f2f5f6;
	width:100%;
	height: 260px;
	padding:2.0rem;
	margin-bottom: 2.0rem;
}

.acogareActivity h2{
	text-align: center;
	font-size:1.4rem;
	font-weight: bold;
	border-bottom: #636363 dotted 1px;
}

.acogareActivity p{
	font-size:1.0rem;
	line-height:1.4rem;
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #f2f5f6;
    box-shadow: 0px 0px 0px 10px #f2f5f6;
    border: dashed 1px #9B9B9B;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box14 .acogarePolicy{
	padding-top:2.0rem;
	padding-bottom:2.0rem;

}

.box14 .acogarePolicy p{
		font-size:1.2rem;
	line-height: 2.0rem;
}

.categoryBar{
	font-family:'Open Sans',   "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; 
	font-weight: bold;
	background-color:#DCD9D9;
	width:100%;
	margin-top:0;
	margin-bottom:2.0rem;
	padding-top:2.0rem;
	padding-bottom:2.0rem;
	text-align: center;
	font-size:0.98rem;
}

.categoryBar a{
	position: relative;
  	display: inline-block;
  	transition: .3s;
}
.categoryBar a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #565656;
  opacity: 0;
  transition: .3s;
}
.categoryBar a:hover::after {
  bottom: 0;
  opacity: 1;
}

/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
    max-width: 1024px;
    margin: 0 auto;
}
.s_01 .accordion_one .accordion_header {
    background-color: #DCD9D9;
    color: #414040;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 11%;
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}

.s_01 .accordion_one .accordion_header:hover {
    opacity: .8;
}
.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 15px 15px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
}

.s_01 .accordion_one .accordion_inner .box_one {
    height: 90px;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}
@media screen and (max-width: 1024px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 18px;
    }
    .s_01 .accordion_one .accordion_header .i_box {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
}
@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header {
        font-size: 16px;
        text-align: left;
        padding: 15px 60px 15px 15px;
    }
}

/*====================================================================
以下は不要です。
====================================================================*/

.section {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px 20px 20px;
}
.section p._a {
    font-size: 12px;
    font-weight: bold;
    margin: 30px 0 0;
}
.section p._a .link {
    display: inline-block;
    color: #607D8B;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.section p._a .link:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #607D8B;
    border-right: 2px solid #607D8B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 10px;
}

@media only screen and (max-width: 40.062em){
.AcogarenistAbout{
	padding-left:1.0rem;
	padding-top:2.0rem;
}

	
}

@media only screen and (max-width: 40.062em){
.AcogarenistAbout .catch2{
	font-size:150%!important;
	font-weight: bold;
	text-align: left;
}
}
.AcogarenistAbout .catch3{
	font-size:250%;
	font-weight: bold;
	text-align: left;

}
@media only screen and (max-width: 40.062em){
	.AcogarenistAbout .catch3{
	font-size:180%;
	font-weight: bold;
	text-align: left;
}
}
.AcogarenistAbout .catch4{
	font-size:250%;
	font-weight: bold;
	text-align: right;

}
@media only screen and (max-width: 40.062em){
	.AcogarenistAbout .catch4{
	font-size:180%;
	font-weight: bold;
	text-align: rignt;
}
}
.AcogarenistJunction{
    background-color: #f2f5f6;
	text-align: center;
	padding-top:2.5rem;
	padding-bottom:2.5rem;
	margin-top:0;
	margin-bottom:2.0rem;
	font-size:1.6rem;
}
.AcogarenistPage{
	background-color: #e6eceb;
	width:100%;
	margin-top:0;
	padding-top:0;
	padding-bottom:1.0rem;
	margin-bottom:1.0rem;
}
.AcogarenistBanner {
	text-align: center;
	animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}
.AcogarenistContents {
	padding:1.0rem;
}

.AcogarenistContents h3{
	font-size:1.4rem;
	font-weight: bold;
}
.topsection2 {
	padding-top:0rem;
	padding-bottom:0rem;
}
.topsection2 .AcogareContents {
	padding-top: 2.0rem;
	padding-bottom:2.0rem;
	width: 100%;
	background-image: url(img/bg_akogare.png);
	background-repeat: repeat-y;
	background-position: center;
}

.topsection2 .AcogareContents .catch1{
	font-size:300%;
	font-weight: bold;
	text-align: right;
}
@media only screen and (max-width: 40.062em) {
	.topsection2 .AcogareContents .catch1{
	font-size:200%;
	font-weight: bold;
	text-align: center;
}
}
.topsection2 .AcogareContents .catch4{
	font-size:200%;
	font-weight: bold;
	text-align: right;
}
@media only screen and (max-width: 40.062em) {
	.topsection2 .AcogareContents .catch4{
	font-size:150%;
	font-weight: bold;
	text-align: center;
}
}

.topsection2 h3{
	text-align: center;
	font-size: 1.875rem;
	font-weight: bold;
}

section figure {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #757575;
}
.imgAcogarenist {
    color: #fff;
	margin-bottom: 1.0rem;
}
.imgAcogarenist figure:after {
    position: absolute;
    border: solid 1px #fff;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1.0, 1.0);
    transition: all .3s ease-out;
}
.imgAcogarenist figure:hover:after {
    opacity: .7;
    transform: scale(0.92, 0.88);
}
.imgAcogarenist figcaption {
    position: absolute;
	text-align: center;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1em;
    font-size: 20px;
    letter-spacing: 5px;
    opacity: 0;
    transition: all .3s ease-out .2s;
}
.imgAcogarenist figure:hover figcaption {
    letter-spacing: 1px;
    opacity: 1;
}
.imgAcogarenist figure img {
    transition: all .8s ease-out;
}
.imgAcogarenist figure:hover img {
    opacity: .4;
    transform: scale(1.3);
}

/* button */

.btnReadmore{
	text-align: center;
	margin-top:2.0rem;
	margin-bottom:2.0rem;
}

.square_btn {
	display: inline-block;
	text-decoration: none;
	color: #373737;
	border: solid 1px #838282;
	width:200px;
	height:50px;
	font-size:0.9rem;
	padding-top: 0.9em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	margin-left:0.5rem;
}
.square_btn:hover{
    background: #838282;
    color: white;
}

.square_btnAll{
		display: block;
	text-decoration: none;
	background-color: #9B9A9A;
	color: #ffffff!important;
	font-weight: bold;
	font-size: 1.25rem;
	width:100%;
	height:75px;
	text-align: center;
	line-height: 75px;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	margin-left:0.5rem;
}

.square_btnAll a{
	color: #fff!important;
}

.square_btnAll:hover{
    background: #CFCECE;
    color: #838282;
}

.shareBtnFB a{
	display: inline-block;
	background-color:#3F3F3F;
	width: 90%;
	margin:1.0rem;
	padding-top:0.5rem;
	padding-bottom: 0.5rem;
	text-align: center!important;
	color: #fff!important;
}

.shareBtnFB a:hover{
	background:#3B5998;
}

.shareBtnTW a{
	display: inline-block;
	background-color:#3F3F3F;
	width: 90%;
	margin:1.0rem;
	padding-top:0.5rem;
	padding-bottom: 0.5rem;
	text-align: center!important;
	color: #fff!important;
}

.shareBtnTW a:hover{
	background:#1DA1F2;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* Buttons */
.button.black {
	background-color: #555;
	border-color: #444;
	color: #fff;
}
.button.black:hover, .button.black:focus {
	background: #222;
}

button,
button::after {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

button {
  background: none;
  border: 3px solid #999A9B;
  color: #999A9B;
  display: block;
  font-size: 1.2em!important;
  font-weight: bold;
  margin: 1em auto;
  padding: 1em 6em;
  position: relative;
  text-transform: uppercase;
}

button::before,
button::after {
  background: #999A9B;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #fff;
}
/* BUTTON 1 */
.btn-1::after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.btn-1:hover:after {
  height: 100%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-radius-solid {
	font-size:1.0rem;
	color:#6ca69f;
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}
.topsection3 {

	margin-top:0;
	margin-bottom:2.0rem;
	padding-top:2.0rem;
	padding-bottom:2.0rem;
}

.topsection3 h3 {
		color:#434343;
	margin-top: 0.5rem;
	font-size:2.0rem;
	text-align:center;
}

@media only screen and (max-width: 40.062em) {
	.topsection3 h3 {
		color:#666666;
	font-size:1.6rem;
	text-align:center;
		font-weight: bold;
}
}
.topsection3 .columnContents{
	padding-left: 1.0rem;
	padding-right:1.0rem;
	margin-bottom:1.5rem;
}

.topsection3 .columnContents h3{
	font-size:1.2rem!important;
	font-weight: bold;
}
.topsection3 .acogarenistBlog{
	marin-top:1.0rem;
	margin-bottom: 1.0rem;
	padding-right:1.0rem;
	padding-left:1.0rem;
}

.topsection3 .acogarenistBlog .pageContents h4 {
	color:#262626;
	font-size:1.0rem;
	font-weight: bold;
	text-align:left;
	margin-top:0.5rem;
	line-height:2.0rem;
	animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}

.topsection3 .acogarenistBlog .pageContents .nameMark {
	color:#fff;
	font-size:0.9rem;
	display: inline-block;
	padding-left:0.8rem;
	padding-right:0.8rem;
	padding-top:0.2rem;
	padding-bottom: 0.2rem;
	margin-top:0.5rem;
	margin-bottom: 0.5rem;
	background-color: #969696;
	
}

.topsection4{
	width:100%;
	margin-top:2.0rem;
	padding-top:2.0rem;
	padding-bottom:2.0rem;
	width: 100%;
	background-image: url(img/bg_info.png);
	background-repeat: repeat-y;
	background-position: center;
}

.topsection4 h3 {
		color:#3F3F3F;
	font-size:2.0rem;
	text-align:center;
}

@media only screen and (max-width: 40.062em) {
	.topsection4 h3 {
		color:#666666;
	font-size:1.6rem;
	text-align:center;
		font-weight: bold;
}
}

.newsList ul {
	background-color: #CCC;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	
}

.newsList li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	list-style-type: none;	
	
}

.newsLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}

.newsList dl {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.newsList dt {
	float:left;
}

.newsList dd {
	margin-left:100px;
	font-size:0.95rem;
	font-weight: bold;
}



.AcogarenistProfile{
	background-color: #e6eceb;
	background-repeat: repeat;
	width: 100%;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
}

.AcogarenistProfile .img-round1{
	border-radius:50%;
}
.box17{
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px #674d46;
border-bottom: solid 2px #674d46;
}
.box17:before, .box17:after{
content: '';
position: absolute;
top: -10px;
width: 2px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #674d46;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
margin: 0;
padding: 0;
} 
.box177{
	background-color:#ffffff;
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px #674d46;
border-bottom: solid 2px #674d46;
}
.box177:before, .box177:after{
content: '';
position: absolute;
top: -10px;
width: 2px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #674d46;
}
.box177:before {left: 10px;}
.box177:after {right: 10px;}
.box177 p {
margin: 0;
padding: 0;
} 

/* ハンバーガーメニュー　2020.3.17 */
.menu{
    height: 20px;
    position: fixed;
    right: 20px;
    top: 10px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #000000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*フルスクリーンナビゲーション　2020.3.17 */
.gnav{
    background: rgba(255,255,255,0.95);
    display: none;
    height: 100%;
	top:0;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu {
	list-style: none;

}
.gnav__menu__item{
    margin: 30px 0;
}
.gnav__menu__item a{
    color: #333333;
    font-size: 1.4rem!important;
    font-weight: bold;
    padding: 20px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}



.menu-wrap,
.menu-wrap ul[id^="menu-"]{
	margin-bottom: 0;
}

#header ul.sub-menu,
#header ul.children {
	display: none;
}
#header ul.sub-menu li:last-child,
#header ul.children li:last-child {
	border-bottom: none;
}
#header ul.sub-menu li >a:before,
#header ul.children li >a:before {
	content: '\f0da';
	margin: 0 4px 0 2px;
	font-family: 'FontAwesome';
}

#header a:hover, #header li:hover >a, #header li.current_page_item >a, #header li.current_page_ancestor >a {
	color: #504448;
}
#header li[class*="children"] > a:after {
	content: '\f0d7';
	margin-left: 4px;
	font-family: 'FontAwesome';
}
#header li[class*="children"] li {
	margin-left: .6rem;
	text-indent: -.6rem;
}

.header-bg {
	background-color: #FFF;	
}

.sliderSection{
	margin-top:-20px;
}

/* full width image */
.topPhoto {
	width: 100%;
	text-align: center;
	margin-top: 0px;	
}

p.resizeimage img {
	width:100%;
	margin-top: -30px;
	margin-bottom: 0px;
	padding-top: 0px;
}

/* header customise */
.headerBase{
	width:100%;
	background: url("img/headerbg_base.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}



.headerConcept {
	width:100%;
	background: url("img/headerbg_concept.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}

.headerConcept h2 {
	font-size:1.8rem;
	color:#6ca69f;
	text-align:center;
	padding-top:80px;

}

.headerConcept p {
	font-size:1.2rem;
	color:#6ca69f;
	text-align:center;
}
.headerContact {
	width:100%;
	background: url("img/headerbg_contact.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}

.headerContact h2 {
	font-size:1.8rem;
	color:#6ca69f;
	text-align:center;
	padding-top:80px;

}

.headerContact p {
	font-size:1.2rem;
	color:#6ca69f;
	text-align:center;
}

/* page design customise */
.pageBody {
	background-image: url(img/bg_page.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:3.0rem;
}



/* 関連記事　*/
#related-post{}  
#related-post *{
	box-sizing:border-box;
	}
#related-post h3{}




.related-post-list .related-post-sub{
	margin-right:1.0rem;
	margin-left:1.0rem;
	margin-bottom:1.0rem;
	padding:0.2em;
	box-shadow:0px 0px 3px 1px #EEE;
	-moz-box-shadow:0px 0px 3px 1px #EEE;
	-webkit-box-shadow:0px 0px 3px 1px #EEE;	
}

.related-post-thumb{
	margin-bottom: 0.5em;
	}
.related-post-thumb img{
	width:100%;
	
}
.related-post-thumb .thumb-noimage{
	text-align:center;
	background:#EEE;
	padding:2em;
	font-size:12px;
	color:#666;
	}
	 
.related-post-content{
	padding:0.5em;
	}

.related-post-content h4{
	margin-bottom:1em;
	font-size:1.0rem;
	
}

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

.related-post-list .related-post-sub{
	width:48%;
	margin-right:2%;
}


}


article h1 {
	color:#171717;
	fon-size:2.0rem;
	font-weight: bold;
}

article h2 {
	font-size:1.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

article h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
article h2 {
	font-size:1.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

article h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
}
article h3{
	font-size: 1.25rem;
	color: #4d4c4c;
	border-bottom: solid 1px #4d4c4c;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-left: 0rem;
}
article h3:first-letter {
	font-size: 2.0rem;
	color: #4d4c4c;
		font-weight: bold;
	}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
article h3{
	font-size: 1.0rem;
	color: #4d4c4c;
	border-bottom: solid 1px #4d4c4c;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-left: 0rem;
}
	article h3:first-letter {
	font-size: 1.0rem;
	color: #4d4c4c;
		font-weight: normal;
	}
}

article .lessonInfo {
	font-size:1.25rem;
	font-weight: bold;
	 position: relative;
  padding: 1rem 1rem 0.5rem; 1rem;
	margin-bottom:1.0rem;
}

article .lessonInfo:after{
position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	article .lessonInfo {
	font-size:1.25rem;
	font-weight: bold;
	 position: relative;
  padding: 1rem 1rem 0.5rem; 1rem;
	margin-bottom:1.0rem;
}

article .lessonInfo:after{
position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
}

article h4 {
	font-size: 1.0rem;
	background-color: #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
article p{
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size:0.98rem;
	line-height: 2.0rem;
}
.pageContentsBg {
	background-color: #f0ebe6;
	background-repeat: repeat;	
	margin-top:2.0rem;
	margin-bottom:2.0rem;
	padding:2.0rem;
}

.singleContents{
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;
}

.singleContents h1 {
	color:#292928;
	font-size:2.0rem;
	margin-bottom:2.0rem;
	 animation-name: LeftToRight;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

@media only screen and (max-width: 600px){
.singleContents h1 {
	color:#292928;
	font-size:1.6rem;
	margin-bottom:1.6rem;
	 animation-name: LeftToRight;
    animation-duration: 2s;
    animation-iteration-count: 1;
}	
}

.singleContents p{
	font-size:0.98rem;
	line-height: 1.6rem;
}

.singleContents .columnContents{
	margin-right: 1.0rem;
	margin-left: 1.0ren;
	margin-bottom: 1.0rem;
	padding-right:1.0rem;
	padding-left:1.0rem;
}

.singloContents .columnContents .pageContents {
	padding-top:2.0rem;
	padding-left:2.0rem;
	padding-right:2.0rem;
}

.singleContents .acogarenistBg{
	background-color: #fff;
	width:100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;	
}

.singleContents .acogarenistBg h2{
	background: linear-gradient(transparent 70%, #cccfd5 70%);
}
.singleContents .acogarenistBg1{
	background-image: url("img/acogarenist0/acogarenistBg1.png");
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

@media only screen and (max-width: 600px){
	.singleContents .acogarenistBg1{
	background-image: url("img/acogarenistBgS.png");
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}	
}

.singleContents .acogarenistBg1 h2{
	background: linear-gradient(transparent 70%, #cccfd5 70%);
}

.singleContents .acogarenistBg2{
	background-image: url("img/acogarenist0/acogarenistBg2.png");
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}
@media only screen and (max-width: 600px){
.singleContents .acogarenistBg2{
	background-image: url("img/acogarenistBgS.png");
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}	
}

.singleContents .acogarenistBg2 h2{
	background: linear-gradient(transparent 70%, #cccfd5 70%);
}
.singleContents .acogarenistNo{
	color:#292928;
	font-size:1.25rem;
	margin-bottom:1.0rem;
}
.singleContents .acogarenistName{
	color:#292928;
	font-size:1.875rem;
	margin-bottom:1.0rem;
}
.singleContents h2 {
	color:#292928;
	font-weight: bold;
	font-size:1.5rem;
	margin-bottom:1.0rem;
	line-height:2.2rem;
	margin-bottom: 20px;
}


/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/*LeftToRight */
@keyframes LeftToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(0px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(50px);
  }
}
/* 「RightToLeft」を適用する箇所 */
.pageBody .pageContents h3{
	color:#171717;
	margin-top:1.0rem;
	font-size:1.1rem;
	font-weight: bold;
	text-align:left;
	padding-left: 0;
	line-height:2.0rem;
	  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}




.pageBody .pageContentsBg .photoClubBg {
	width:100%;
	background-color:#FFFFFF;
	padding:0;
	margin-top:2.0rem;
}

.pageBody .pageContentsBg .photoClubBg .photoClubContents {
	padding:1.0rem;	
}

.pageContents h4 {
	color:#000066;
	font-size:1.0rem;
	text-align:left;
	line-height:1.4rem;
}



.eyecatchImg{
overflow:hidden;
}

.eyecatchImg img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.5s;	
}

.eyecatchImg img:hover{
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}


.ribbon_box {
	display: block;
	position: relative;
	width: 95%;
	background: #EFEFEF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1.0rem;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 20px;
  }

.ribbon_box p{
	line-height: 20px;
}
.ribbon_newsbox {
	display: block;
	position: relative;
	width: 90%;
	background: #FB0000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1.0rem;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
  }
 .ribbon_box .eventTitle {
	margin-top:1.0rem;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center; 
 }



.ribbon17 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: white;
    background: #6ca69f;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon17:before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 38px;
    width: 7px;
    background: #6ca69f;
    border-radius: 5px 0 0 5px;
}
.ribbon17:after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: -5px;
	border: none;
	height: 7px;
	width: 5px;
	border-radius: 5px 0 0 5px;
	background-color: #2E8278;
}


/* 補足情報 */
.point	{
	position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #E0F8F8;
	font-size: 14px;
	clear: both
}

.point:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #6ca69f;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center}

.point:after	{position: absolute;
	left: 32px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #6ca69f;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}
	
/* 情報詳細 */
.information{
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px #674d46;
border-bottom: solid 2px #674d46;
}
.information:before, .information:after{
content: '';
position: absolute;
top: -10px;
width: 2px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: #674d46;
}
.information:before {left: 10px;}
.information:after {right: 10px;}
.information p {
margin: 0;
padding: 0;
}

/* 注意書き */
.attention	{
	position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: 2px dotted #000066;
	background-color: #ffffff;
	font-size: 14px;
	clear: both
}

.attention:before	{position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #000066;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1}

/* Breadcrumbs */
.breadcrumbs {
	display: block;
	overflow: hidden;
	margin: 2rem 0;
	list-style: none;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.breadcrumbs>* {
	margin: 0;
	float: left;
	font-size: 0.875rem;
	text-transform: uppercase;
}
.breadcrumbs>*:before {
	content: '\f105';
	color: #aaa;
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
	font-family: 'FontAwesome';
}
.breadcrumbs>*:first-child:before {
	content: '';
	margin: 0;
}
/* Articles */
.single article {
	margin-bottom: 2rem;
}

/* Postmeta */
.inline-postmeta {
	color: #777;
	font-size: .95rem;
}
.inline-postmeta>li>* {
	display: inline-block;
}

/* Article navigation links */
.navlink {
	border-top: 1px dotted #ddd;
	padding-top: 1rem;
}
.navlink > span {
	width: 50%;
}
.navlink-meta {
	display: block;
}
.navlink-prev {
	padding-right: .25rem;
	text-align:left;
}
.navlink-next {
	padding-right: .25rem;
	text-align:left;
}

/* page links */
#page-links {
	margin-bottom: 1rem;
	line-height: 2rem;
}
#page-links a {
	text-decoration: none;
}
#page-links span {
	padding: 3px 13px;
	background: #504448;
	color: #fff;
}
#page-links a span {
	background: transparent;
	color: #777;
}
#page-links a span:hover {
	background: #F4EFE3;
}

/* Archives */
.archive-title > span {
	font-size: 80%;
}
article.archive {
	border-bottom: 1px dotted #ddd;
	padding-top: .875rem;
	padding-bottom: .875rem
}
article.archive:first-child {
	border-top: 1px dotted #ddd;
}
.sticky {
	padding-right: .875rem;
	padding-left: .875rem;
	background: #f7f7f7;
}
.attachment-thumbnail {
	border: 1px solid #f1f1f1;
	padding: 5px;
	background: #fff;
}
article.archive .inline-postmeta {
	margin-left: 0;
	font-size: .875rem;
}
article.archive .inline-list>li {
	margin-left: 0;
	margin-right: 1rem;
}
.more, .more a {
	margin-bottom: 0;
}

/* Pagination */
.pagination {
	text-align: center;
	margin: 2rem 0 0;
}
.screen-reader-text {
	display: none;
}
.page-numbers	{
	list-style-type: none;
	margin: 0 0 2rem;
	padding: 0;
	text-align: center;
}
.page-numbers li {
	display: inline-block;
	margin: 0 0 5px;
	line-height: 2em;
}
.page-numbers li:first-child {
	margin-left: 0;
}
.page-numbers li a,
.page-numbers li span {
	display: block;
	padding: 0 1em;
}
.page-numbers li span.current {
	background: #0096e0;
	color: #fff;
	cursor: default;
}
.page-numbers a:hover {
	background: #F4EFE3;
}

/* Images */
.aligncenter {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1rem auto;
}
.alignleft {
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0 1rem 1rem 0;
}
.alignright {
	float: right;
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem 1rem;
}
.alignnone {
	margin: 0 auto 1rem;
}
.wp-caption,
.gallery-caption {
	max-width: 100%;
	height: auto;
}
.wp-caption-text {
	margin-top: 3px;
	color: #888;
	font-size: .75rem;
	font-style: italic;
	text-align: center;
}
.wp-caption-text a, *[itemprop="articleBody"] a {
	text-decoration: underline;
}

/* Password protected posts */
label[for^="pwbox"] {
	float: left;
}
label[for^="pwbox"] > input[type="password"] {
	width: 12rem;
}
label[for^="pwbox"] + input[type="submit"] {
	height: 2.3125rem;
	margin-top: 1.26rem;
	border: 0;
	background: #777;
	color: #fff;
	cursor: pointer;
}
label[for^="pwbox"] + input[type="submit"]:hover {
	background: #222;
}

/* Texts */
.text-black	{ color: #222; }
.text-gray	{ color: #777; }
.text-green	{ color: #6ca69f; }
.text-blue	{ color: #256A84; }
.text-red	{ color: #D35034; }
.text-yellow{ color: #D38734; }
.text-wine { color: #690202 ; }
.font-opensans { font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; }
.font-awesome	{ font-family: 'FontAwesome'; }
.font-bold	{ font-weight: bold; }
.font-bigger	{ font-size: 125%; }
.font-biggest { font-size:180%;}
.font-smaller	{ font-size: 75%; }



/* Tables */
table {
	width: 100%;
	margin-bottom: 1.25rem;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: .875rem;
}
table tr th {
	background: #eee;
}
table thead, table tfoot {
	background: #f5f5f5;
}
table thead tr:last-child {
	border-bottom: 1px solid #ddd;
}
table tfoot tr:first-child {
	border-top: 1px solid #ddd;
}
table tr th, table tr td {
	padding: .25rem;
}

/* Comments */
#comments, #respond {
	margin: 0 0 1rem;
	padding: 2% 3%;
	font-size: .875rem;
}
#comments > h3, #respond > h3 {
	margin-bottom: 2rem;
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-weight: bold;
}
#comments {
	background: #FAFAFF;
}
.comment-body {
	margin-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}
.comment-meta {
	margin-bottom: .875rem;
}
.comment-author img {
	float: left;
	margin-right: .5rem;
}
.comment-metadata {
	font-size: 80%;
}
.bypostauthor b {
	color: #D35034;
}
.bypostauthor b:after {
	content: '\f005';
	margin-left: .125rem;	
	font-family: 'FontAwesome';
}
.reply {
	margin-bottom: .5rem;
	font-size: .875rem;
}

#respond {
	background: #f3f3f3;
}
#commentform label {
	display: inline-block;
}
.required {
	color: #D35034;
}
.comments_pagination a{
	display: inline-block;
}
.comments_pagination a:hover {
	background: #F4EFE3;
}
.comments_pagination .page-numbers{
	padding: .3rem .7rem;
	font-size: .875rem;
}
.comments_pagination .current {
	background: #0096e0;
	color: #fff;
}
.form-submit input {
	margin-bottom: 0;
}

/* Widgets */
.widget {
	margin-bottom: 1.5rem;
	padding: 10px;
}
.widget h1 {
	margin-top: 0;
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
.widget ul {
	margin-left: 0;
	list-style: none;
}
.widget ul li {
	font-size:0.98rem;
	padding: 0 1rem;
	text-indent: -1rem;
}
.widget ul li:before {
	content: '\f0da';
	margin: 0 .5rem 0 2px;
	font-family: 'FontAwesome';
}
/* Widget calendar */
#wp-calendar {
	text-align: center;
}
#wp-calendar caption {
	border: 1px solid #ddd;
	border-bottom: none;
	padding: .25rem 0;
	background: #EAEAEA;
}
/* Widget Posts */
.post-date {
	margin-left: 6px;
	font-size: .875rem;
}
/* Widget RSS */
.rss-date, .rssSummary, .widget_rss cite {
	font-size: .875rem
}
.rssSummary {
	text-indent: 0;
}
.widget_rss cite {
	display: block;
	margin-bottom: .5rem;
	border-bottom: 1px dashed #ddd;
	text-indent: 0;
}

/* Footer */
.contactFooter {
	background-color: #f0ebe6;
	background-repeat: repeat;	
	padding-top:3.0rem;
}
.contactFooter h4{
	text-align:center;
	font-size:1.2rem;
	color:#674d46;
	font-weight:bold;
}
#footer {
		background-color: #e6eceb;
	text-align:center;
	color:#ffffff;
	padding-top: 15px;
}

#footer p {
	font-size:0.9rem;
	color:#515050!important;	
}

#footer a{
	color:#515050!important;	
}
.footerbg {
	width:100%;
	background-color: #e6eceb;
	text-align:center;
	color:#ffffff;
	padding-top: 15px;
}

/* Page top button */
.page-top {
	display: none;
	position: fixed;
	bottom: 3%;
	right: 4%;
	width: 4.5rem;
	margin-bottom: 0;
	border-radius: 2.8rem;
	-webkit-border-radius: 2.8rem;
	opacity: .5;
	line-height: 4.5rem;
	text-align: center;
	background-color: #242425;
}
.page-top a {
	display: block;
	color: #fff;
}
.page-top:hover {
	opacity: .8;
}

/* External media links */
.moveWrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.moveWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 40.062em) {
	.home .flex-viewport li {
		max-height: 150px;
	}
	.flex-title {
		padding: 10% 1.5rem .5rem;
		font-size: 1.75rem;
		line-height: 1;
	}
	.nav {
		margin-bottom: 0;
		border: 2px solid transparent;
		background: #504448;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.nav-button {
		margin-bottom: 0;
		padding: .35rem 0;
	}
	.menu-wrap {
		display: none;
	}
	#header .menu-item >a {
		display: block;
		background:#504448;
		border-top: 1px dashed #ccc;
		padding: .35rem;
	}
	#header .menu-item:hover,
	#header .menu-item:hover {
		background: #504448;
	}
	.flexslider {
	margin-bottom: 2rem;
	}
	.flex-control-nav {
		bottom: -2rem;
	}
	.alignright, .alignleft {
		float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.page-top {
		right: 1%;
		bottom: 1%;
		width: 2rem;
		line-height: 2rem;
		font-size: .875rem;
	}
}

@media only screen and ( min-width: 40.063em ) {
	/* Header */
	#header {

	margin-bottom: 0px;
	}
	
	#header .menuBg {
	width: 100%;
	background-color: #e2ffff;
	background-repeat: repeat;
	padding-top: 20px;
	padding-bottom: 10px;
}
	#menu {
	font-family:  'Noto Sans', 'Open Sans', 'Noto Sans JP',  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;		
	}

	#header h1 {
		font-size: 2.5rem;
	}
	.home .flex-viewport li {
		max-height: 300px;
	}
	.flex-title {
		top: 35%;
	}
	.flex-caption {
		top: 40%;
		font-size: 1.5rem;
	}
	/* Navigation menus */	
	.menu-wrap ul[id^="menu-"] {
		float: right;
		font-size: 1.125rem;
	}
	.menu-wrap ul[id^="menu-"] > .menu-item {
		float: left;
		margin-left: 1.375rem;
	}
	#header ul.sub-menu,
	#header ul.children {
		position: absolute;
		margin-left: 0;		
		border: 1px dashed #ddd;
		background:#504448;
		z-index: 2;
	}
	#header ul.sub-menu li,
	#header ul.children li{
		display: block;
		position: relative;
		border-bottom: 1px dashed #ddd;
		line-height: 2;
		color:#50448;
		font-size: .875rem;
		text-shadow: 1px 1px 1px #fff;
		-webkit-text-shadow: 1px 1px 1px #fff;
		-moz-text-shadow: 1px 1px 1px #fff;
	}
	#header ul.sub-menu li >a,
	#header ul.children li >a {
		padding: .35rem;
		color:#504448;		
	}
	#header ul.sub-menu li:hover,
	#header ul.children li:hover {
		background: #504448;
	}
	#header ul.sub-menu .sub-menu,
	#header ul.sub-menu .children {
		top: 0;
		left: 100%;
		width: 100%;
	}
	/* Front page slider */
	.slider-title {
		font-size: 2.5rem;
	}
	.slider-caption {
		font-size: 1.5rem;
	}
	
	
	/* Archives */
	.archive-title {
		margin: 0 0 1.5rem;
		font-size: 2.2rem;
	}
	article.archive h1 {
		margin-top: 0;
	}
	.attachment-thumbnail {
		float: left;
		margin: 0 1rem 1rem 0;
	}
	/* Widget */
	.widget h1 {
	font-size: 1.2rem;
	color: #000066;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	}
}
@media only screen and ( min-width:64.063em ) {
	.home .flex-viewport li {
		max-height: none;
	}
	.post-date {
		vertical-align: text-top;
	}
}
@media screen and (max-width: 782px){
	html #wpadminbar {
		top: -46px;
	}
}



/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {

/* Articles */
	
	/* Widget */
	.widget h1 {
	font-size: 1.2rem;
	color: #000066;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	}
}
.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%;
}

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}