@charset "utf-8";
.page{}
/*ページヘッダ*/
.row {
max-width: 100%;height:140px;
display: flex;
}
.col-left {
width: 130px;
height:140px;
background: #fff;
position:relative;text-align: center;
}
.page .count{text-align: center;padding:0;font-family: "din", sans-serif;font-size:0.7em;letter-spacing:0.2em;}


.col-right {
width: calc(100% - 130px);
height:140px;
background: linear-gradient(0deg, rgba(250, 224, 232, 1) 0%, rgba(234, 236, 227, 1) 100%);
position:relative;font-family: "din", sans-serif;
}
.col-right .zukei{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.col-right .zukei img{width: 80px;}

.col-right .en-txt{
font-weight: lighter !important;
color: #fff;font-size:0.7em;
letter-spacing:0.05em;text-align:left;line-height:1.8em;
position: absolute;
width:400px;
bottom:20px;
right:30px;
text-align:right;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 820px){
.row {height:180px;}
.page .count span{display: block !important;}
.col-left {width: 40px;height:180px;}
.col-right {width: calc(100% - 40px);height:180px;}

.col-right .en-txt{
font-weight: lighter !important;
color: #fff;font-size:0.6em;
letter-spacing:0.05em;text-align:left;line-height:1.3em;
position: absolute;
width:90%;
bottom:15px;
right:10px;
text-align:right;
}
}
/*--------------------------------------------------------------------------------*/

/*ページグロナビ*/
.page .g-navi{text-align:left;padding:30px 0;font-family: "din", sans-serif;letter-spacing:0.3em;}
.page .g-navi .l-box{vertical-align: middle;float: left;}
.page .g-navi .r-box{vertical-align: middle;float:right;}
.page .g-navi ul{display: inline-block;vertical-align: middle;line-height:1.5;}
.page .g-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin: 0 40px 0 0 !important;padding: 0 ;}
.page .g-navi .s-navi{text-align: right;margin-top: 10px;}
.page .g-navi .s-navi .box{display: inline-block;vertical-align: middle;font-size: 0.6em;letter-spacing:0.3em;margin:  0 0 0 50px;}
.page .g-navi .blog{position: relative; display: inline-block;vertical-align: middle;line-height:1;margin: 0;}
.page .g-navi .blog .insta{position:absolute; bottom: 0; right: 2px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
.page .g-navi .r-box{padding-left: 50px;}
.page .g-navi ul li{;margin: 0 15px !important;padding: 0 ;}
}
@media screen and (max-width: 1000px){
.page .g-navi .r-box{padding-left: 30px;}

.page .g-navi .s-navi .box{margin: 0 0 0 30px;}
}
@media screen and (max-width: 820px){
.page .g-navi{text-align: center;padding:50px 0;}
.page .g-navi .l-box{vertical-align: middle;float: none;}
.page .g-navi .r-box{vertical-align: middle;float:none;}
.page .g-navi .r-box{display: block;margin-top: 30px;padding-left: 0;text-align: center;}
.page .g-navi .s-navi{text-align: center;margin-top: 20px;}
.page .g-navi .s-navi .box{margin: 0 10px;}
.page .g-navi ul li{margin: 0 7px;}
}
@media screen and (max-width: 768px){
.page .g-navi{display:none;}
}

@media screen and (max-width: 600px){
.page .g-navi{text-align: center;padding:30px 0;}
.page .g-navi ul{line-height:1.3;}
}
@media screen and (max-width: 480px){
.page .g-navi .blog img{width: 60px;}
}
/*--------------------------------------------------------------------------------*/

/*フッタ*/
.page footer{text-align: center;padding:50px 0 80px 0;font-family: "din", sans-serif;}
.page .f-navi{text-align: center;padding:100px 0;letter-spacing:0.3em;margin: 0;padding: 0 0 35px 0;}
.page footer .f-navi .l-box{display: inline-block;vertical-align: bottom;}
.page footer .f-navi .r-box{display: inline-block;vertical-align: bottom;padding-left: 100px;}
.page footer .f-navi .l-box .logomark{display: inline-block;vertical-align: middle;line-height:1;margin: 0 20px 0 0;}
.page footer .f-navi ul{display: inline-block;vertical-align: middle;line-height:1.5;}
.page footer .f-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin: 0 0 0 50px;
background:none;background-size:0;padding: 0;}
.page footer .f-navi .blog{display: inline-block;vertical-align: middle;line-height:1;margin: 0;}
.page .f-navi .blog{position: relative; display: inline-block;vertical-align: middle;line-height:1;margin: 0;}
.page .f-navi .blog .insta{position:absolute; bottom: 0; right: 2px;}
.page footer .s-l-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:10%;text-align:center;
}
.page footer .s-l-box .side-poool{position: absolute;top: 48%;width: 100%;letter-spacing:0.3em;padding:0 5px;}
.page footer .s-r-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:90%;text-align:center;
background: linear-gradient(0deg, rgba(250, 229, 217, 1) 0%, rgba(178, 212, 229, 1) 100%);height:760px;
}
.page footer .s-r-box .zukei{
position: absolute;
top: 45%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.page footer .s-r-box .en-txt{font-weight: lighter !important;color: #fff;font-size:0.75em;letter-spacing:0.05em;text-align:left;line-height:1.8em;position: absolute;left:40px;bottom:30px;text-align:left;width:auto;}

.page footer .copyright{padding:70px 0 0 0;letter-spacing:0.3em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
.page footer .f-navi ul li{margin: 0 0 0 30px;}
.page footer .f-navi .r-box{display: inline-block;vertical-align: bottom;padding-left: 50px;}
.page footer .f-navi .l-box .logomark{margin: 0 30px 0 0;}
}

@media screen and (max-width: 1000px){
.page footer .f-navi .l-box .logomark{margin: 0 10px 0 0;}
.page footer .s-r-box{height:500px;}
}

@media screen and (max-width: 900px){
.page footer .s-l-box{width:15%;}
.page footer .s-r-box{width:85%;}
}

@media screen and (max-width: 820px){
.page footer .f-navi .r-box{display:block;vertical-align: bottom;padding-left: 0;margin-top: 30px;}
.page footer .f-navi ul li{margin: 0 15px;}
.page footer .f-navi .l-box .logomark{display: block;margin: 0 0 30px 0;}
.page footer .s-r-box .en-txt{font-size:0.7em;line-height:1.3em;position: absolute;left:15px;bottom:15px;}
}

@media screen and (max-width: 600px){
.page footer .f-navi .blog img{width: 60px;}
.page footer .f-navi .blog .insta{width: 20px;}
.page footer .s-l-box{display:none;}
.page footer .s-r-box{width:100%;}
}

@media screen and (max-width: 480px){
.page footer{text-align: center;padding:50px 0;}
.page footer .s-r-box{width:100%;height:300px;}
.page footer .copyright{padding:30px 0 0 0;}
}

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



/*▼中面設定*/
.conts .all-width{margin:100px auto 140px auto;line-height:2.0;width: 1000px;min-width: 1000px;font-size:80%;color:#4E4E4E;}
#breadcrumbs{font-size: 8px;margin: 20px 15px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1100px){
.conts .all-width{display: block;margin: 80px auto 100px auto;width:92%;min-width:92%;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

/*ページタイトルh1*/
.pagetitle {
position: relative;
width:100% ; 
}

.pagetitle h1 {
color:#7284B0; letter-spacing: 0.2em;
font-size:18px;line-height:1.3;
font-weight:normal;
text-align:center;
border-bottom: 1px solid #7284B0;
padding:0 0 25px 0;
margin:45px 0 25px 0;
}

/* 見出しh2〜h6 */
.conts h2 {font-size: 15px !important;letter-spacing: normal;margin:45px 0 15px 0;padding:6px 18px;line-height: 1.3;letter-spacing:0.05em;background:#f9f9f9;font-weight:normal;}

.conts h3{color:#7284B0;font-size: 15px !important;border-left:1px solid #7284B0;font-weight:normal;margin:45px 0 15px 0;padding:0 0 0 15px;}

.conts h4{font-size: 14px !important;margin:45px 0 10px 0;}


/*投稿記事枠画像最大値*/
.conts img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}

/*中ページフッタバナー無し*/
#no-banner{margin:100px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}

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

/*リスト*/
.conts ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 2em;
}
.conts ul li {
position: relative;line-height: 1.8;
padding-left: 1.6em;line-height: 1.3;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "■";
color:#7284B0;
position: absolute;
left: 0;
top: 0;
}

/*ページ内カテゴリ名のulli設定を削除*/
.conts .category ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.conts .category ul li {
position: relative;line-height: 1;
padding-left: 0;
}

.conts .category ul li:before {
content: "";
color:none;
position: static;
left: 0;
top: 0;

}

/*ナンバー付リスト*/
.conts ol {
counter-reset: ordered_num;
background: none;
overflow: hidden;
margin-bottom: 1.2em;
}
.conts ol li {
text-indent: -1.7em;
padding-left: 1.7em;
margin-bottom: 0.5em;line-height:1.3;
}
.conts ol li:before {
counter-increment: ordered_num;
content: counter(ordered_num);
font-weight:normal;
background-color: #7284B0;
display: inline-block;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.6em;
margin-right: 0.6em; 
text-indent: 0;
text-align: center;
vertical-align:middle; 
margin-bottom:0.3em;
}


/* テーブル */
table {
width: 100%;
padding: 0;
margin-bottom: 2.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #E5E7EB;line-height:1.6;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
}
table th, table td {
border: 1px solid #E5E7EB;
padding: 1.2em 1.2em;
}
table th {
background: #F1F2F7;
font-weight: normal;
}
table thead th {
font-size: 0.9rem;
background-color: #F1F2F7;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
background: #F1F2F7;
}
.table_line td {
border-left: 0;
border-right: 0;
vertical-align: middle;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
table th, table td {}
table th {white-space: normal;}
}
/*--------------------------------------------------------------------------------*/

/*背景色枠*/
.bg-box{background:#F1F2F7 !important ;padding:30px 40px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox input{width:60%;}
.formbox input[type="checkbox"]{width:auto;margin-right: 1em;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ccc;
font-size: 16px ;
}
.formbox select{font-size: 17px !important;}
.formbox input[type="submit"]{
-webkit-appearance: none;

}
.formbox dl{margin: 25px 0 0 0;}
.formbox dd{margin: 0 0 15px 0;}
.formbox .formbuttan{text-align: center;margin: 20px 0;}
.formbox .formbuttan input{
color: #7284B0;padding: 14px 0 !important;border: 1px solid #7284B0; width: 386px !important;font-size:100% !important;
background:#fff;
}
.formbox .formbuttan input:hover{
color: #fff;padding: 14px 0 !important;border: 1px solid #7284B0; width: 386px !important;font-size:100% !important;
background:#7284B0;
cursor:pointer;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox input{width:100%;}
.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{ width: 100% !important;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

.link-btn{
display: inline-block;vertical-align: middle;
line-height: 1;
max-width:500px;
min-width:350px;
font-size:100% !important;background-color:#ffffff;
border: 1px solid #7284B0;
}
.link-btn a{padding: 16px  !important;display: block;color:#7284B0;}
.link-btn a:hover{background-color: #7284B0;color:#fff;text-decoration:none;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.conts .link-btn{min-width:100%;}
}
@media screen and (max-width: 480px){
.conts .link-btn a{width: 100% !important;padding: 20px 0 !important;
font-size:14px !important;}
}
/*--------------------------------------------------------------------------------*/

/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{display: inline-block;vertical-align: top;
padding-bottom: 20px;margin-bottom: 20px;width:100% !important;border-bottom: 1px solid #F2F2F2;}

.listbox .thumb{float: left;}
.listbox .thumb img{margin: 0 1.5em 0 0;width:80px !important; height: 80px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .title{font-size: 12px;line-height: 1.3;}
.listbox .title br{display: none;}
.listbox a{text-decoration:none;color:#7284b0;}
.listbox .date{font-size: 10px;margin: 0 0 5px 0;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.listbox .title{line-height: 1.3; line-height: 1.3;margin: 5px 0 10px 0;}
}
@media screen and (max-width: 480px){
.listbox .thumb img{width: 80px !important; height: 80px !important; display: inline-block;vertical-align: top;}
}
/*--------------------------------------------------------------------------------*/


/*ページャー*/
.pager{
text-align: center;
font-size: 13px;
padding:0;margin-top: 0;
}
.pager a{color: #000;}
.pager h2{display: none !important;}

.wp-pagenavi {text-align: center;display: block;margin-top: 5px;}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 2px 3px;
margin: 0px;font-size: 14px;display: inline-block;
}

.p-footer {margin: 30px 0 0 0;}
.p-footer .tenline {margin: 5px 0 10px 0;border: none;}
.p-footer .date {margin-right: 5px;font-size: 13px;display: inline-block;}
.p-footer .category {color:#1B70B5;font-size:12px;min-width:80px;line-height:1;display: inline-block;}
.p-footer .tag {padding: 0 8px;display: inline-block;font-size: 13px;line-height: 1.3;border-left: 1px solid #000;}


/*worksページ*/
.works-page {}
.works-page .site-img {}
.works-page .title-box {}
.works-page .title-box h1{}

.works-page .pagetitle {
position: relative;
width:100% ; line-height:1.3;
}

.works-page .pagetitle h1 {
font-size:16px;line-height:1.3;
border-bottom: none;
padding:0;
margin:60px 0 10px 0;
}

.works-page .sub-copy {text-align: center;font-family: "ChikugoMin", serif;font-size:1.8em;margin:0 0 50px 0;}

.works-page .lists{width:700px;margin:0 auto 50px auto;display:block;font-size:0.8em;line-height:5 !important;letter-spacing:0.2em;}
.works-page .inner{width:700px;margin:0 auto;}
.works-page .bg-en {height:140px;margin-bottom:40px;
background: linear-gradient(0deg, rgba(250, 224, 232, 1) 0%, rgba(234, 236, 227, 1) 100%);
position:relative;font-family: "din", sans-serif;}


.works-page .bg-en .zukei{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.works-page .bg-en .zukei img{width: 80px;}

.works-page .bg-en .en-txt{
font-weight: lighter !important;
color: #fff;font-size:0.7em;
letter-spacing:0.05em;text-align:left;line-height:1.8em;
position: absolute;
width:400px;
top:20px;
left:150px;
}

.works-page .genre {float:left;font-family: "din", sans-serif;letter-spacing:0.3em;font-size:1.2em;}
.works-page .cat {float:right;letter-spacing:0.3em;font-size:0.9em;}
.works-page .jp-explain {clear:both;padding:80px 0 30px 0;border-bottom:4px double #7284B0;}
.works-page .en-explain {padding:30px 0;color:#C9C9C9;}

.kanren-site {font-family: "din", sans-serif;letter-spacing:0.3em;font-size:1.2em;color:#7284B0;
border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;
padding:40px 0;margin:50px 0 180px 0;
}
.kanren-site .kanren-title{margin-bottom:15px;text-align: center;}
.kanren-site .box{margin-bottom:15px;width:30%;display:inline-block;margin:0 1.2%;}
.kanren-site .title{font-size:0.8em;margin-top:15px;letter-spacing:0.1em;text-align: center;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1100px){
.works-page .bg-en .en-txt{
font-weight: lighter !important;
color: #fff;font-size:0.7em;
letter-spacing:0.05em;text-align:left;line-height:1.8em;
position: absolute;
width:80%;
top:20px;
left:20px;
}
}
@media screen and (max-width: 768px){
.works-page .lists,.works-page .inner{width: 100%;}
.kanren-site .box{margin-bottom:15px;width:30%;display:inline-block;margin:0 0.8%;}
}

@media screen and (max-width: 480px){
.kanren-site {margin:0 0 100px 0;
}
}
/*--------------------------------------------------------------------------------*/