/*
Theme Name: Re:design A-style
Author: Vivace Factory
Author URI: https://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=Noto+Serif+JP&display=swap');


body, input, select, textarea, button, .button, h1, h2, h3, h4, h5, h6, .label {
	font-family: Garamond, "Times New Roman", 游明朝, 'Yu Mincho', YuMincho,'Noto Serif JP', serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#c3c2c1; /* Safari */
}

::-moz-selection {
	background:#c3c2c1; /* Firefox */
}

p {
    color: #3B3B3B;
    font-size: 1.0rem;
    line-height: 1.4rem;
}
p.line1{
	text-decoration: line-through;
}
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;
}

 h2{
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
	color: #232323;
	font-size: 1.75rem;
}
 h2::after {
  content: '';
  background-color: #aa9c81;
  width: 2em;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
h3{
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
	font-size: 2.0rem;
}
h3::after {
  content: '';
  background: linear-gradient(90deg, rgb(170, 156, 129), rgb(228, 213, 184), rgb(170, 156, 129));
  width: 2em;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}


#globalNavi {
	width:100%;
	background:#fff;
	opacity: 0.7;
	box-shadow:0 2px 4px #eeeff1;
}



.fixed {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.responsive {
	display: none;
}

.responsive .slick-initialized{
display: block;
}
/* drop menu */
#dropmenu{
  list-style-type: none;
  width: 100%;
  height: 40px;
  margin: 0px auto 10px auto;
  padding: 0;
  background: #ffffff;
	z-index: 1000;
 }
#dropmenu li{
  position: relative;
  width: 16%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #111;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #ADADAD;
  color: #FFFFFF;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -0%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #111;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	color: #111;
  background: #e6eceb;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #e6eceb;
  border-bottom: 1px solid #e6eceb;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

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

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

.topHeader {
	width:100%;
	height:0;
	padding-top:46.4%;
	background:url(img/main_bg.jpg) 0 0 no-repeat;
	background-size:cover;
}

.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;
}

a.anchor{
	display: block;
   margin-top:-100px;
   padding-top:100px;
}

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

/* Header */

#header a {
	color: #222;
}
.topContactRight {
	text-align: right;
	float: right;
}

.menuContents {
	text-align: center;
	font-size:1.0rem;
	margin-left: 1.0rem;
	margin-right:1.5rem;
}

/* top page design */


/*button design */

a.square_btn{
	display: inline-block;
	text-decoration: none;
	color: #ffffff!important;
	border: solid 1px #aa9c81;
	width:300px;
	height:50px;
	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;
	background-color: #aa9c81;
}
a.square_btn:hover{
	color: #aa9c81!important;
	background-color: #ffffff;
	
}

a.square_btnW{
	display: inline-block;
	text-decoration: none;
	color: #aa9c81!important;
	border: solid 1px #aa9c81;
	width:300px;
	height:50px;
	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;
	background-color: #ffffff;
}
a.square_btnW:hover{
	color: #ffffff!important;
	background-color: #aa9c81;
	
}

a.square_btnL{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #3B3B3A!important;
	border: solid 1px #929292;
	width:70%;
	height:60px;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	margin-left:0.5rem;
	background-color: #ffffff;
}
a.square_btnL:hover{
	color: white;
	background-color: #CCCCCC;
	
}
.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;
}

a.cp_btn{
	position: relative;
	display: block;
	width: 100%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #fff;
	overflow: hidden;
	background: #b8b7b7;
}
a.cp_btn a {
	color:#fff;
}
a.cp_btn:before {
content:"";
position: absolute;
top: 0px;
left: -200px;
height: 100%;
width: 100%;
background : #fff;
opacity: 0.3;
transition: .4s;
}
a.cp_btn:hover:before {
left:0;
}

.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);
}

.btn,
a.btn,
button.btn {
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 0.6rem 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-border {
  border: 2px solid #434343;
  border-radius: 0;
  background: #fff;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

a.btn-border:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 5px;
  height: 100%;

  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;

  background: #434343;
}

a.btn-border:hover {
  color: #fff;
  background: #434343;
}

a.btn-border:hover:before {
  background: #fff;
}

.btn2,
a.btn2,
button.btn2 {
	width:100%;
  font-size: 0.98rem;
  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: left;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
	margin-bottom:1.0rem;
}

a.btn-tag {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 70px;
  color: #000;
}

a.btn-tag:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  height: 100%;

  content: "";

  border-radius: 0.5rem 0 0 0.5rem;
}

a.btn-tag--bookmark {
  background: #EDEDED;
}

a.btn-tag--bookmark:before {
  background: #eb6877;
}

a.btn-tag--bookmark i {
  font-size: 120%;

  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  padding: 1.5rem 0;

  text-align: center;
  letter-spacing: 0;

  opacity: 0.5;
  color: #fff;
}

a.btn-tag--bookmark:hover {
  color: #212529;
  background: #f2f2f2;
}

a.btn-tag--bookmark:hover i {
  opacity: 1;
  color: #FF1F00;
}


.ttl_frame3 {
  font-weight: bold;
  padding: 0.5em 1em;
    --x-gradient: linear-gradient(90deg, #aa9c81 0 100%);
    --y-gradient: linear-gradient(#aa9c81 0 15px, transparent 0 calc(100% - 15px), #aa9c81 calc(100% - 15px));
  background-image:var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
  background-position: top, right, bottom, left;
  position: relative;
}

.ttl_frame4 {
	--border-color:#aa9c81;/*カッコの色*/
	padding:1em;/*内側余白*/
	position: relative;
}

.ttl_frame4 p{
	text-align: left;
	font-size: 1.0rem;
}
.ttl_frame4::after,
.ttl_frame4::before {
	content: "";
	height: 100%;
	width: 0.75em;
	position: absolute;
	bottom: 0;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

.ttl_frame4::before {
	border-left: 1px solid var(--border-color);
	left: 0;
}
.ttl_frame4::after {
    border-right: 1px solid var(--border-color);
	right: 0;
}

/* archive */





.infoContentsDate {
	font-size:0.9rem;
	display:inline-block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #161616;
	margin-bottom:0px;	
	
}



.nav {
	padding-right:2.0rem;
	padding-top: .5rem;
	padding-bottom:0rem;
	    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
		background: #000000;
		  background-color: rgba( 255, 255, 255, 0.60 );

}

.nav a{
	color:#161616!important;
	font-size:0.95rem;
} 
.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: #ffffff;
}
#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;	
}



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

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

/* slider */
.topSlide{
	margin-top:-2.0rem;
	margin-bottom:2.0rem;
}

/* header customise */
.headerBasic {
		width:100%;
	background: url("img/heade-bgbasic.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:50px;	
	min-height: 50vh;
}

.headerBasic h1{
		font-size:1.8rem;
	color:#FFFFFF;
	text-align:center;
	padding-left:10px;
	padding-top:60px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.headerBasic {
		width:100%;
	background: url("img/heade-bgbasic.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}
}

.headerMain {
		width:100%;
	background: url("img/heade-bgmain.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:60px;	
	min-height: 50vh;
}

.headerMain h1{
		font-size:2.0rem;
	color:#FFFFFF;
	text-align:center;
	padding-left:10px;
	padding-top:60px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.headerMain {
		width:100%;
	background: url("img/heade-bgmain.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}
}

.headerOption {
		width:100%;
	background: url("img/header-bgoption.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:60px;	
	min-height: 50vh;
}

.headerOption h1{
		font-size:2.0rem;
	color:#FFFFFF;
	text-align:center;
	padding-left:10px;
	padding-top:60px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.headerOption {
		width:100%;
	background: url("img/header-bgoption.jpg") 0 0 no-repeat;
	background-size: cover;
		padding-bottom:30px;	
}	
}
.headerReserve {
	width:100%;
	background: url("img/header-reservation.jpg") center;
	background-size: cover;
	padding-top:18%;	
	position:relative;
	top:0;
	left:0;
	margin-bottom: 2.0rem;
}


.headerReserve h1 {
  position: absolute;
  width: 100%;
	top: 20%;
  font-size: 2.5rem;
  line-height: 2em;
  color: #525150!important;
  text-align: center;
  font-weight: bold;
}


.headerContact {
	width:100%;
	background: url("img/header-contact.jpg") center;
	background-size: cover;
	padding-top:18%;	
	position:relative;
	top:0;
	left:0;
	margin-bottom: 2.5rem;
}


.headerContact h1 {
  position: absolute;

  width: 100%;
	top: 20%;
  font-size: 2.0rem;
  line-height: 2em;
  color: #2E2E2E!important;
  text-align: center;
  font-weight: bold;
}
.fuchidori {
	  color: #000;
  -webkit-text-stroke: 2px #FFF;
  text-stroke: 2px #FFF;
}


.headerBg {
	width:100%;
	background: url("img/header-single.jpg") center;
	background-size: cover;
	padding-top:18%;	
	position:relative;
	top:0;
	left:0;
	margin-bottom: 2.0rem;
}

.headerBg h1{
	position: absolute;
  width: 100%;
	top: 20%;
  font-size: 2.0rem;
  line-height: 2em;
  color: #391d11!important;
  text-align: center;
  font-weight: bold;
}
/* page design customise */
/* Front-page */

.pageBody {
	padding: 2.0rem 1.0rem;
	background: #ffffff;
}


.pageBody2 {
	background-image: url(img/bg_page.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:0.5rem;
}

.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;
}

.movesection{
	margin-top:0.5rem;
}
.maincatch3{
	color: #aa9c81;
	font-weight: bold;
	font-size: 1.5rem;
}

.academyBox{
	width: 100%;
	background-color: #ffffff;
	margin:0 1.0rem 2.0rem 1.0rem;
	padding:0rem;
	box-shadow: 2px 2px 4px rgba(182,182,182,1.00);
}
.academyBox .academyContents{
	width: 100%;
	background: #ffffff;
	margin: 1em auto 2em;
	padding:2em;/*内側余白*/
	position: relative;
	padding:1.5em;
	z-index: 0;
	font-weight: bold;
}

.academyBox .academyContents:before{
	position: absolute;
	border: 2px solid #aa9c8a;/*破線の太さ・色*/
	content: '';
	display: block;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin:5px;
	z-index: -1;

}

.academyBox2{
	margin: 2em auto; /* ボックスの余白 */
	background-color: #fff; /* ボックス背景色 */
	padding: 5em 2em 2em; /* ボックス内側余白 */
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/
	position:relative; /*配置(ここを基準に)*/
}

.academyBox2 .academyBoxTitle {
	background-color: #aa9c8a; /* タイトル背景色 */
	font-size: 1.2em;/* タイトル文字の大きさ */
	color: #fff; /* タイトル文字色 */
	font-weight: bold;
	padding:10px;/*タイトル余白*/
	text-align: center;	/* タイトル中央寄せ */
	width:100%;/*最大幅 */
	position:absolute;	/* 配置(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
}

.topsection00{
	padding:0 ;
	margin: 0 ;
	background: #ffffff repeat;
	width: 100%;
	text-align: center;
}
.topsection01 {
	padding:0 ;
	margin: 0 ;
	background: #fee4e7 repeat;
	width: 100%;
	text-align: center;
}
.topsection02 {
	padding:0 ;
	margin: 0 ;
	background: #aa8603 repeat;
	width: 100%;
	text-align: center;
}
.topsection03 {
	padding:0 ;
	margin: 0 ;
	background: #fef0f3 repeat;
	width: 100%;
	text-align: center;
}
.topsection04 {
	padding:0 ;
	margin: 0 ;
	background: #fcfcfc repeat;
	width: 100%;
	text-align: center;
}


.topsection05 {
	padding:0 ;
	margin: 0 ;
	background: #dedfde repeat;
	width: 100%;
	text-align: center;
}
.topsection11 {
	padding:0 ;
	margin: 0 ;
	background: #f29191 repeat;
	width: 100%;
	text-align: center;
}


.heading09 {
	font-size: 26px;
}

.heading09::before {
	content: attr(data-en);
	display: block;
	color: #aa9c81;
	font-size: 1.75rem;
	font-weight: bold;
}

.heading09::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #aa9c81;
}



.heading12 {
	position: relative;
	font-size:1.25rem;
}

.heading12::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #aa9c81;
	font-size: 1.25rem;
	font-weight: bold;
	border-bottom: 1px solid #aa9c81;
}

.heading14 {
	position: relative;
	padding-left: 60px;
	font-size: 20px;
}

.heading14::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: rgba(170,156,129,0.3);
	font-size: 50px;
}

.heading14::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: rgba(170,156,129,1);
}

.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;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #929292;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #929292;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*タイトル付き（ラベルボックス）*/
.box72{
margin: 2em auto; /* ボックスの余白 */
background-color:#fff; /* ボックス背景色 */
padding:2em 2rem 1.5rem; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に) */
border: 2px solid #666;	/* ボックスの線 (太さ　種類　色)*/
}

@media screen and (max-width: 767px) {
	.box72{
margin: 2em auto; /* ボックスの余白 */
background-color:#fff; /* ボックス背景色 */
padding:1em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に) */
border: 2px solid #666;	/* ボックスの線 (太さ　種類　色)*/
}
	}

.box72 .box-title {
background-color:#fff; /* タイトル背景色 */
font-size: 1em;/* タイトル文字の大きさ */
font-weight:800;
color: #666; /* タイトル文字色 */
padding: 0 5px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: -5px; /*上から（-5px）移動*/
left: 20px; /*左から(20px)移動*/
}

.list-no1 {
  position: relative;
  height: 75px;
  margin-right: 100px;
  padding: 1.5rem 2rem 0 2rem;
  word-break: break-all;
  color: #fff;
	font-weight: bold;
  background: #aa9c8a;
	font-size: 1.5rem;
}

.list-no1:after {
  position: absolute;
  top: 0;
  right: -55px;
  width: 0;
  height: 0;
  content: '';
  border-width: 75px 55px 0 0;
  border-style: solid;
  border-color: #aa9c8a transparent transparent transparent;
}

.list-no1 span {
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  top: 0;
  right: -100px;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #aa9c8a;
}
@media screen and (max-width: 767px) {
.list-no1 {
  position: relative;
  height: 50px;
  margin-right: 80px;
  padding: 1rem 2rem 1rem 2rem;
  word-break: break-all;
  color: #fff;
	font-weight: bold;
  background: #aa9c8a;
	font-size: 1.25rem;
}
	.list-no1:after {
  position: absolute;
  top: 0;
  right: -40px;
  width: 0;
  height: 0;
  content: '';
  border-width: 50px 40px 0 0;
  border-style: solid;
  border-color: #aa9c8a transparent transparent transparent;
}
	.list-no1 span {
  font-size: 30px;
  font-size: 3rem;
  position: absolute;
  top: 0;
  right: -75px;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #aa9c8a;
}

}

.commentsBox{
    position: relative;
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #F1F1F1;/*背景色*/
    color: #000000;/*文字色*/
    z-index: 1;
}
.commentsBox::before,
.commentsBox::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.commentsBox::before {
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0;
    z-index: -1;
}
.commentsBox::after {
    background-color: #ffffff;/*ズレている方の背景色*/
    top: 5px;
    left: 5px;
    z-index: -2;
}
.commentsBox p {
    margin: 0; 
    padding: 0;
}

.categoryBar{
	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;
}





.footersection {
	background-color: #efefef;	
	width:100%;
	padding-top:2.0rem;
	padding-bottom:3.0rem;
	margin-top:0;
}
.footersection  .head_test {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 40px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
	color:#391d11;
}
.footersection  p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.footersection  .head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
}
 
.footersection .head_test-point:before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color:  #000;/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 200px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}

.topsection5 {
	background-color: #f7f6f6;	
	width:100%;
		padding-top:2.0rem;
	padding-bottom:3.0rem;
	margin-top:1.0rem;
	margin-bottom:-40px;
}
.catContents {
	margin-top:0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.0rem;
}

.maisonsection1 {
	background-image: url("img/bg_maison1.jpg");
	background-repeat: repeat;
	margin-top:-3.4rem;
	margin-bottom:0;
	padding-top:2.0rem;
	padding-bottom:0.1rem;
}

.maisonsection2 {
	background-image: url("img/bg_maison2.jpg");
	background-repeat: repeat;
	margin-top:0;
	margin-bottom:0;
	padding-top:2.0rem;
	padding-bottom:0.1rem;
}


#cate-icon {
    clear: both;
    float: left;
	width:150px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #2E1301;
    color: #FFF;
    padding: 2px 5px;
	margin-right: 10px;
	
}

.pageContents{
	padding:1.0rem;
}



.eyecatch {
	overflow:hidden;
	position: relative;
}

.eyecatch 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;	
box-shadow: 0 5px 10px rgba(0,0,0,.5);
}

.eyecatch 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);
}

p.eyecatchlabel {
    position: absolute;/*絶対位置*/
    font-size: 0.9rem;/*文字サイズ*/
    font-weight: normal;/*文字を太字に*/
    color: #ffffff;/*文字色*/
    background-color: #9A9A9A;/*背景色*/
    padding: 5px 20px;/*縦と横の幅*/
    left: 0;/*左からの位置*/
    top: 0;/*上からの位置*/
    opacity: 1;/*透明度*/
    z-index: 5000;/*重なりの順序*/
}

.postTitle{
	width: 100%;
	position: relative;
	margin-bottom:1.0rem;
}

.postTitle h4{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #515151;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ffffff;
	font-size:0.95rem;
	line-height: 1.5rem;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}

.postsection {
	margin-top:30px;
	margin-bottom: 30px;
	width:100%;
}

.postsection .columnContents{
	padding-right:10px;
	padding-left:10px;
	margin-bottom:20px;
}

.postsection .columnContents .textContents{
	margin-top:0;
	background-color:#d7d6d5!important;
	padding:15px;
}
.postsection .columnContents .textContents p {
	font-size: 1.0rem;
	color:#3d3d3c;
	text-align: left;
}



/* page customise */


.photoShadow {
	box-shadow: 2px 2px 4px gray;
}

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

.pagesection .head_test {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 40px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
	color:#391d11;
}
.pagesection p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.pagesection .head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
}
 
.pagesection1 {
	background-color: #ffffff;
	width: 100%;
	margin-top: 0;
	padding-top: 2.5rem;
	padding-bottom:2.0rem;
	text-align: center;
	margin-bottom: 0;
}


.infoBox {
	width:100%;
	padding:1.0rem;
	margin-top:10.rem;
	margin-bottom:1.0rem;
	background-color: #E8E8E7;
	box-shadow: 0 0 8px gray;
}


.infoBox:hover {
	border:1px solid #F4F4F4;
	box-shadow: 0 0 8px gray;
}



.infoBox p{
	text-align: left;
	font-size:1.0rem;
}
.conceptContents {
	margin-bottom: 1.0rem;
	margin-top:0.5rem;
	padding-right:0.5rem;
	padding-left:0.5rem;
}

.conceptContents h3 {
    font-size: 1.5rem;
    border-bottom: 2px solid #62c725;
}

.conceptContents p{
	font-size:1.0rem;
	color: #3B3B3B;
	line-height: 1.5rem;
}

.pagesection2 {
	width:100%;
	background-image: url(img/bg_about1.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	background-size:cover;
	padding-top: 2.0rem;
}


.pagesection2 p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.pagesection2 .head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
}

.pagesection2 .bgGray3 {
	margin-top:3.0rem;
	background:rgba(255,255,255,0.85);
	padding-top:0;
	text-align:center;
	margin-bottom:3.0rem;
}

.pagesection2 .bgGray3 .contesntsAreaAbout{
	text-align: left;
	padding:1.5rem;
}

.pagesection2 .bgGray3 .contesntsAreaAbout h4 {
	text-align: left;
	font-size: 1.5rem;
    border-bottom: 2px solid #62c725;
}

.pagesectionAcogare{
		width: 100%;
    margin-top: 0rem;
    padding-top: 2.5rem;
    padding-bottom: 2.0rem;
    margin-bottom: 0;
}

.pagesectionAcogare h2{
font-size:2.0rem!important;
  position: relative;
  color: #6eb0f9;
  line-height: 1.4;
  -webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}



/* 補足情報 */
.point	{
	position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #e2ffff;
	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: #0096e0;
	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: #0096e0;
	color: #ffffff;
	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}

/* アコーディオンメニュー */
.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}
.ac-menu input {
  display: none;
}
.ac-menu label {
  color: #2D2D2D; /* 文字色 */
  font-size: 17px; /* 文字サイズ */
  line-height: 2; /* 行間 */
  font-weight: bold; /* 文字を太く */
  text-align: center; /* 文字を中央に */
	background: #E5E5E5;
 /* background: linear-gradient(-90deg, #C84260, #465D90); /* グラデーションの背景色 */
  padding: 20px; /* 内側の余白 */
  cursor: pointer;
  position: relative;
  display: block;
}
.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  content: "＋"; /* アイコン */
}
.ac-menu input:checked ~ label::after {
  content: "−"; /* クリック後のアイコン */
}
.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 1.0rem; /* 中身の枠内の余白 */
  background: #FAFAFA; /* 中身の背景色 */
}
.ac-menu-inside {
  color: #333; /* 中身の文字色 */
  font-size: 1.0rem; /* 中身の文字サイズ */
  line-height: 1.2rem; /* 行間 */
}

/* アコーディオンメニュー2 */
.ac-menu2:last-child {
  margin-bottom: 10px; /* 最後の要素の下にだけ余白 */
}
.ac-menu2 input {
  display: none;
}
.ac-menu2 label {
  color: #2D2D2D; /* 文字色 */
  font-size: 1.0rem; /* 文字サイズ */
  line-height: 1.0rem; /* 行間 */
  font-weight: bold; /* 文字を太く */
  text-align: center; /* 文字を中央に */
	background: #E5E5E5;
 /* background: linear-gradient(-90deg, #C84260, #465D90); /* グラデーションの背景色 */
	padding-top:0.5rem;
	padding-bottom:0.5rem;
  cursor: pointer;
  position: relative;
  display: block;
}
.ac-menu2 label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  content: "＋"; /* アイコン */
}
.ac-menu2 input:checked ~ label::after {
  content: "−"; /* クリック後のアイコン */
}
.ac-menu2 div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu2 input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 1.0rem; /* 中身の枠内の余白 */
  background: #FAFAFA; /* 中身の背景色 */
}
.ac-menu2-inside {
  color: #333; /* 中身の文字色 */
  font-size: 1.0rem; /* 中身の文字サイズ */
  line-height: 1.2rem; /* 行間 */
}



/* sidebar */
.sidebar{
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.sidebar h3{
	font-size:1.4rem!important;
	font-weight: bold;
}
.sidebar .acogarestation h2{
	font-size:1.4rem!important;
	font-weight: bold;
}
.sidebar .acogarestation h3 {
	font-size:1.2rem!important;
  padding: 1rem 2rem;
  border-left: 6px double #000;
  background: #f4f4f4;
}

.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;
	
}


.thumb {
	border-radius: 50%;
	overflow: hidden;
}

.acogarenistSide{
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.acogarenistSide .profileSide{
	padding-top: 1.0rem;
}
.acogarenistSide .profileSide p{
	line-height: 1.0rem;
}
.acogarenistSide .profileSide .jobDes {
	font-size: 75%;
	color: gray;
	line-height: 1.0rem;
}

.acogarenistSide .profileSide2{
	font-size:1.0rem;
	padding-top: 1.0rem;
	line-height: 1.8rem;
}
.acogarenistSide .profileSide2 p{
	font-size:1.0rem;
	line-height: 1.8rem;
}
.acogarenistSide .profileSide2 .jobDes {
	font-size: 75%;
	color: gray;
	line-height: 1.8rem;
}
/* Breadcrumbs */
.breadcrumbs {
	display: block;
	overflow: hidden;
	margin: 2rem 0;
	list-style: none;
	background-color: #f4f4f5;
	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;
}
.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{
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
}

.singleContents h1 {
	color:#292928;
	font-size:1.6rem;
	margin-bottom:0.8rem;
	 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;
}


.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);
  }
}




.box30 {
	width:100%;
    margin-top:0;
	margin-bottom:1.0rem;
    background: #f5f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box30 p {
    padding: 0px 10px;
    margin: 0;
}


/* 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: #ffffff;
	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 {
	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: #269951; }
.text-blue	{ color: #256A84; }
.text-red	{ color: #D35034; }
.text-yellow{ color: #ffff00; }
.text-wine { color: #690202 ; }
.font-awesome	{ font-family: 'FontAwesome'; }
.font-bold	{ font-weight: bold; }
.font-bigger	{ font-size: 125%; }
.font-smaller	{ font-size: 75%; }
.font-200 {font-size:200%;
			font-weight: bold;}
.font-300 {font-size:300%;
			font-weight: bold;}


/* 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 1em;
  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%;
}

/* Tables */
table {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #aa9c8a;
  border: solid 1px #aa9c8a;
  color: #fff;
	font-weight: normal;
  padding: 2.0rem 1.0rem;
}
.tbl-r02 td {
　border: solid 1px #aa9c8a;
  padding: 10px;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #aa9c8a;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
	  padding: 1.0rem;
  }
}


table{
  margin:0 auto;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border:1px solid #666!important;
  border-spacing: 0;
  overflow:hidden;
}
td,th{
  border-bottom:1px solid #666;
}
td,th{
  padding:10px;
}
th{
  background:#EFEFEF;
}
table tbody tr:last-child th,
table tbody tr:last-child td{
  border-bottom: none;
}
th + th,td{
  border-left:1px solid #666;
}

.Table{
	width:100%;
}
.Table td{
	width: 80%;
	
}
.Table th{
	width: 20%;
}
@media only screen and (max-width:991px){
	.Table {
		width:90%;
	}
	.Table th,
	.Table td{
		width:100%;
		display: block;
	}
}

/* table responsive */
.table_design08 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 1000px;
  text-align: center;
}
.table_design08 th, .table_design08 td {
  border: 2px solid #E9E9E9;
  padding: 1em;
}
.table_design08 thead th {
	width: 20%;
	text-align: center;
  background-color: #aa9c81;
  color: #fff;
  border: 2px solid #aa9c81;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.table_design08 thead th:last-of-type {
  border-right: 2px solid #aa9c81;
}
.table_design08 tbody th {
  color: #232323;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 787px) {
  .table_design08 {
    text-align: left;
  }
  .table_design08 thead {
    display:none;
  }
  .table_design08 th, .table_design08 td {
    display: block;
    border: 0;
    border-bottom: 2px solid #E9E9E9;
	  padding: 0.5rem;
  }
  .table_design08 tbody th{
    background: #aa9c81;
    color:#ffffff;
  }

}


/* sidebar Table */
table .acogareMovie{
  margin:0 auto;
	width:100%;
  border-radius:none;
  border:none;
  border-spacing: 0;
  overflow:hidden;
	vertical-align: top;
}
table .acogareMovie td,th{
  border-bottom:none;
}
table .acogareMovie td,th{
  padding:10px;
}
table .acogareMovie th{
  background:#EFEFEF;
}
table .acogareMovie tbody tr:last-child th,
table .acogareMovie tbody tr:last-child td{
  border-bottom: none;
}
table .acogareMovie th + th,td{
  border-left:none;
}

/* Comments */
#comments, #respond {
	margin: 0 0 1rem;
	padding: 2% 3%;
	font-size: .875rem;
}
#comments > h3, #respond > h3 {
	margin-bottom: 2rem;
	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;
	}
.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: #f1eee7;
	text-align:center;
	color:#515050;
	padding-top: 15px;
}

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

#footer a{
	color:#515050!important;	
}
.footerbg {
	width:100%;
	background-color: #f1eee7;
	text-align:center;
	color:#515050;
	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: #333333;
}
.page-top a {
	display: block;
	color: #fff;
}
.page-top:hover {
	opacity: .8;
}

/* External media links */

iframe{
	aspect-ratio: 16 / 9;
	width: 100%;
  height: 100%;
}

.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: 49.001em) {
	.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: #000000;
		  background-color: rgba( 255, 255, 255, 0.60 );
		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:#ffffff;
		border-top: 1px dashed #ccc;
		padding: .35rem;
	}
	#header .menu-item:hover,
	#header .menu-item:hover {
		background: #ffffff;
	}
	.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;
	}
	
	/* ハンバーガーメニュー　2020.3.17 */
.menu{
    height: 20px;
    position: fixed;
    right: 20px;
    top: 10px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #000;
    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.90);
    display: none;
    height: 90%;
	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: 15px 0;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 1.3rem!important;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 10px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #161616;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#474747;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#474747;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 255,255,255,0.9 );
  text-align: center;
  width: 100%;
  transform: translateX(100%);
  transition: all 0.8s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul ul{
	display: block;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
	font-weight: bold;
	font-size:1.25rem;
	position:relative;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 0.5rem 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

/* 階層　*/
nav.globalMenuSp li.has-child ul,
nav.globalMenuSp li.has-child ul ul{
    position: relative;
  left:0;
  top:0;
  width:100%;
  visibility:visible;/*JSで制御するため一旦表示*/
  opacity:1;/*JSで制御するため一旦表示*/
  display: none;/*JSのslidetoggleで表示させるため非表示に*/
  transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}

nav.globalMenuSp ul li.has-child::before{
  content:'';
  position: absolute;
  left:30px;
  top:20px;
  width:6px;
  height:6px;
  border-top: 2px solid #575757;
    border-right:2px solid #575757;
    transform: rotate(135deg);
}

nav.globalMenuSp ul ul li.has-child::before{
    transform: rotate(135deg);
  left:30px;
}

nav.globalMenuSp ul li.has-child.active::before{
    transform: rotate(-45deg);
}

nav.globalMenuSp li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:60px;
  z-index: 4;
    /*形状を指定*/
  background:#A7A7A7;
  width:100%;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .3s;
}

/*hoverしたら表示*/
nav.globalMenuSp  li.has-child:hover > ul,
nav.globalMenuSp  li.has-child ul li:hover > ul,
nav.globalMenuSp  li.has-child:active > ul,
nav.globalMenuSp  li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav.globalMenuSp  li.has-child ul li a{
  color: #fff;
  border-bottom:solid 1px rgba(255,255,255,0.6);
}

nav.globalMenuSp  li.has-child ul li:last-child a{
  border-bottom:none;
}

nav.globalMenuSp  li.has-child ul li a:hover,
nav.globalMenuSp  li.has-child ul li a:active{
  background:#626262;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}



}

@media only screen and ( min-width: 49.000em ) {
	/* Header */
	#header {
	margin-bottom: 0px;
	}
	
	#header .menuBg {
	width: 100%;
	background-color: #e2ffff;
	background-repeat: repeat;
	padding-top: 20px;
	padding-bottom: 10px;
}
	#menu {
	
	}

	#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:#fff;
		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: #ffffff;
	}
	#header ul.sub-menu .sub-menu,
	#header ul.sub-menu .children {
		top: 0;
		left: 100%;
		width: 100%;
	}
	
	.menu {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
	padding-left:4px;
	padding-right:5px;
}

.menu > li {
    float: left;
    width: 12.5%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    background:#fff;
}

.menu > li a {
	display: block;
	color: #333;
}

.menu > li a:hover {
    color: #333;
	background-color:#ffffff;
}
.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	background-color: #FFFFFF;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.menu > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #CCCCCC;
}

.menu__second-level li {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	list-style-type: none;
}

.menu__third-level li {
    border-top: 1px solid #999;
}

.menu__second-level li a:hover {
	background-color: #999;
}



/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
	
	/* Front page slider */
	.slider-title {
		font-size: 2.5rem;
	}
	.slider-caption {
		font-size: 1.5rem;
	}
	/* Articles */
	article p {
	font-size:1.0rem;	
	color:#666666;
	}

	
	
	/* 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: #272727;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #272727;
	}
}
@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: 769px){
	html #wpadminbar {
		top: -46px;
	}
}



/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	#menu {
		display: none;
	}
	#menu li {
		width: 100%;
	}
	#toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color: #e2ffff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#toggle a{
	display: block;
	position: relative;
	padding: 20px 0 20px;
	text-align: center;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #e2ffff;
	}
	#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background-color: #999999;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
	
	

/* Articles */
	 article h2 {


	}
	
	
	
	article h3 {
		
	}
		article h4 {
			
	}
	/* Widget */
	.widget h1 {
	font-size: 1.2rem;
	color: #272727;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #272727;
	}
}



.wpcf7-submit {
font-size: 17px;
padding: 3px 25px;
background: #e9e9e9;
color: #363B3F;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 4px #dcdcdc;
}

.wpcf7-submit:hover {
background-color: #dcdcdc;
color: #dc143c;
}

/*――MW WP FORM「送信ボタン」デザイン――*/
 
.submit-btn input {
background-color:#aa9c81;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}
 
.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}
 
.submit-btn input:hover {
	background: #E1D4BB;
	color: #FFFFFF;
　cursor: pointer;
}