@charset "UTF-8";
/* google font */
@import url('https://fonts.googleapis.com/css?family=Radley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Amiko:wght@400;600;700&display=swap');/*font-family: 'Amiko', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow&display=swap');/*font-family: 'Archivo Narrow', sans-serif;*/

html, body{height: 100%;width: 100%;font-size: 62.5%;background-color: #000000;}/*font size 62.5%=10px 1.0rem=10px*/

/****************************************
Smart phone BASE 767
*****************************************/
.sp_view{display: none;}

/*--------------------------
COMMON
--------------------------*/

#wrapper {
	background: #FFA6AA;
	min-width: 1024px;
	color: #24364E;
	box-sizing:border-box;
	position: relative;
}

.bg_wtpink {
	background: #F2E2E5;
}

#container {
	width:100%;
	margin:0 auto;
	padding:0;
	}

#contents {
	padding-top: 80px;
	}

p {
	text-align: left;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
	line-height: 1.75em;
	color: #24364E;
}


.ttl {
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	padding: 55px 0;
}

.ttl_pc {
	height: 40px;
    margin: 40px 0;
    text-align: center;
}

.bar_bk img {
	min-width: 100%;
}

ul {
	list-style: none;
}

.btn {
	overflow: hidden;
	width: 189px;
	height: 60px;
	margin: 65px auto 0 auto;
	padding: 0;
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #24364E;
	border-radius: 10px ;
	border: solid 1px #24364E;
	}

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

#header {
	
}
.header_sticky {
    position: fixed;
    width: 100%;
    height: 85px;
    z-index: 1;
    transition: 1s;
	text-align: center;
}

.header_sticky img {
    margin-top: 50px;
}

.header_sticky_02 {
	position: fixed;
    width: 113px;
    z-index: 7777;
	top: 100px;
    transition: 1s;
	text-align: left;
}

.header_sticky_02 img {
	width: 113px;
}

.header_sticky_03 {
    position: fixed;
    width: 100%;
    height: 85px;
    z-index: 1;
    transition: 0.25s;
	text-align: center;
}

.header_sticky_03 img {
    margin-top: 50px;
}

.header_sticky_04 {
	position: fixed;
    width: 113px;
    z-index: 7777;
	top: 100px;
	left: 125px;
    transition: 0.25s;
	text-align: left;
}

.header_sticky_04 img {
	width: 113px;
}

.header_sticky_05 {
	position: absolute;
    width: 178px;
    z-index: 0;
	top: 163px;
	right: 130px;
    transition: 0.25s;
	text-align: left;
}

.header_sticky_05 img {
	width: 178px;
}

.header_sticky_05_2 {
    width: 100%;
    z-index: 7777;
	text-align: right;
	margin: 200px 0 0 0 ;
	margin-right: 130px;
}

.header_sticky_05_2 img {
	width: 178px;
	text-align: right;
	padding-right: 130px;
}

.header_sticky_05_3 {
    width: 100%;
    z-index: 7777;
	text-align: right;
	margin: 0 130px 0 0 ;
	padding-bottom: 135px;
	background: #F2E2E5;
}

.header_sticky_05_3 img {
	width: 178px;
	text-align: right;
	padding-right: 130px;
}

.header_sticky_05_4 {
    width: 100%;
    z-index: 7777;
	text-align: right;
	padding: 200px 0 135px 0 ;
	background: #F2E2E5;
}

.header_sticky_05_4 img {
	width: 178px;
	text-align: right;
	padding-right: 130px;
}

/*--------------------------
NAVIGATION
--------------------------*/
/* グルーバルメニュー */
nav.globalMenuSp {
    position: fixed;
    z-index: 0;
    top: 0;
    /*right: 0;*/
    left: 0;
    height: 100%;
    overflow: auto;
    background: #24364E;
    color: #FFA6AA;
	opacity: 0;
    /*transform: translateY(-100%);*/
    transition: all 0.6s;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

nav.globalMenuSp #nav_ttl_01{
	margin: 50px 0 160px 0;
	text-align: center;
}


nav.globalMenuSp #nav_ttl_02 img {
	width: 113px;
}

nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0 0 0 0 ; 
    width: 360px;
	text-align: left;
}

nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0 0 0 0;
    width: 100%;
    color: #FFA6AA;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	font-family: 'Archivo Narrow', sans-serif;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #FFA6AA;
    padding: 0 0;
}


nav.globalMenuSp ul li:nth-child(1), nav.globalMenuSp ul li:nth-child(3), nav.globalMenuSp ul li:nth-child(4) , nav.globalMenuSp ul li:nth-child(5) {
    display: block;
    color: #FFA6AA;
    margin: 0 0 56px 0;
}

nav.globalMenuSp ul li:nth-child(2) {
    display: block;
    color: #FFA6AA;
    margin: 0 0 20px 0;
}


nav.globalMenuSp ul li:last-child {
	width: 32px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	opacity: 1;
	z-index: 2;
    /*transform: translateY(0);*/
}

.overflowHidden {
    overflow: hidden;
}


/* ハンバーガー */
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 35px;
    top:35px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 28px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0;
}

.navToggle span:nth-child(1) {
    top: 24px;
	left: 17px;
	border-bottom: solid 1px #24364E;
	opacity: 0;
}

.navToggle span:nth-child(2) {
    top: 35px;
	left: 17px;
	border-bottom: solid 1px #24364E;
	opacity: 0;
}

.navToggle span:nth-child(3) {
    top: 18px;
	left: 17px;
	border-bottom: solid 1px #24364E;
	opacity: 0;
}

.navToggle span:nth-child(4) {
    top: 26px;
	left: 17px;
	font-size: 1.0rem;
	letter-spacing: 0.1em;
	color: #24364E;
	font-family: 'Archivo Narrow', sans-serif;
}

.navToggle span:nth-child(5) {
    top: 0px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: solid 1px #24364E;
	box-sizing:border-box;
}


/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 30px;
    left: 17px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	opacity: 1;
	border-bottom: solid 1px #FFA6AA;
}

.navToggle.active span:nth-child(2){
    top: 30px;
	left: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity: 1;
	border-bottom: solid 1px #FFA6AA;
}

.navToggle.active span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity:0;
}

.navToggle.active span:nth-child(4) {
    top: 30px;
	left: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity:0;
}

.navToggle.active span:nth-child(5) {
	border: solid 1px #FFA6AA;
}

/*--------------------------
main
--------------------------*/
#main_container_pc {
	padding-top: 0;
	position: relative;
	width: 100%;
	margin: 0 auto;
	/*height: 100vh;*/
}

#main_pc_keyvisual{}

#main_pc_keyvisual img {
	display: block;/*画像下の1pxの隙間を消す*/
	margin: 0 auto;
	width: 980px;
	padding-top: 140px;
}

#main_pc_keyvisual_inner {}

#main_pc_bottom {}

#main_pc_bottom img {
	display: block;/*画像下の1pxの隙間を消す*/
	margin: 0 auto;
}

.main_arrow {}

/*--------------------------
next_info
--------------------------*/

#next_info {
	width: 720px;
	margin: 100px auto 0 auto;
	text-align: center;
}

.next_info_slick {
	width: 720px;
}

#next_info img {
	width: 100%;
}

/*--------------------------
latast_info
--------------------------*/

#latast_info {
	width: 600px;
	text-align: center;
	margin: 150px auto 0 auto;
}

#latast_info ul.latast_info_ul li {
	border-bottom: solid 1px #EB9DA1;
	padding: 20px 0;
}

#latast_info ul.latast_info_ul li:first-child {
	border-top: solid 1px #EB9DA1;
}

.latast_info_list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.latast_info_list .latast_info_tag {
	width: 146px;
	height: 30px;
	background: #24364E;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #FFA6AA;
	font-family: 'Archivo Narrow', sans-serif;
	line-height: 30px;
}

.latast_info_list .latast_info_date {
	width: 80px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	font-family: 'Archivo Narrow', sans-serif;
}

.latast_info_list .latast_info_txt {
	width: 353px;
}

#latast_info h1 {
	text-align: left;
	font-family: 'Amiko', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.0em;
	margin-bottom: 50px;
}

/*--------------------------
what_we_do
--------------------------*/

#what_we_do {
	width: 600px;
	text-align: center;
	margin: 150px auto 0 auto;
}

#what_we_do img{
	padding-bottom: 50px;
}

.what_we_do_person {
	text-align: center;
	margin-top: 77px;
}

/*--------------------------
contact
--------------------------*/

#contact {
	width: 100%;
	text-align: center;
	margin: 150px auto 0 auto;
	padding: 67px 0 30px 0;
	background: #24364E;
}
#contact p {
	text-align: center;
	color: #FFA6AA;
}

#contact .btn {
	overflow: hidden;
	width: 189px;
	height: 60px;
	margin: 65px auto 0 auto;
	padding: 0;
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #FFA6AA;
	border-radius: 10px ;
	border: solid 1px #FFA6AA;
	}

#contact .btn a {
	display: block;
	position: relative;
	z-index: 1;
	text-align:center;
	/*background: #FFA6AA;*/
	color: #FFA6AA;
	line-height: 60px;
	text-decoration:none;
}
#contact .btn a:hover {
	background: #FFA6AA; 
	color: #24364E;
	opacity:1;
}

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

#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 153px 0 38px 0;
	background: #24364E;
}

#footer_02 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 153px 0 38px 0;
	background: #FFA6AA;
}

#footer_03 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 153px 0 38px 0;
	background: #F2E2E5;
}

#footer p {
	text-align: center;
	color: #FFA6AA;
}

#footer_inner {
	width: 1024px;
	margin: 0 auto;
}

#footer_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}


/*--------------------------
who_we_are
--------------------------*/
#who_we_are {
	width: 800px;
	margin: 0 auto;
}

.who_we_are_person {
	text-align: center;
	padding: 175px 0 80px 0;
}

.who_we_are_person a:hover {
	text-decoration: underline;
	opacity: 1;
}

.prof {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 130px 0 60px 0;
}

.prof.sp_view {
}

.prof_left {
	width: 200px;
}

.prof_left p{
	text-align: left;
	font-size: 2.0rem;
	color: #24364E;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.prof_right {
	width: 600px;
}

.prof_name_right {
	font-size: 1.4rem;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	display: inline-block;
	margin-top: 35px;
}

.prof_name_left {
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.3em;
	line-height: 1.8em;
	margin-top: 35px;
}

.nosaka_prof_right_slick {
	width: 520px;
	margin-top: 43px;
}

.nosaka_prof_right_slick img {
	width: 100%
}

.prof_name_top {
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

.prof_name_bottom {
	font-family: 'Amiko', sans-serif;
	font-size: 3.0rem;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	font-weight: 700;
}

.prof_txt {
	padding-top: 20px;
}

.prof_discograph .row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.prof_discograph .row .item {
	margin: 6px 0;
}

.prof_discograph .row .item.date {
	width: 160px;
	text-align: right;
	margin-right: 40px;
	color: #24364E;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	font-family: 'Archivo Narrow', sans-serif;
}

.prof_discograph .row .item.detail {
	width: 600px;
	color: #24364E;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}

.prof_name_sns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.prof_name {}

.prof_sns {
	padding: 8px 8px 0 0 ;
}

/*--------------------------
contact form
--------------------------*/
#contact_form {
	background: #F2E2E5;
	color: #D14E50;
	margin: 0;
	padding: 0;
}

#contact_container {
	width: 800px;
    margin: 0 auto;
	padding: 370px 100px 80px 100px;
	/*padding: 0 100px;*/
    /*background: #A14447;*/
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	color: #616477;  
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/




/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:1.5rem;
 color:#64677A;
 width:40%;
 /*background:#f7f7f7;*/
 /*border-bottom:solid 1px #d7d7d7;*/
    padding: 10px;
}
.inquiry td {
    width:60%;
}
/*通常欄*/
.inquiry td{
 font-size:1.3rem;
 /*border-bottom:solid 1px #d7d7d7;*/	
    text-align:left;
    padding: 30px 10px;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border-bottom:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:1.2rem;
 padding:5px 10px;
 background:#ffffff;
 color:#64677A;
 /*border-radius:2px;*/
    border: solid 1px #64677A;
 margin-right:5px;
 position:relative;
 left:20px;
}

/*任意の調整*/
.any{
    display: none;
 font-size:1rem;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:0;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

input, textarea {
    width: 500px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
    background: #FFA6AA;
    border: none;
}

.wpcf7-list-item.first input, .wpcf7-list-item.last input, .wpcf7-list-item input {
    width: 20px;
}

.wpcf7-list-item-label {
    margin-right: 50px;
}

p .wpcf7-form-control-wrap {
    padding: 100px 0;
}

.wpcf7-form-control-wrap.file-548 input {
	line-height: 0;
	height:auto;
	padding: 20px;
}

/*div.btn_submit input {
    width: 100%;
    color: #ffffff;
    background: #64677A;
}*/

::placeholder {
  color: #B2C1D9;
}

/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#FF0004;
 color:#FF0004;
 font-size:18px;
 font-weight:bold;	 
 border-radius:0;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

th {
	vertical-align: top;
}

th p {
	font-size: 1.6rem;
	line-height: 0.7em;
	font-weight: 100;
	padding: 30px 0;
}

.contact_txt_en {
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

.contact_attention {
	width: 510px;
	box-sizing: border-box;
	border: solid 1px #FFA6AA ;
	padding: 20px;
	margin: 50px 0 50px 270px;
}
.contact_attention p {
	text-align: left;
	letter-spacing: 0.0em;
	font-size: 1.2rem;
	line-height: 2.0em;
	color: #24364E;
}

.contact_attention p:first-child {
	text-align: left;
	letter-spacing: 0.0em;
	font-size: 1.4rem;
	line-height: 2.0em;
	color: #24364E;
}

/* 送信ボタンカスタム */
.send_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.send_button {
	display: block;
	width: 250px;
	height: 60px;
	margin: 0 20px;
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #24364E;
	border-radius: 10px ;
	border: solid 1px #24364E;
	background: #F2E2E5;
	cursor: pointer;
	}

.send_button:hover {
	background: #F2E2E5; 
	color: #FFA6AA;
	border: solid 1px #FFA6AA;
	opacity:1;
}

p.accept {
	margin:50px 0 100px 0;
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px;
}


/* 確認画面カスタム */
textarea.wpcf7c-conf, input.wpcf7c-conf{
	background: #EBDADD;
	color: #24364E!important;
	border-left:none;
	border-top:none;
	border-bottom:none;
	border-right:none;
	box-shadow:none;
	border-radius:0;
	margin-top:0.5em;
}


/*--------------------------
sigle page
--------------------------*/

.single_category {
	text-align: left;
	font-family: 'Amiko', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.0em;
}

.single_category:first-child {
	padding: 0 0 20px 0;
}

.single_category:last-child {
	padding: 0 0 80px 0;
}

.single {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}

.single_left {
	width: 200px;
	margin: 195px 0 0 0;
}

.single_right {
	width: 600px;
	margin: 350px 0 0 0;
}

.single_txt {
	padding: 20px 0 155px 0;
}

.single_txt h1 {
	font-size: 2.1rem;
	font-weight: normal;
	line-height: 1.5em;
}

.single_txt h2 {
	font-size: 1.2rem;
	font-weight: normal;
	margin: 30px 0 20px 0;
	letter-spacing: 0.1em;
}

.single_txt h2 span {
	margin: 0 20px;
}

.single_txt p:first-child {
	border-top: #ea9ba0 solid 1px;
	padding-top: 70px ;
}

.single_txt p {
	margin-bottom: 40px;
}

.single_txt img {
	margin-bottom: 55px;
}

#single_footer {
	height: 90px;
	line-height: 90px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	border-top: #ea9ba0 solid 1px;
	border-bottom: #ea9ba0 solid 1px;
}

#single_footer img {
	margin: 29px 0 0 25px;
}

#single_footer li {
	font-size: 1.2rem;
}

#single_footer_btn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

#single_footer_btn div {
	margin: 60px 25px 0 25px;
}

/*--------------------------
category list
--------------------------*/

.category_sticky {
	position: fixed;
    width: 200px;
    z-index: 7777;
	top: 195px;
	left: 15%;
}

.category_sticky img {
	width: 113px;
}

.category_sticky_inner {
}

/*--------------------------
info page
--------------------------*/

.info_right {
	width: 600px;
	margin:200px 0 0 0;
}

/*-- pagination --*/
.pagination ul.page-numbers {
    display: flex;
	flex-flow: row;
	align-items: stretch;
	justify-content:center;
	margin: 0 auto;
	list-style-type: none;
	width: 500px;
	padding-top: 100px ;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	color: #616477;
}

.pagination ul.page-numbers li {
    margin: 10px;
	color: #24364E;
}

.pagination ul.page-numbers li a {
    color: #24364E;
	text-decoration: underline;
}

.latast_info_list .latast_info_tag_page {
	width: 146px;
	height: 30px;
	background: #24364E;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-family: 'Archivo Narrow', sans-serif;
	line-height: 30px;
	
}

.latast_info_list .latast_info_date_page {
	width: 80px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	font-family: 'Archivo Narrow', sans-serif;
}

.latast_info_list .latast_info_txt_page {
	width: 353px;
}

/*--------------------------
category
--------------------------*/

#category {
	background: #F2E2E5;
}

/* form */
.send_flex.acceptance {
padding-left: 30px;
margin-bottom: 40px;
}