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

.pc,nav,.header-change,footer .block ul,.cat-item-103{
	display: none !important;
}

.spnavi .gtranslate{
    display: block;
    position: absolute !important;
    width: 150px;
	height: 22px !important;
    transform: scale(0.90) !important;
    z-index: 400 !important;
    margin: 20px 0 0 150px;
}

/*アニメーション要素のスタイル*/
.fade{
	opacity : 0;
	visibility: hidden;
	transition: 1.0s;
	transform: translateY(50px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

*{
	margin:0;
	padding:0;
	word-break:break-all;
}

img{
	border:0;
	border-style:none;
	max-width: 100%;
	height: auto;
}

a img {
	border:0;
   border-style:none;
}

{
	white-space: nowrap;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

h1,h2,h3,p,ul,ol,li{
	margin:0px;
	padding:0px;
	list-style:none;
}

body{
	display: block;
	width: 100%;
}

/* レイアウト */
#wrapper{
	display:block;
	width:100%;
	margin:0;
	float:left;
	clear:both;
}

header{
	display: block;
	position: relative;
	width: 100%;
	height: 110px !important;
	background-color: #fff;
	float: left;
	clear: both;
	z-index: 100;
}
section{
	display:block;
	width:100%;
	margin:0;
	float:left;
	clear:both;
}
article{
	display:block;
	float:left;
	clear:both;
}

footer{
	display:block;
	width:100%;
	height:auto;
	color:#ddd;
	background-color:#222;
	text-align:center;
	padding:50px 0 0 0;
	margin:0px auto 0 auto;
	float:left;
	clear:both;
}

.copyright{
	display: block;
	font-family: Arial, Helvetica, "sans-serif" !important;
	width:98%;
	height:auto;
	text-align:center;
	color: #fff !important;
	font-size:10px;
	padding: 20px 1% !important;
	margin:30px 0 90px 0 !important;
	background-color: #000;
	float: left;
	clear: both;
}
.map_area iframe{
	display: block;
	padding: 0;
	margin: 0 0 -30px 0 !important;	
	float: left;
	clear: both;
}

#secondary iframe{
	margin-bottom: 50px !important;
}

.map_area iframe,
.map_area object,
.map_area embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all  0.7s ease;
}

.map_area iframe:hover,
.map_area object:hover,
.map_area embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.instagram_area .sb_instagram_header .sbi_header_text.sbi_no_bio h3{
	color: #000 !important;
}
.instagram_area .sb_instagram_header a{
	float: left;
}
.instagram_area .sb_instagram_header.sbi_header_outside{
	margin-bottom: 0px !important;
}

/*#logo a{
	display: block;
	width: 80%;
    max-width: 400px;
	height: auto;
	margin: 14px auto !important;
	transition-duration: 0.2s;
}*/
#logo a{
	display: block;
	width: 88%;
    max-width: 450px;
	height: auto;
	margin: 12px auto !important;
	transition-duration: 0.2s;
}
#logo img{
	display: block;
	width: 96%;
	height: auto;
	margin: 0 0 0 4% !important;
}

/*.gtranslate{
    display: block;
    width: 100%;
    height: 80px !important;
    position: relative!important;
    text-align: right;
    z-index: 100 !important;
    margin: 0 !important;
    background-color: #222 !important;
    float: right;
}
.gtranslate_wrapper{
    display: block;
    transform: scale(0.8) !important;
    position: relative !important;
    text-align: left;
    margin: 4px -5px 0 0 !important;
    z-index: 100 !important;
    float: right !important;
}*/

.gtranslate{
    display: block;
    width: 100%;
    height: 50px !important;
    position: absolute !important;
    text-align: left !important;
    z-index: 300 !important;
    margin: 55px 0 0 0 !important;
    top:0 !important;

}
.gtranslate_wrapper{
    display: block;
    transform: scale(0.8) !important;
    position: relative !important;
    text-align: left;
    margin: 2px 0 0 -9% !important;
    z-index: 300 !important;
}


#topimg{
	display: block;
	width: 100% !important;
	height: auto;
	float: left;
	clear: both;
	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
	overflow-x: hidden;
}
.slider_area{
	display: none;
}
#topimg .sp_topimg{
	display: block;
	position: relative;
	width: auto !important;
	min-width: 100% !important;
	height: 90vh !important; 
	object-fit: cover !important;
	object-position:center left!important;
}
.mainlogo{
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	top:40%;
	z-index: 100;
}
.kafu{
	display: block;
	position: absolute;
	width: 60% !important;
	height: auto !important;
	right:20px !important;
	top: 100px !important;
}

.mainlogow{
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	top:45%;
	z-index: 100;
}
.kafu2{
	display: block;
	position: absolute;
	width: 50% !important;
	height: auto !important;
	right:17px !important;
	top: 125px;
}

.headline{
	display: block;
	position: relative;
	width: 90% !important;
	height: auto;
	color: #EAD7A3;
	font-size:75%;
	background-color: #A78F49;
	padding: 20px 5% !important;
	margin: -40px 0 0 0 !important;
	z-index: 10;
	float: left;
	clear: both;
}
.headline .topics_title{
	display: none;
}

.topics_text{
	color: #fff !important;
    word-break: break-all !important;
    text-align: left !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.date{
    display: block;
    width: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    float: left;
    clear: both !important;
}
.topics_text a{
	color: #fff;
}
.topics_text a:hover{
	text-decoration: none;
}
.topics_more{
	display: none;
}

.title{
	display: block;
	width: 100%;
	margin: 50px auto 30px auto;
	float: left;
	clear: both;
}
.title img{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}

#secondary .image-bg{
	display: block;
	float: left;
	clear: both;
}
.secondary_title img{
	display: block;
	width: 90%;
	height: auto;
	padding: 40px 0;
	margin: 0 auto 30px auto;
}

#secondary article{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 5%;
}

.tailoring_area{
	display: block;
	width: 100%;
	color: #fff;
	float: left;
	clear: both;
}
.tailoring_area .text{
	display: block;
	width: 90%;
	color: #fff;
	font-size: 90%;
	line-height: 150%;
	background-color: #3C352E;
	padding: 10px 5% 50px 5%;
}
.tailoring_area .text br{
	display: none;
}
.tailoring_area .block{
	display: block;
	width: 90%;
	height: auto;
	font-size: 90%;
	line-height: 150%;
	margin: 0 5%;
	float: left;
	clear: both;
}

.tailoring_area .menublock{
	width: 50% !important;
	margin-bottom: 20px !important;
	float: left !important;
}
.tailoring_area .menublock .caption{
	min-height: 65px;
}
.tailoring_area .green_menublock br{
	display: none !important;
}
.tailoring_area .lead{
	margin-bottom: 30px;
}
.tailoring_area .sub_lead2{
	display: inline!important;
	text-align: justify !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
}
.tailoring_area .sub_lead2 br{
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.tailoring_img_area{
	display: block;
	text-align: center;
	width: 92%;
	padding: 15px 4%;
}
.tailoring_img_area img{
	display: inline;
	width: 47%;
	height: auto;
	/*filter: sepia(100%);*/
	filter: saturate(70%);
	margin: 10px 1%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.customerservice_area{
	color: #fff;
	background-color: #333;
}
.customerservice_img{
	display: block;
	width: 38% !important;
	height: auto;
	margin: 0 5% 5px 10px;
	float: right!important;
	clear: none !important;
}
.customerservice_text_lead{
	margin-bottom: 20px !important;
}

.moreinfo a{
	display: block;
	width: 120px;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size:12px;
	border: solid 1px #fff;
	padding: 5px 0;
	margin: 5px 0 30px 0;
	clear: both;
}
.moreinfo a:hover{
	background-image: url("../images/more.png");
	background-size: 100%100%;
	color: #000;
	transition-duration: 0.6s;
}

.heritage_img01{
	margin-bottom: 30px;
}
.heritage_area{
	display: block;
	width: 90%;
	padding: 0 5%;
	float: left;
	clear: both;
}
.heritage_area .moreinfo a{
	display: block;
	width: 120px;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:12px;
	border: solid 1px #000;
	padding: 5px 0;
	margin: 5px 0 30px 0;
	clear: both;
}
.heritage_area .moreinfo a:hover{
	background-image: url("../images/more.png");
	background-size: 100%100%;
	color: #000;
	transition-duration: 0.6s;
}
.heritage_area .sub_lead{
	display: block;
	width: 100%;
	color: #000;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 0 50px 0;
}
.heritage_area .sub_lead br{
	display: none;
}
.heritage_area .menublock{
	display: block;
	width: 50%;
	font-size: 90%;
	line-height: 150%;
	padding: 0 !important;
	clear: none;
	float: left !important;
}
.heritage_area .books_block{
	width: 100% !important;
}

.customerservice_area .block aside{
	display: block;
	width: 90%;
	color: #fff;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 5% 50px 5%;
}
.customerservice_area .block aside br{
	display: none;
}
.customerservice_area .menublock{
	display: block;
	width: 90%;
	color: #fff;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 5% 20px 5% !important;
}
.customerservice_area .menublock img{
	display: block;
	width: 100%;
	height: auto;
	margin: 5px 0 10px 0;
}

.ourproposal_area{
	display: block;
	width: 90%;
	color: #000;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 5% 20px 5%;
	margin-bottom: 30px;
	border-bottom: solid 1px #999;
}
.ourproposal_area .moreinfo a{
	display: block;
	width: 120px;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:12px;
	border: solid 1px #000;
	padding: 5px 0;
	margin: 5px 0 30px 0;
	clear: both;
}
.ourproposal_area .moreinfo a:hover{
	background-image: url("../images/more.png");
	background-size: 100%100%;
	color: #000;
	transition-duration: 0.6s;
}

.class_area{
	display: block;
	width: 90%;
	color: #000;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 5% 20px 5%;
	margin-bottom: 30px;
}
.class_area .textblock br{
	display: none;
}

.class_area .moreinfo a{
	display: block;
	width: 120px;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:12px;
	border: solid 1px #000;
	padding: 5px 0;
	margin: 5px 0 30px 0;
	clear: both;
}
.class_area .moreinfo a:hover{
	background-image: url("../images/more.png");
	background-size: 100%100%;
	color: #000;
	transition-duration: 0.6s;
}

.title_topics{
	display: block;
	width: 50%;
	margin: 0 auto 15px auto;
}
.news_area{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	display: block;
	width: 90%;
	padding: 30px 5% 50px 5%;
	margin: 0;
	background-color: #f5f5f5;
	float: left;
	clear: both;
}
.news_area dl{
	display: block;
	width: 100%;
	line-height: 150%;
	margin: 0 auto;
}
.news_area dt{
	display: block;
	width: 100%;
	font-size:90%;
	font-weight: bolder;
	float: left;
	clear: both;
}
.news_area dd{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	float: left;
	clear: both;
}
.news_area a{
	color: #000;
}
.news_area a:hover{
	text-decoration: none;
}

.new{
	display: inline-block;
	height: 10px !important;
	line-height: 10px !important;;
	font-size:10px !important;
	background-color: #D90000;
	color: #fff;
	text-decoration: none !important;
	padding: 4px 8px !important;
	margin-right: 10px !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.shop_info{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.shop_info p{
	display: block;
	width: 100%;
	font-size:80%;
	line-height: 150%;
	margin-bottom: 10px;
	float: left;
}
.logo2{
	display: block;
	width: 70%;
	margin: 0 auto 10px auto;
}
.tel{
	display: block;
	position: fixed;
	width: 100%;
	height: 60px;
	background-color: #222;
	filter: drop-shadow(0 5px 12px rgba(0,0,0,0.5));
	bottom:0;
	border-top: solid 2px #ccc;
	z-index: 200;
}
.tel img{
	display: block;
	width: 60%;
	margin: 15px auto 0 auto;
}
.totop{
	display: block;
	width: 30px;
	height: 30px;
	position: fixed;
	bottom:120px;
	right: 10px !important;
	z-index: 10000 !important;
	filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.2));
}

.totop img{
	width: 30px;
	height: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#999;
	transition-duration: 0.6s;
}
.totop img:hover{
	background-color: #ccc;
	transition-duration: 0.2s;
}

.table_shop{
	display: table;
	width: 100%;
	max-width: 100%;
	font-size: 80%;
	line-height: 160%;
	margin-bottom: 40px;
	border-collapse: collapse;
	border: solid 1px #999;/*表全体を線で囲う*/
	background-color: #fff;
}

.table_shop p{
	font-size: 70%;
	line-height: 160%;
	margin-bottom: 15px;
}

.table_shop td{
	text-align: left;
	padding: 8px 8px;
	margin: 0;
	border: solid 1px #999 !important;
}
.table_shop th{
	text-align: center;
	padding: 8px 8px;
	margin: 0;
	border: solid 1px #999 !important;
}
/*#contents main table tr:nth-child(even){
	background:#f5f5f5;
}*/
.table_shop th{
	display: table-cell;
	width: 30% !important;
	font-weight: 200;
	background-color: #f5f5f5;
}
.table_shop td{
	display: table-cell;
	background-color:#fff !important;
}
.table_shop a:hover{
	text-decoration: none !important;
}

#secondary aside h2,
#secondary aside ul{
	display: none;
}
#secondary article h3{
	font-size:130%;
	line-height: 160%;
	color: #916F0C;
	text-align: center;
	font-weight: 500 !important;
	clear: both;
}
#secondary article h4{
	font-size:110% !important;
	line-height: 160%;
	color: #000;
	text-align: left;
	font-weight: 500 !important;
	margin-bottom: 10px;
	clear: both;
}
#secondary article .jp_subtitle{
	display: block;
	font-size:90%;
	color: #916F0C;
	text-align: center;
	font-weight: 400 !important;
	margin-bottom: 30px !important;
	clear: both;
}

.message_profile{
	display: block;
	width: calc(100% - 20px);
	font-size:100%;
	background-color: #f5f5f5;
	margin: 20px 0 50px 0;
	padding: 20px 10px 10px 10px ;
	float: left;
	clear: both;
}
.message_profile p{
	font-size:80%;
	line-height: 220%;
}
.message_profile dl{
	display: block;
	width: 100%;
	border-bottom: dashed 1px #ccc;
	float: left;
	clear: both;
}
.message_profile dt{
	display: block;
	width: 100%;
	font-size: 90%;
	border-top: dashed 1px #ccc;
	padding-top: 8px;
	margin-bottom: 9px;
	float: left;
}
.message_profile dd{
	display: block;
	width: 100%;
	font-size: 80%;
	border-top: dashed 1px #ccc;
	padding-top: 8px;
	margin-bottom: 9px;
	float: left;
}
.message_area img{
	display: block;
	width: 80%;
	height: auto;
	margin: 0 10% 20px 10%;
}
.message_profile img{
	display: block;
	width: 60%;
	height: auto;
	margin: 0 20% 20px 20%;
}

.message_area p{
	font-size:90%;
	line-height: 150%;
	margin-bottom: 20px;
}

.message_area h4 .small{
	display: inline-block;
	font-size:14px !important;
	line-height: 14px !important;
	font-weight: 400 !important;
	background-color: #EEE1B5;
	color: #000;
	padding: 5px 15px 6px 15px;
	margin: 3px 0 0 15px;
	vertical-align:top;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.book_area{
	display: block;
	width: 100%;
	margin: 0;
	float: left;
	clear: both;
}
.book_area img{
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.book_area_text{
	clear: both;
}
.book_spec{
	display: block;
	width: 100%;
	float: left;
	clear: none;
}
.book_spec p{
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 20px;
}
.book_title{
	text-align: center;
	line-height: 150% !important;
	margin-top: 20px !important;
}

.book_title strong{
	font-size:140%;
	font-weight: 500 !important;
}
.book_title span{
	display: block;
	width: 100%;
	font-size:110% !important;
	clear: both;
}
.author{
	display: block;
	width: 100%;
	font-size:100% !important;
	border-bottom: dotted 1px #999;
	padding-bottom: 5px;
	margin: 15px 0 20px 0;
	float: left;
	clear: both;
}
.author span{
	font-size:80%;
	margin-left: 5px;
}
#secondary article hr{
	display: block;
	width: 100%;
	height: 2px;
	border: none !important;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#AC8619 40%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#AC8619 40%,transparent 100%);
	margin: 20px 0;
	float: left;
	clear: both !important;
}
.book_area_text{
	font-size: 90%;
	line-height: 150%;
}
.book_area_text p{
	text-align: justify;
	margin-bottom: 20px;
}

.movie_area{
	display: block;
	width: 100%;
	color: #fff;
	background-color: #000;
	padding: 30px 0 30px 0;
	margin: 0 0 40px 0;
	float: left;
	clear: both;
}
.movie_img_area img{
	display: block;
	width: 100% !important;
	height: auto;
}
.movie_area iframe{
	display: block;
	width: 100%;
	height: 160px;
	margin: 0 auto;
}

.message_areamessage_area{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
	float: left;
	clear: both;
}
.movie_img01{
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
.movie_img02{
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
.movie_img03{
	padding: 0;
	float: left;
}
.wp-image-239{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 5%;
}
.movie_text_area{
	display: block;
	width: 100%;
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	padding: 0;
	margin: 20px 0 30px 0;
	float: left;
	clear: both;
}
.text_block p{
	font-size: 90%;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 20px;
}
.text_block p img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}
.text_block2 {
	display: block;
    width: 100%;
    margin: 10px 0 50px 0;
    float: left;
    clear: both;
}

.essaycontents_area article,
.newscontents_area article{
	display: block;
	width: 90% !important;
	margin: 30px 0 30px 0;
	float: left;
}

.newentry{
	margin: 10px 0 !important;	
}
.essay_block{
	margin-top: 20px !important;
}
.essay_title{
	display: block;
	width: 100%;
	font-size: 120% !important;
	line-height: 120%;
	font-weight: 400 !important;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	float: left;
	clear: both;
}
.essay_title a{
	color: #000;
	text-decoration: none;
	transition-duration: 0.4s;
}
.essay_title a:hover{
	color: #ccc;
	transition-duration: 0.2s;
}
.essay_date{
	display: block;
	width: 100%;
	font-size: 70%;
	font-weight: 500;
	color: #666;
	border-bottom: dotted 1px #666;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
}

.essay_title_h3{
	font-size:110% !important;
	line-height: 130%;
	color: #916F0C;
	text-align: left !important;
	font-weight: 500 !important;
	margin-bottom: 15px !important;
	clear: both;
}

#secondary .essaycontents_area .text_area p,
#secondary .newscontents_area .text_area p{
	font-size: 95%;
	line-height: 160%;
	margin-bottom: 30px !important;
}

#secondary .essaycontents_area .text_area a:hover,
#secondary .newscontents_area .text_area a:hover{
	text-decoration: none;
}


.program-widget-title{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 400;
	padding: 8px 0;
	border-top: solid 1px #ddd;
	background-color: #ddd;
	margin: 30px 0 0 0;
	float: left;
	clear: both;
}
.program-widget li,.category-posts-internal li{
	display: block;
	width: 100%;
	font-size: 90%;
	border-top: solid 1px #ddd;
	font-feature-settings: "palt" !important;
	float: left;
	clear: both;
}
.program-widget li a,.category-posts-internal li a{
	display: block;
	width: calc(100% - 45px);
	text-decoration: none;
	color: #000;
	background-image: url("../images/snavi_arrow.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 10px 15px 8px 30px;
	float: left;
	clear: both;
	transition-duration: 0.4s;
}
.program-widget li a:hover,.category-posts-internal li a:hover{
	background-color: #D9D0BF;
	transition-duration: 0.2s;
}
.program-widget select{
  /* styling */
  width: 90%;
  background-color: white;
  border:  solid 1px #999;
  border-radius: 4px;
  display: inline-block;
  font-size:15px;
  color: #999;
  line-height: 1.5em;
  background-color: #F9F7F8;
  padding: 10px 60px 10px 10px;
  margin: 10px 5% 50px 5%;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.program-widget select:focus {
    outline:none !important;
}

/* pager */
.pager{
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	font-size:13px;
	line-height: 110%;
	margin:70px 0 0 0 !important;
	float:left;
	clear:both;
}

a.page-numbers,
.pager .current{
	color: #666;
	text-decoration: none;
	border:solid 1px #666;
	background-color: #fff;
	padding:0 6px 2px 6px;
	margin:0 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.pager .current{
	border:solid 1px #666;
	background:#666;
	color:#fff;
}

.table_class{
	display: table;
	width: 100%;
	max-width: 100%;
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 80px;
	border-collapse: collapse;
	border: solid 1px #999;/*表全体を線で囲う*/
	background-color: #fff;
}

.table_class p{
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 0;
}

.table_class td{
	display: table-cell;
	text-align: left;
	padding: 10px 10px;
	margin: 0;
	border: solid 1px #999 !important;
}
.table_class th{
	display: table-cell;
	width: 30%;
	text-align: left;
	padding: 10px 10px;
	margin: 0;
	border: solid 1px #999 !important;
}

.table_class2{
	display: table;
	width: 100%;
	max-width: 100%;
	line-height: 150%;
	margin-bottom: 40px;
	border-collapse: collapse;
	border: solid 1px #999;/*表全体を線で囲う*/
	background-color: #fff;
}

.table_class2 p{
	font-size: 80%;
	line-height: 160%;
	margin-bottom: 0;
}

.table_class2 td{
	display: table-cell;
	font-size: 80%;
	text-align: left;
	padding: 10px 10px;
	margin: 0;
	border: solid 1px #999 !important;
}
.table_class2 th{
	display: table-cell;
	font-size: 90%;
	line-height: 150%;
	width: 40%;
	font-weight: 400 !important;
	letter-spacing: 1px;
	text-align: left;
	padding: 10px 10px;
	margin: 0;
	border: solid 1px #999 !important;
}

.table_class2 tr:nth-child(odd){
background:#f5f5f5;
}

.class_info{
	display: table;
	width: calc(100% - 40px);
	font-size: 80% !important;
	line-height: 150%;
	padding: 20px;
	margin-bottom: 50px;
	background-color: #f5f5f5;
	float: left;
	clear: both;
}

.class_info br{
	display: none;
}

.class_info strong{
	display: block;
	width: 100%;
	font-size: 120% !important;
	line-height: 150%;
	margin-bottom: 15px;
	float: left;
	clear: both;
}

.apply a{
 	display: table;
	color: #333;
	font-size:100%;
	font-weight: 400;
	text-decoration: none;
	border-top: 3px solid #d8dcdc;
	border-right: 3px solid #666;
	border-bottom: 3px solid #333;
	border-left: 3px solid #868888;
	background-image: url("../images/pdf.png");
	background-position: 20px 50%;
	background-repeat: no-repeat;
	background-size: 22px auto;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	padding: 12px 20px 12px 50px;
	margin: 10px auto 25px auto !important;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-duration: 0.2s;
	float: none;
	clear: both;
}
.apply a:hover{
	color: #FFD300 !important;
	transition-duration: 0.2s;
}


.green_h4,.item_h4{
	font-size:120% !important;
	color: #000;
	line-height: 150%;
	font-weight: 300 !important;
	padding: 0 0 4px 0;
	margin: 60px 0 50px 0;
	clear: both;
}
.class_h4{
	font-size:120% !important;
	color: #000;
	line-height: 150%;
	font-weight: 300 !important;
	padding: 0 0 4px 0;
	margin: 60px 0 50px 0;
	font-feature-settings: "palt" !important;
	clear: both;
}

.faq_block{
 	display: table;
	width: 100%;
	max-width: 100%;
	font-size:90%;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #F3E5C2;
	padding: 15px 0 0 0;
	margin: 15px auto 0 auto !important;
	float: left;
	clear: both;
}

article .faq_block hr{
	display: block;
	width: 100% !important;
	height: 1px !important;
	border: none !important;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#AC8619 40%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#AC8619 40%,transparent 100%);
	margin: 10px 0 25px 0 !important;
	float: left;
	clear: both;
}
article .faq_block a{
	color: #000;
}
article .faq_block a:hover{
	text-decoration: none;
}

.question{
	display: block;
	font-size: 100% !important;
	font-weight: 400;
	padding-left: 62px;
	padding-right: 15px;
	background-image: url("../images/question.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-position: 15px 0;
	background-size: 20px 20px;
}

.answer{
	display: block;
	width: calc(100% -200px);
	padding: 0 15px 30px 60px;
	margin: 0 !important;
	text-align: justify;
	background-color: #f5f5f5;
	background-image: url("../images/answer.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-position:15px 34px;
	background-size: 20px 20px;
}

.hidden_box {
    margin: 0 0 0 0 !important;
    padding: 0;
}

.hidden_box label {
	display: block;
	width: 88%;
	height: 50px;
	text-align: right;
	position: absolute;
	cursor :pointer;
	margin: -35px 0 0 0 !important;
	color: #fff;
	float: left;
}

.hidden_box label:hover {
    text-decoration: none;
	color: #fff;
}
.hidden_box label:active {
    color: #fff;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.6s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0;
    height: auto;
    opacity: 1;
}

.tips_block{
 	display: table;
	width: 100%;
	max-width: 100%;
	text-decoration: none;
	padding:0;
	margin: 0 auto 30px auto !important;
	float: left;
	clear: both;
}

.tips_block p{
 	font-size: 90%;
	line-height: 150%;
	margin-bottom: 20px;
}
.tips_block p strong{
	display: block;
 	font-size: 110%;
	line-height: 140% !important;
	margin-bottom: 10px;
	text-align: justify;
	float: left;
	clear: both;
}
#secondary article .tips_block h4{
	font-size:90% !important;
	line-height: 150%;
	font-weight: 600;
	background-color: #EEE1B5;
	padding: 4px 0;
	margin-bottom: 15px;
}

.tips_step_block{
	display: block;
	width:calc() 100% - 30px);
	font-size: 80% !important;
	padding: 10px 15px 15px 15px;
	background-color: #f5f5f5;
	margin: 0 0 15px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	clear: both;
}
.tips_step_block p{
	font-size: 80% !important;
}
.tips_step_block strong{
	font-size: 90%;
	line-height: 200%;
	font-weight: 300 !important;
	border-bottom: solid 2px #999;
	clear: both;
}
.tips_step_block strong span{
	font-size: 140%;
	font-weight: 700 !important;
	font-style: italic !important;
}

.tips_sub_block{
	display: block;
	width: calc(100% - 30px);
	font-size: 90% !important;
	padding: 20px 15px 15px 15px;
	background-color: #f5f5f5;
	margin: 0 0 15px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	clear: both;
}
.tips_sub_block strong{
	display: block;
	width: 100%;
	clear: both !important;
}
.tips_step_block img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	clear: both;
}
.tips_sub_block img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px auto;
	clear: both;
}

.price02{
	display: table;
	width: 100%;
	font-size: 60%;
	line-height: 150%;
	margin-bottom: 30px;
	border-collapse: collapse;
	border: solid 1px #999;/*表全体を線で囲う*/
	background-color: #fff;
	clear: both !important;
}
.price02 th{
	display: table-cell;
	width: auto !important;
	font-weight: 500;
	padding: 8px 4px;
	margin: 0;
	border: solid 1px #999 !important;
	background-color: #F2F2F2;
}
.price02 td{
	display: table-cell;
	text-align: center;
	padding: 8px 0 8px 8px;
	margin: 0;
	border: solid 1px #999 !important;
}

.price02 p{
	margin-bottom: 0 !important;
}

.cleaning_img_area{
	display: block;
	margin-bottom: 20px;
}
.cleaning_img_area img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

#price_table {
	display: table;
	width: 100%;
	font-size: 50%;
	max-width: 100%;
	margin: 20px 0 20px 0;
	text-align: center;
	border-top: 1px solid #C0AE85;
	border-right: 1px solid #C0AE85;
	letter-spacing: 0 !important;
}
#price_table table {
	display: table;
	width: 100%;
	max-width: 100%;
}
#price_table1b {
	display: table;
	width: 100%;
	font-size: 75%;
	max-width: 100%;
	margin: 20px 0 20px 0;
	text-align: center;
	border-top: 1px solid #C0AE85;
	border-right: 1px solid #C0AE85;
	letter-spacing: 0 !important;
}
#price_table1b table {
	display: table;
	width: 100%;
	max-width: 100%;
}
.td_01 {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	padding: 10px 0 !important;
}
.td_02 {
	border-left: 1px solid #C0AE85;
}
.td_03 {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
}
.td_04 {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	padding: 1px 0;
}
.td_detale {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	line-height: 110% !important;
	padding: 0 0;
	background-color: #EBE6D8;
	font-size: 40% !important;
}
.td_detale span {
	display: none!important;
}
.td_price_l {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	text-align: right;
	padding: 1px 0;
	font-size: 860%;
	font-weight: bold;
}
.td_price_l_3 {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	text-align: right;
	padding: 5px 5px 5px 0;
	font-size: 80%;
	font-weight: bold;
    width: 22%;
}
.td_price_l_2 {
	border-left: 1px solid #C0AE85;
	text-align: center;
	padding: 1px 0;
	font-size: 60%;
	font-weight: bold;
	max-height: 100%;
}
.td_price {
	border-bottom: 1px solid #C0AE85;
	border-left: 1px solid #C0AE85;
	text-align: right;
	padding: 1px 0;
	font-size: 60%;
}
td.color01 {
	background: #FFF8E1;
}

.line02 {
	border-top: 2px solid #C0AE85;
}

.price01{
	display: table;
	width: calc(100% - 2px);
	font-size: 65%;
	line-height: 150%;
	margin-bottom: 100px !important;
	border-collapse: collapse;
	border: solid 1px #999;/*表全体を線で囲う*/
	background-color: #fff;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
}
.price01 th{
	display: table-cell;
	width: auto;
    white-space: nowrap;
	font-weight: 500;
	padding: 3px;
	margin: 0;
	border: solid 1px #999 !important;
	background-color: #F2F2F2;
}
.price01 td{
	display: table-cell;
	padding: 5px 2px;
	margin: 0;
	border: solid 1px #999 !important;
}

.price01 p{
	margin-bottom: 0 !important;
}

.price0101{
	display: table;
	font-size: 90%;
	line-height: 150%;
	margin: 6px 0;
	border-collapse: collapse;
	background-color: #fff;
	border: none !important;
	float: left;
	clear: both;
}

.item_name span{
	display: inline-block;
	background-color: #fff;
	white-space: nowrap;
	font-size: 90% !important;
	margin: 0;
}
.price0101 th{
	display: table-cell;
	width: auto;
	font-size: 110%;
	text-align: center;
	font-weight: 500;
	padding: 10px 0;
	margin: 0;
	background-color:#DEF1D8;
	border: none !important;
}
.price0101 td{
	width: auto;
	display: table-cell;
	padding: 2px 5px;
	margin: 0;
	border: none !important;
	background-color: #fff;
}

div.reference{
	display: table;
	width:calc(100% - 32px);
	border: 1px solid #C0AE85;
	padding: 15px;
	margin: 10px 0 30px 0;
}
div.reference h5{
	font-size: 100%;
	line-height: 150%;
	font-weight: 600;
	border-bottom: 1px solid #C0AE85;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.reference dl{
	display: flex;
	flex-wrap: wrap;
	font-size:90%;
	padding: 3px 0;
}
div.reference dl dt{
	width: 50%;
	
}
div.reference dl dd{
	width: 50%;
}
div.reference p{
	font-size: 90%;
}


.bespoke_lead{
	display: block;
	width: 100%;
	margin-bottom: 50px;
	float: left;
	clear: both;
}
.bespoke_lead p{
	font-size: 90% !important;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 20px;
}
.bespoke_lead strong{
	display: block;
	width: 100%;
	text-align: center;
	align-items: center;
	font-size: 100% !important;
	line-height: 160%;
	font-weight: 500;
	margin-bottom: 20px;
}

.bespoke_order{
	display: block;
	width: 100%;
	background-color: #fff;
	padding: 0;
	margin: 0 0 0 0;
	float: left;
	clear: both;
}
.bespoke_order p{
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 20px;
}

.bespoke_order img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.bespoke_flow{
	display: block;
	width: 100%;
	background-color: #fff;
	padding: 0;
	margin:0 0 30px 0;
	float: left;
	clear: both;
}
.bespoke_flow p{
	font-size: 90% !important;
	font-feature-settings: "palt";
	margin-bottom: 20px;
}

.bespoke_flow h4{
	display: flex;
	text-align: left;
	align-items: center;
	color: #8F6E0D;
	font-size: 120% !important;
	line-height: 150%;
	font-weight: 400 !important;
	font-feature-settings: "palt";
	margin-bottom: 15px;
}

.bespoke_flow h4:after {
  content: '';
  flex: 1 0 auto;
  border-bottom: 1px solid #000;
  margin-left: 10px
}

.bespoke_flow h4 .num {
  font-size: 170%;
  font-weight: 300 !important;
  color: #8F6E0D;
  line-height: 1;
  margin-right: 10px
}

.bespoke_flow .sub_lead strong{
	display: block;
	text-align: center!important;
	color: #333 !important;
	font-size: 120% !important;
	line-height: 160%;
	font-weight: 700;
	font-feature-settings: "palt";
	margin: 15px 0 20px 0;
}

.commentary{
	display: block;
	background-color: #E9E9E9;
	padding: 15px;
	margin: 10px auto 0 auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;
	clear: both;
}
.commentary p{
	font-size: 80% !important;
	margin-bottom: 20px;
}

.commentary strong{
	display: block;
	width: 100%;
	font-size: 100%;
	text-align: center !important;
	font-weight: 500;
	border-bottom: dashed 1px #999;
	padding: 0 0 8px 0;
	margin: 0 0 15px 0;
	float: left;
	clear: both;
}

.bespoke_sup{
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	float: left;
	clear: both;
}
.bespoke_sup strong{
	display: block;
	width: 100%;
	font-size:90%;
	text-align: center !important;
	font-weight: 500;
	border-bottom: dashed 1px #999;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
.bespoke_sup p{
	font-size: 80% !important;
	line-height: 150%;
	text-align: justify;
}
.bespoke_sup h3{
	display: block;
	width: 50px;
	font-size: 15px !important;
	line-height: 150%;
	color: #333 !important;
	margin: 0 auto 20px auto;
	border-bottom: solid 5px #E9E9E9;
}
.bespoke_sup .left_block{
	display: block;
	width: calc(100% - 30px);
	padding: 15px;
	background-color: #E9E9E9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 15px;
	float: left !important;
	clear: both;
}
.bespoke_sup .right_block{
	display: block;
	width: calc(100% - 30px);
	padding: 15px;
	background-color: #E9E9E9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;
	clear: both;
}



#greenlabel_area_section2{
	display: block;
	position: relative;
	width: 100% !important;
	/*background-color: #1A3201 !important;*/
	margin: 0 0 30px 0 !important;
	float: left;
	clear: both;
	z-index: 2;
}

.greenlabel_img_area{
	display: block;
	width: 100%;
	padding: 0;
	margin: 30px 0 50px 0;
	float: left;
	clear: both;
}

.green_img{
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	float: left;
}
.green_img img{
	display: block;
	width: 70%;
	height: auto;
	margin: 30px 15% 10px 15%;
}
.green_img01,.green_img02{
	margin: 0 0 15px 0;
}
.green_img03{
	margin: 0 0 15px 0;
}
.green_img04{
	margin: 0 0 0 0;
}

.green_img strong{
	width: 100%;
	font-size:100%;
	text-align: center;
	font-weight: 500;
	margin: 0 10px;
}
.green_img_title{
	display: block;
	width: 100%;
	text-align: center !important;
	margin: 0 !important;
}
.greenlabel_img_text{
	display: block;
	width: 100%;
	text-align: justify!important;
	font-size:90% !important;
	line-height: 150% !important;
	padding: 10px 0 0 0;
	float: left;
}


#tailoring .english_contents{
	margin: -10px 0 0 0;
	padding: 30px 0;
	background-color: #3C352E;
	background-image: url("../images/bg_tailoring.jpg");
	background-position: 0 -100px;
	background-size: 1000px auto;
}
.english_top_text{
	display: block;
	width: 90%;
	color: #fff;
	padding: 5%;
	float: left;
}

.english_top_text p{
	font-size: 90%;
	line-height: 150% !important;
	text-align: justify !important;
	margin-bottom: 20px;
}

.english_top_text h3{
	font-size: 120% !important;
	line-height: 120% !important;
	font-weight: 400 !important;
	margin-bottom: 20px;
}

.en_contents p{
	font-size: 90%;
	line-height: 150%;
	word-break: keep-all !important;
	text-align: justify !important;
	margin-bottom: 20px;
}
.en_contents img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 10px auto 15px auto;
	clear: both;
}
#secondary section .en_contents h3{
	font-size:110% !important;
	line-height: 120% !important;
	color: #916F0C;
	font-weight: 400;
	margin-bottom: 15px;
}

.height01{
	height: 55px !important;
}
.height02{
	height: 140px !important;
}
.height03{
	height: 90px !important;
}

.bio{
	display: table;
	width: 100%;
	font-size: 80%;
	line-height: 150%;
	border-collapse: collapse;
	background-color: #fff;
	border-top: dashed 1px #999 !important;
	float: left;
	clear: both;
}
.bio th{
	display: table-cell;
	text-align: left;
	white-space: nowrap;
	width: auto!important;
	font-weight: 500;
	padding: 10px 0 10px 10px;
	margin: 0;
	background-color: #f2f2f2;
	border-bottom: dashed 1px #999 !important;
}
.bio td{
	display: table-cell;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 0;
	border-bottom: dashed 1px #999 !important;
}

.bio p{
	margin-bottom: 0 !important;
}

.history_area{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	float: left;
	clear: both;
}
.history_area img{
	display: block;
	width: auto;
	max-width: 80%;
	height: auto;
	max-height: 300px;
	margin: 0 auto;
	clear: both;
}

.year_event{
	display: block;
	position: relative;
	width: 100%;
	height: auto !important;
	text-align: left;
	margin-bottom: 12px;
	float: left;
	clear: both;
}
.year_event .year{
	color: #666;
	padding: 0 0 5px 0;
	margin: 0 0 3px 0;
	border-bottom: solid 1px #999;
}
.year_event .caption_text{
	font-size:12px !important;
	text-indent: 15px;
}

.year_block{
	display: block;
	width: 100%;
	position: relative;
	height: auto !important;
	padding: 0;
	margin: 0 0 30px 0;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	float: left;
	clear: both !important;
}

.year_block img{
	display: block;
	margin: 30px auto 0 auto !important;
}

.year_block .caption_text{
	display: block;
	width: calc(100% - 22px);
	font-size:90% !important;
	font-weight: 300 !important;
	line-height: 140%;
	margin-bottom: 0 !important;
	padding: 4px 0 4px 14px;
	font-feature-settings: "palt";
	border-left: solid 8px #B89019;
	clear: both;
}

.year_block .era{
	display: block;
	width: 100%;
	text-align: center!important;
	font-size:12px !important;
	margin:-30px 0 25px 0 !important;
}

.year_block .year{
	display: block;
	width: 90px;
	height: 70px;
	text-align: center;
	font-size:30px;
	background-color: #D6BB70;
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto!important;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	clear: both !important;
}
.year_block .year span{
	display: block;
	font-size:15px !important;
	clear: both;
}
.year_block .year2{
	display: block;
	width: 90px;
	height: 70px;
	text-align: center;
	font-size:30px;
	color: #fff;
	background-color: #D90000;
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto!important;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	clear: both !important;
}
.img_cap{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 70%;
	margin-bottom: 20px;
}

.news_links{
	display: block;
	width: calc(100% - 10px);
	font-size: 80% !important;
	line-height: 110%;
	background-color: #f5f5f5;
	padding: 15px 5px;
	margin: 60px 0 0 0;
	float: left;
	clear: both;
}

.news_links a{
	color: #000;
}
.news_links a:hover{
	text-decoration: none;
}
.left_link{
	display: block;
	width: 100%;
	text-align: left;
	float: left;
}
.right_link{
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 15px;
	float: right;
}

.footer_link_area{
    display: block;
    float: left;
}

.mailmagazine_form {
    display: block;
    width: 90%;
    text-align: left !important;
    margin: 0 5% 50px 5%;
    float: left;
    clear: both;
}
.mailmagazine_form input[type="text"] {
	display: block;
	width: 220px;
    height: 15px;
	font-size: 13px;
	padding: 4px 5px;
	margin: 0 0 0 0  !important;
	background-color: #ebebeb;
    border: none !important;
    float: left;
}

.mailmagazine_form input[type="button"] {
	display: block;
	width: 80px;
    height: 23px;
	font-size: 12px !important;
    line-height: 9px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 10px  !important;
	background-color: #634012;
	color: #fff;
	cursor: pointer;
	border-style: none;
    transition: 0.5s;
    float: left;
}
.mailmagazine_form input[type="button"]:hover{
	background-color: #7E5112;
    color: #E2DECF;
    transition: 0.2s;
}
.mailmagazine_form input[type="button"]:active{
	background-color: #A26F28;
    transition: 0.0s;
}
.mailmagazine_form input::-webkit-input-placeholder,
.mailmagazine_form input:-moz-placeholder,
.mailmagazine_form input::-moz-placeholder,
.mailmagazine_form input:-ms-input-placeholder {
    color: #ddd;
    font-size: 10px !important;
}
.mailmagazine_form .text{
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 130% !important;
    margin-bottom: 15px;
    float: left;
    clear: both;
}
.mailmagazine_form .text strong{
    display: block;
    width: 100%;
    height: 25px;
    font-size: 13px !important;
    line-height: 130% !important;
    font-weight: 500 !important;
    float: left;
    clear: both;
}
.mailmagazine_form .mail_img{
    display: inline-block;
    width: 20px;
    height: auto;
    margin-top: 2px !important;
    margin-right: 7px;
    vertical-align: top !important;
    float: left;
}

.mailmagazine_form .bt a {
	display: block;
	text-decoration: none !important;
    width:100%;
	max-width: 300px !important;
	text-align: center;
	font-size: 1.0rem;
	color: #fff;
    padding: 7px 0 8px 0;
	margin: 6px auto 5px auto;
    background-color: #91721C;
    border-radius: 7px;
	float: none;
	clear: both;
	transition: 0.2s;
}
.mailmagazine_form .bt a:hover {
    background-color: #C7A23B;
    transition: 0.2s;
}

.maillist_area{
    display: block;
    width: 100%;
    margin-bottom: 30px !important;
    float: left;
    clear: both;
}
.maillist_area p{
    display: block;
    width: 100%;
    line-height: 180% !important;
    text-align: left !important;
}
.maillist_area p br{
    display: none;
}
.maillist_area h4{
    display: block;
    width: 100%;
    color: #916F0C !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 20px 0 5px 0 !important;
    float: left;
    clear: both;
}

.maillist_area .mailmagazine_form {
    display: block;
    width: 100% !important;
    margin-top: 50px;
    margin-bottom: 70px;
    float: left;
    clear: both;
}
.maillist_area .mailmagazine_form input[type="text"] {
	display: block;
	width: calc(90% - 12px) !important;
    height: auto;
	font-size: 13px;
	padding: 8px 5px !important;
	margin: 0 0 10px 0  !important;
	background-color: #ebebeb;
    border: solid 1px #999 !mportant;
    float: left !important;
}

.maillist_area .delete_mail{
    display: block;
    width: 100%;
    margin-bottom: 30px;
    float: left;
    clear: both;
}
.maillist_area .mailmagazine_form input[type="button"] {
	display: block;
	width: 50% !important;
    height: 23px;
	font-size: 12px !important;
    line-height: 9px !important;
	padding: 8px 0 !important;
	margin: 0 20% 0 20% !important;
	background-color: #634012;
	color: #fff;
	cursor: pointer;
	border-style: none;
    transition: 0.5s;
    float: none !important;
    clear: both;
}
.maillist_area .mailmagazine_form input[type="button"]:hover{
	background-color: #7E5112;
    color: #E2DECF;
    transition: 0.2s;
}
.maillist_area .mailmagazine_form input[type="button"]:active{
	background-color: #A26F28;
    transition: 0.0s;
}
.maillist_area .mailmagazine_form input::-webkit-input-placeholder,
.maillist_area .mailmagazine_form input:-moz-placeholder,
.maillist_area .mailmagazine_form input::-moz-placeholder,
.maillist_area .mailmagazine_form input:-ms-input-placeholder {
    color: #ddd;
    font-size: 10px !important;
}
.maillist_area .mailmagazine_form .text{
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 130% !important;
    margin-bottom: 15px;
    float: left;
    clear: both;
}
.maillist_area .mailmagazine_form .text strong{
    display: block;
    width: 100%;
    height: 25px;
    font-size: 13px !important;
    line-height: 130% !important;
    font-weight: 500 !important;
    float: left;
    clear: both;
}
.maillist_area .mailmagazine_form .mail_img{
    display: inline-block;
    width: 17px;
    height: auto;
    margin-top: 2px !important;
    margin-right: 7px;
    vertical-align: top !important;
    float: left;
}
.mailmagazine_block{
    display: block;
    width: 100% !important;
    margin: 0 auto 50px auto !important;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    clear: both;
}
.maillist_area a{
	color: #000 !important;
}
.maillist_area a:hover{
	text-decoration: none !important;
}
footer .mailmagazine_form a{
	color: #fff;
}
footer .mailmagazine_form a:hover{
	text-decoration: none !important;
}

.feed_area{
	display:block;
	max-width:100%;
	padding:50px 0 0 0 !important;
    margin: 0 auto !important;
	background-color:#000000;
	clear:both;
}
#sb_instagram{
	max-width:calc(100% - 60px)!important;
	margin:0 auto 0 auto !important;
}

.style_area_block{
    display: block;
    position: absolute !important;
    width: 92% !important;
    height: 150px;
    z-index: 100000 !important;
    left: 4%;
    right: 0;
    bottom: 40px !important;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
    transition: 0.5s;
}

/*.style_area_title{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important;
    display: block;
    width: 100%;
    height: 35px !important;
    color: #fff;
    text-align: center;
    font-size:16px;
    font-weight: 600;
    letter-spacing: 1px;
    float: left;
    clear: both;
}*/
.style_area{
    display: block;
    text-align: center;
    position: relative !important;
    width: 100% !important;
    height: 100px;
    z-index: 100000 !important;
    margin: 0;
    flex-wrap : wrap !important;
    justify-content:space-between !important;
    transition: 0.5s;
}
.style_area_title a{
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif" !important;
        display: block;
        text-decoration: none;
        width: 100px;
        height: 35px !important;
        color: #fff;
        text-align: center;
        font-size:16px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0 auto !important;
        float: none;
        clear: both;
        position: relative !important;
        z-index: 1000000 !important;
        transition: 0.3s;
    }
.style_area_title a:hover{
    color: #FBD971;
    transition: 0.2s;
}
.style_area li{
    display: inline-block;
    width: calc(17% - 5px);
    height: auto;
    border: solid 2px #fff;
    margin: 0 1% !important;
}
.style_area li img{
    display: block;
    width: 100%;
    aspect-ratio: 5 / 5 !important;
    object-fit: cover;
    object-position: center center;
}
.style_area li a{
    transition: 0.2s;
}
.style_area li a:hover{
    transition: 0.2s;
    opacity: 0.50;
}


@media (orientation: landscape) {
    .style_area_block{
        display: none !important;
    }
}
@media screen and (max-height: 414px) {
    .style_area_block{
        display: none !important;
    }
}


.class_area2{
	display: block;
	width: 90%;
	color: #000;
	font-size: 90%;
	line-height: 150%;
	padding: 10px 5% 20px 5%;
	margin-bottom: 30px;
}
.class_area2 .textblock br{
	display: none;
}
.class_area2 .essay_block2{
	display: inline-block;
	width: 100% !important;
	height: auto;
}
.class_area2 .essay_block2 img{
	display: block;
	max-width: 100% !important;
	height: auto;
}
.essay_block2 h2{
	display: block;
	width: 100%;
	text-align: left !important;
	margin: 0 0 0 0 !important;
	float: left;
	clear: both;
}
.essay_block2 .caption{
	display: block;
	width: 100%;
	font-size: 18px !important;
	margin: 0 !important;
	float: left;
	clear: both;
}
.essay_block2 p{
	display: block;
	width: 100%;
	font-size:15px !important;
	line-height: 180% !important;
	color: #000 !important;
	word-break: break-all !important;
	white-space: normal !important;
}
.essay_area_img{
	display: block;
	border: solid 3px #fff;
	float: left;
}

.essay_block2 .class_img02{
	display: block;
	width: 100%;
	height: auto;
    padding-bottom: 50px !important;
    margin-bottom: 50px !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-bottom: solid 1px #ccc;
    float: left;
    clear: both;
}
.essay_block2 .essay_img02{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.essay_block2_bottom{
    margin-top: 30px !important;
}
.essay_block2 .essay_menublock{
	margin-left: 0 !important;
}
.class_area2 .moreinfo a{
	display: block;
	width: 120px;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:12px;
	border: solid 1px #000;
	padding: 5px 0;
	margin: 5px 0 30px 0;
	clear: both;
}
.class_area2 .moreinfo a:hover{
	background-image: url("../images/more.png");
	background-size: 100%100%;
	color: #000;
	transition-duration: 0.6s;
}

.style_block{
    display: block;
    width: 100%;
    border-bottom: dotted 1px #666;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
    float: left;
    clear: both;
}
.style_block a{
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
    float: left;
    clear: both;
}
.style_block a:hover{
    color: #ccc;
}
.style_block .style_thumbnail{
    display: block;
    width: 130px;
    height: 130px;
    float: left;
    overflow: hidden;
}
.style_block .style_thumbnail img{
    display: block;
    width: 100%;
    height: auto;
    transition: 0.3s;
}
.style_block a:hover>.style_thumbnail img{
    transform: scale(1.2);
    transition: 0.2s;
}
.style_block .style_text{
    display: block;
    width: calc(100% - 150px);
    height: auto;
    float: right;
}

.style_block .essay_date{
	border-bottom: none !important;
}






.toppage202408 #tailoringclass .class_area2{
    max-width: 1100px !important;
}

.toppage202408 #tailoringclass .class_area2 .essay_block2{
	display: block !important;
	width: 100% !important;
	height: auto;
    float: left;
    clear: both;
}
.top_style_area{
    display: block;
    width: 100%;
    height: auto;
    background-color: #111111;
    float: left;
    clear: both;
}
.top_style_area article{
    display: block;
    width: 90%;
    padding: 0 0 80px 0 !important;
    margin: 0 5% !important;
    float: left;
    clear: both;
}

.top_style_area ul{
    display: flex;
    width: 100%;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}
.top_style_area ul li:last-child{
    display: none !important;
}
.top_style_area ul li{
    display: block;
    width: 47.5% !important;
    height: auto;
    margin-bottom: 20px;
}
.top_style_area ul a{
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    float: left;
    clear: both;
}
.top_style_area ul a:hover{
    color: #ccc;
}
.top_style_area ul .thumbnail{
    display: block;
    width: 100% !important;
    height: auto;
    float: left;
    overflow: hidden;
}
.top_style_area ul .thumbnail img{
    display: block;
    width: 100%;
    height: auto;
    transition: 0.3s;
}
.style_block a:hover>.thumbnail img{
    transform: scale(1.2);
    transition: 0.2s;
}

.to_style_list a{
    display: block;
    width: 130px;
    text-align: center;
    font-size: 12px !important;
    text-decoration: none;
    color: #fff;
    padding: 5px 0 6px 0;
    margin: 30px 0 -30px 0 !important;
    border: solid 1px #fff;
    background-image: url("../images/more.png");
	background-size: 100% 0;
	background-position: center center;
	background-repeat: no-repeat;
    transition: 0.3s;
    float: right;
    clear: both;
}
.to_style_list a:hover{
    color: #000 !important;
	background-size: 100% 100%;
    transition: 0.6s;
}
.title_top_style{
    display: block;
    width: 225px !important;
    height: 45px;
    margin: 40px auto 50px auto !important;
}
.title_top_style img{
    display: block;
    width: 100% !important;
    height: auto;
}
.title_top_essay{
    display: block;
    width: 100% !important;
    height: 120px !important;
    margin: 0 auto 0 auto !important;
    float: left !important;
    clear: both !important;
}
.title_top_essay img{
    display: block;
    width: 225px !important;
    height: 45px !important;
    margin: 50px auto 0 auto !important
}
.to_news_list{
    display: block;
    width: 90%;
    max-width: 1600px;
    color: #000 !important;
    margin: -30px auto -50px auto !important;
    float: none;
    clear: both;
}
.to_news_list a{
    display: block;
    width: 130px;
    text-align: center;
    font-size: 12px !important;
    text-decoration: none;
    color: #000 !important;
    padding: 5px 0 6px 0;
    margin: 80px 0 0 0;
    border: solid 1px #000 !important;
    background-image: url("../images/more.png");
	background-size: 100% 0;
	background-position: center center;
	background-repeat: no-repeat;
    transition: 0.3s;
    float: right;
    clear: both;
}
.to_news_list a:hover{
	background-size: 100% 100%;
    transition: 0.6s;
}

.mailmagazine_top {
    display: block;
    position: fixed;
    width:calc(90% - 30px);
    height: 115px;
    padding: 15px 15px 12px 15px;
    margin: 0 5%;
    background-color: #eeefef;
    bottom:90px;
    z-index: 100;
    border-radius: 6px;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.25));
}
.mailmagazine_top p {
    font-family: 'Noto Serif JP', serif;
    text-align: justify;
    font-size: 12px;
    line-height: 160%;
}
.mailmagazine_top p strong {
    display: block;
    width: 100%;
    text-align: center !important;
    font-size: 18px;
    color: #9c8a78;
    font-weight: 500;
    margin: 0 0 10px 0;
    float: left;
    clear: both;
}
.mailmagazine_top input[type="text"] {
	display: block;
	width: calc(100% - 92px);
    height: 15px;
	font-size: 13px;
	padding: 4px 5px;
	margin: 7px 0 0 0  !important;
	background-color: #fff;
    border: solid 1px #9e9e9f !important;
    float: left;
}

.mailmagazine_top input[type="button"] {
	display: block;
	width: 70px;
    height: 23px;
	font-size: 14px !important;
    line-height: 9px !important;
	padding: 0 0 0 0 !important;
	margin: 7px 0 0 10px  !important;
	color: #222;
    background-color: #eeefef;
    font-weight: 400 !important;
	cursor: pointer;
	border-style: none;
    transition: 0.5s;
    float: left;
}
.mailmagazine_top input[type="button"]:hover{
	background-color: #7E5112;
    color: #E2DECF;
    transition: 0.2s;
}
.mailmagazine_top input[type="button"]:active{
	background-color: #A26F28;
    transition: 0.0s;
}
.mailmagazine_top input::-webkit-input-placeholder,
.mailmagazine_top input:-moz-placeholder,
.mailmagazine_top input::-moz-placeholder,
.mailmagazine_top input:-ms-input-placeholder {
    color: #ddd;
    font-size: 10px !important;
}

.mailmagazine_top a {
    display: block;
	text-decoration: none !important;
    width:100%;
	max-width: 300px !important;
	text-align: center;
	font-size: 1.0rem;
	color: #fff;
    padding: 7px 0 8px 0;
	margin: 6px auto 5px auto;
    background-color: #91721C;
    border-radius: 7px;
	float: none;
	clear: both;
	transition: 0.2s;
}
.mailmagazine_top a:hover {
    background-color: #C7A23B;
	color: #fff;
    transition: 0.2s;
}

/*.am-success-payment h4{
    font-size: 0 !important;
    color: #fff !important;
}
.am-success-payment h4::after{
    content:"ご予約を承りました";
    color: #000 !important;
    font-size: 20px !important;
}
.am-svg-wrapper{
    display: none !important;
}

.am-confirmation-booking-header img{
    display: none !important;
}*/

.reservation_top,
.reservation_info{
    display: none !important;
}

/*.reservation_top a {
    display: flex;
    position: fixed;
    width:calc(90% - 32px) !important;
    height: 50px;
    padding: 0 15px 0 15px !important;
    margin: 0 !important;
    background-color: #222;
    bottom:225px;
    z-index: 100;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-image: url("../images/reservation_bg.png");
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
    color: #FCF1B7;
    text-decoration: none;
    border: solid 1px #AEA98E;
    transition: 0.2s;
    z-index: 100;
    left: calc(5% - 1px);
}
.reservation_top p {
    text-align: center;
    font-size: 15px;
    line-height: 150%;
    color: #FCF1B7;
}
.reservation_top p br {
    display: none;
}
.reservation_top a:hover {
    background-color: #B09546;
    transition: 0.2s;
}*/


.sp_tel{
	display: block;
	position: fixed;
	width: 50% !important;
	height: auto;
    background-color: #222;
	filter: drop-shadow(0 5px 12px rgba(0,0,0,0.5));
	bottom:0 !important;
    left: 0 !important;
	border-top: solid 1px #ccc;
	z-index: 200;
}
.sp_reservation{
	display: block !important;
	position: fixed;
	width: 50% !important;
	height: auto;
    background-color: #066eb8;
	filter: drop-shadow(0 5px 12px rgba(0,0,0,0.5));
	bottom:0 !important;
    right: 0 !important;
	border-top: solid 1px #ccc;
    background-image: url("../images/tri_wh.svg");
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 200;
}

.sp_tel img,
.sp_reservation img{
	display: block;
	width: 80% !important;
	margin: 10px auto !important;
}