/********************************************************************** 
Common styles 共通パーツなど
***********************************************************************/
@charset "UTF-8";
/* CSS Document */
@media (max-width:959px){


body {
    color: #595757;
}

body.open {
	position: fixed;
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out;
}

a {
    color: #007ec7;
}

/* #mainV, */
h2.menu,
p.menu01,
p.menu02,
p.menu03,
p.menu04,
p.menu05,
img.attachment-seminar,
#page div.area h3.tokyo span,
#page div.area h3.osaka span {
	display: none;
}


/* pankuzu パンくず */
#icapth {
    font-size: 12px;
    margin: 75px 0 9px;
    padding: 8px 16px;
    background-color: #fafafa;
}
div#icapth ul li {
	padding-right: 20px;
	position: relative;
	float: left;
}
div#icapth ul li:after {
    content: ">";
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 0;
    right: -17px;
}
div#icapth ul li:last-child:after {
    content: "";
}



/********************************************************************** 
Header ヘッダー
***********************************************************************/
#headderWrap {
	width: 100%;
	height: auto;
	position: relative;
}

#headder {
	width: 100%;
	/* height: 20px; */
	height: 64px;
	background: #fff;
	margin: 0 auto;
	padding: 45px 0 0;
	position: fixed;
	top: 0;
	z-index: 99999;
}

#headderWrap p.bird {
	display: none;
}

#headder h1 {
	position: absolute;
	top: 18px;
	left: 8px;
}

#headder h1 a {
    width: 240px;
    height: 30px;
    background: url(../img/logo.gif) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    display: block;
}
#headder h1 a:hover {
	opacity: 0.8;
}

p.gNavBtn {
    background-size: contain;
    text-indent: -9999px;
    position: absolute;
    top: 38px;
    right: 8px;
    z-index: 99998;
}

p.gNavBtn span:nth-child(1):after{
	content: "";
	width: 30px;
	height: 4px;
	background: #838383;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: -32px;
}
p.gNavBtn span:nth-child(2):after{
	content: "";
	width: 30px;
	height: 4px;
	background: #838383;
	border-radius: 5px;
	position: absolute;
	top: -9px;
	left: -32px;
}
p.gNavBtn span:nth-child(3):after{
	content: "";
	width: 30px;
	height: 4px;
	background: #838383;
	border-radius: 5px;
	position: absolute;
	top: -19px;
	left: -32px;
}

p.close {
    width: 15%;
    height: 110%;
    font-size: 60px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
    position: absolute;
    top: -25px;
    right: 0;
    z-index: 99999;
}

#headder #smgNav {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
	z-index: 999999;
}

#headder p.contact {
    display: none;
    position: absolute;
    top: 15px;
    right: 55px;
}

#headder p.contact a {
    width: 63px;
    height: 35px;
    background: url(../img/head_contact.gif) no-repeat;
    display: block;
    text-indent: -9999px;
}

#headder ul#gNav {
	width: 85%;
	height: 100%;
    background: #fff;
    overflow: scroll;
    padding: 20px 20px 0;
    box-sizing: border-box;
}

#headder ul#gNav li {
	position: relative;
	overflow: hidden;
}

#headder ul#gNav li a {
	width: 100%;
	font-size: 14px;
	color: #262626;
	line-height: 60px;
	text-decoration: none;
    display: block;
    text-align: center;
}
#headder ul#gNav li a img{
    max-width: 200px;
    margin: 0 auto;
}


#gNav01_aco .accordion input[type="checkbox"]:checked + .accordionIn{
    height: 243px;
	border-bottom: 1px #ACACAC solid;
}
#gNav02_aco .accordion input[type="checkbox"]:checked + .accordionIn{
    height: 121px;
	border-bottom: 1px #ACACAC solid;
}
#gNav02_aco .accordion input[type="checkbox"]:checked + .accordionIn{
    height: 121px;
	border-bottom: 1px #ACACAC solid;
}

#gNav04_aco .accordion input[type="checkbox"]:checked + .accordionIn{
    height: 304px;
	border-bottom: 1px #ACACAC solid;
}

.accordion label {
    height: 60px;
    background: #e3e3e3;
	font-size: 14px;
	color: #262626;
	line-height: 60px;
	text-decoration: none;
	border-bottom: 1px #ACACAC solid;
    display: block;
	padding-left: 35px;
    cursor: pointer;
	position: relative;
}

.accordion label:after {
	content: "+";
	font-size: 17px;
	position: absolute;
	top: 0;
	right: 10px;
}

.accordion input[type="checkbox"]{
    display: none;
}
.accordion .accordionIn {
    overflow: hidden;
    height: 0;
    text-decoration: none;
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out;
	position: relative;
}

#headder ul#gNav li div.accordionIn a {
	background: #fff;
	position: relative;
}
#headder ul#gNav li div.accordionIn a:after {
	content: ">";
	position: absolute;
	top: -1px;
	left: 20px;
}


/********************************************************************** 
Main Visual メインビジュアル
***********************************************************************/
#mainV_sm {
    width: 100%;
    height: 293px;
    background: url(../img/mainvBg_sm.gif) center bottom repeat-x;
    overflow: hidden;
    padding: 10px 0;
    margin: 30px 0 10px;
    position: relative;
}

/********************************************************************** 
Contents
***********************************************************************/

#contentWrap {
	width: 100%;
	height: auto;
	margin: 0 auto
}

#content {
	width: 100%;
	height: auto;
}

#content div.smDisplay ul {
	width: 350px;
	height: auto;
	margin: 0 auto 20px;
}

#content div.smDisplay ul li a {
	width: 172px;
	height: 43px;
	background: url(../img/sm_mailmag.gif) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 0 5px 0 0;
	float: left;
}

#content div.smDisplay ul li:last-child a {
	background: url(../img/sm_form.gif) no-repeat;
	background-size: contain;
	margin: 0 0 0 0;
}

/* メインのタイトル文字の水タイル */
.main-title{
    font-size: 20px;
    font-weight: 600;
}
p{
    font-size: 14px;
    line-height: 200%;
    margin-bottom: 1em;
}

/********************************************************************** 
archive 次と前の記事に飛べるやつ
***********************************************************************/

/* 記事一覧のスタイル */
.archive-wrapper .post-items a:hover{
    text-decoration: none;
}
.archive-wrapper .post-items{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #333;
}
.archive-wrapper .post-items a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.archive-wrapper .post-items:last-child{
    margin-bottom: 0;
}
.archive-wrapper .post-title{
    color: #f9ba2b;
    font-size: 16px;
    font-weight: bold;
}
.archive-wrapper .post-thumbnail{
    width: 32%;
    max-width: 214px
}
.archive-wrapper .post-thumbnail img{
    border-radius: 10px;
    display: block;
    width: 100%;
}
.archive-wrapper .post-text{
    width: 66%;
}
.archive-wrapper .posted-date{
    font-size: 12px;
}
.archive-wrapper .post-excerpt{
    font-size: 14px;
    line-height: 160%;
}

.pagination{
    margin-top: 16px;
}
.page-numbers{
    text-align: center;
}
.page-numbers li{
    display: inline-block;
    margin-left: 8px;
}
.page-numbers li:first-child{
    margin-left: 0;
}
.page-numbers a,
.page-numbers .current{
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 200px;
    text-align: center;
    line-height: 40px;
    color: #454545;
    border: 1px solid #ffe295;
}
.page-numbers .current{
    background-color: #fee5a2;
}
.page-numbers a{
    box-shadow: 2px 2px 3px 1px rgba(249,186,43,0.35);
}
.page-numbers a:hover{
    background-color: #fbf1d8;
}



/* 次と前の記事に飛べるやつ */

.page-navi-wrapper{
    margin-top: 16px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    width: 96%;
    margin: 40px auto 0;
    box-shadow: 0px 0px 4px 1px rgba(249,186,43,0.3);
}
.page-navi-wrapper .previous-post a,
.page-navi-wrapper .next-post a,
.page-navi-wrapper .archive-post a{
    display: table-cell;
    height: 60px;
    padding: 8px;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    width: 1000px;
    color: #333;
}
.page-navi-wrapper .previous-post a{
    padding-left: 16px;
}
.page-navi-wrapper .next-post a{
    padding-right: 16px;
}
.page-navi-wrapper .previous-post a:hover,
.page-navi-wrapper .next-post a:hover,
.page-navi-wrapper .archive-post a:hover{
    color: #b18e25;
}
.page-navi-wrapper .previous-post,
.page-navi-wrapper .next-post{
    width: 100%;
    position: relative;
}
.page-navi-wrapper .previous-post:after,
.page-navi-wrapper .next-post:after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
    line-height: 60px;
}
.page-navi-wrapper .next-post:after{
    transform: rotate(135deg);
    left: auto;
    right: 8px;
}
.page-navi-wrapper .archive-post{
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}



/********************************************************************** 
Single 個別記事ページ
***********************************************************************/

.single-content img{
    margin: 40px 0;
}

.single-content strong{
    font-weight: 600;s
}

/********************************************************************** 
プロモーションムービー promotion movie
***********************************************************************/

#promotion-movie{
    width: 100%;
    height: auto;
    padding-top: 60%;
    margin-bottom: 1em;
    position:relative;
}
#promotion-movie iframe{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    display: block;
    height: 100%;
}
/* topNews */
#content #topNews {
    width: 95%;
    margin: 0 auto 30px;
}
#content #topNews h2{
    width: 95%;
    margin: 40px auto 30px;
}
#content #topNews h2 {
    width: 95%;
    max-width: 150px;
    margin: 30px auto 20px;
}

#content #topNews >#topNewsBox > ul > li > p.titele{
    font-size: 14px;
}

#content #topNews ul li {
	padding-bottom: 6.5px;
	margin-bottom: 6.5px;
	position: relative;
}
#content #topNews ul li:last-child:after {
	content: "";
	width: 0;
	height: 0;
}
#content #topNews ul li:after {
    content: "";
    width: 95%;
    height: 1px;
    background: #B8B8B8;
    margin: 0 0 0 -47.5%;
    position: absolute;
    bottom: 3px;
    left: 50%;
}

#content #topNews ul li p.date {
	font-size: 11px;
}

#content #topNews ul li p.date span {
	font-size: 13px;
	color: #FF0000;
}

#content #topNews ul li p.title {
	font-size: 13px;
	font-weight: bold;
}

#content #lineUp {
	width: 100%;
	height: auto;
}

#content #lineUp h2 {
    height: 69px;
    font-size: 15px;
    line-height: 78px;
    font-weight: normal;
    color: #595757;
    margin: 10px auto;
    position: relative;
}

#content #lineUp ul.seminars {
}

#content #lineUp ul.seminars li {
    width: 95%;
    margin: 0 0px 10px 10px;
    position: relative;
    border-bottom: 1px #eee solid;
    padding-bottom: 10px;
    padding-left: 0px;
}
#content #lineUp ul.seminars li:last-child {
    border-bottom: none;
	margin-bottom: 40px;
}

#content #lineUp ul.seminars li a:hover:after {
	content: "";
	width: 400px;
	height: 250px;
	background: rgba(255,255,255,0.3);
	position: absolute;
	top: 0;
	left: 0;
}

#content #lineUp ul.seminars li img {
	width: 24%;
	height: auto;
	float: left;
}
#content #lineUp ul.seminars li div.text {
    width: 60%;
    font-size: 14px;
    color: #878686;
    text-align: left;
    line-height: 18px;
	margin-left: 30px;
	float: left;
}

#content #lineUp ul.seminars li div.text h3 {
	text-align: left;
	margin-bottom: 9px;
	position: relative;
    color: #cf5555;
}

#content #lineUp ul.seminars li div.text h3.title_red {
	/*background: url(../img/red.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_red:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/red_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_red:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/red_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li div.text h3.title_blue {
	/*background: url(../img/blue.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_blue:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/blue_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_blue:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/blue_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li div.text h3.title_green {
	/*background: url(../img/green.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_green:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/green_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_green:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/green_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li div.text h3.title_Lblue {
	/*background: url(../img/Lblue.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_Lblue:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/Lblue_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_Lblue:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/Lblue_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li div.text h3.title_purple1 {
	/*background: url(../img/purple1.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_purple1:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/purple1_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_purple1:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/purple1_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li div.text h3.title_purple2 {
	/*background: url(../img/purple2.svg) repeat-x;*/
	padding: 1px 5px;
}
#content #lineUp ul.seminars li div.text h3.title_purple2:after {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/purple2_l.svg) no-repeat;*/
    position: absolute;
    top: 0;
    left: -10px;
}
#content #lineUp ul.seminars li div.text h3.title_purple2:before {
    content: "";
    width: 30px;
    height: 21px;
    /*background: url(../img/purple2_r.svg) no-repeat;*/
    position: absolute;
    top: 0;
    right: -30px;
}

#content #lineUp ul.seminars li p.more {
	display: none;
}
/*** content ***/


/********************************************************************** 
page
***********************************************************************/
.page-title-image{
    width: 90%;
    max-width: 800px;
    margin: 40px auto;
}
.page-title-image img{ 
    width: 100%;
    display: block;
}

p.more a,
p.post-more a {
    width: 200px;
    text-align: center;
    border: 1px #007ec7 solid;
    display: block;
    padding: 8px 0;
    margin: 20px auto 0;
}

ul.pNav {
	margin-bottom: 30px;
}

ul.pNav li {
	width: 50%;
    position: relative;
    float: left
}

ul.pNav li a {
    height: 53px;
    color: #262626;
    font-size: 14px;
    text-decoration: none;
    background: #e3e3e3;
    line-height: 50px;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    position: relative;
}
ul.pNav li:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
ul.pNav li:nth-child(odd):after {
    content: "";
    width: 1px;
    height: 53px;
    background: #999;
    position: absolute;
    top: 0;
    right: 0;
}

ul.pNav li a:after {
    content: ">";
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 16px;
}

ul#alseraUl li:last-child {
    width: 100%;
}
ul#alseraUl li:last-child a {
}

#alseraUl > li.pNavHome,
#contentsUl > li.pNavHome{
	display: inline;
}




#page {
    margin-bottom: 70px;
}

#page div.area {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

#page div.area div.post {
    margin-bottom: 40px;
}

#page div.area img {
    max-width: 100%;
    height: auto;
}

.main-title {
    font-size: 20px;
    text-align: center;
    border-bottom: 1px #000 dotted;
    padding-bottom: 3px;
    margin-bottom: 15px;
    position: relative;
}
.main-title:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 2px;
    left: 0;
}


#page div.post div.post-content {
    border-bottom: 1px #000 dotted;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}


#page div#therapy-course ul.grid,
#page div#training ul.grid,
#page div#society ul.grid {
    font-size: 15px;
    color: #595757;
    line-height: 25px;
    margin: 30px 0;
}

#page div#therapy-course ul.grid li,
#page div#training ul.grid li,
#page div#society ul.grid li {
	padding: 10px;
}
#page div#therapy-course ul.grid li:nth-child(odd),
#page div#training ul.grid li:nth-child(odd),
#page div#society ul.grid li:nth-child(odd) {
	background: #5FCEB1;
	color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0;
}
#page div#therapy-course ul.grid li:nth-child(even),
#page div#training ul.grid li:nth-child(even),
#page div#society ul.grid li:nth-child(even) {
	background: #F0F4F0;
}

#page div#therapy-course ul.grid li p,
#page div#training ul.grid li p,
#page div#society ul.grid li p {
	margin: 0;
}




#page ul.grid {
    font-size: 15px;
    color: #595757;
    line-height: 25px;
    margin: 30px 0;

    content:" ";
    display:block;
    clear:both;
}

#page ul.grid li {
	display: block;
	padding: 10px;
}
#page ul.grid li:nth-child(odd) {
    height: 30px;
    background: #5FCEB1;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 0;
}
#page ul.grid li:nth-child(even) {
    height: auto;
    background: #F0F4F0;
}
#page ul.grid li.fee img {
    width:85px;
}
#page ul.grid li p {
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}
/*** page ***/



/*********************************************
アルセラのコースと養成講座の子ページのナビ
*********************************************/
.child-navi-wrapper{
    width: 80%;
    margin: 80px auto;
}
.child-navi-container{
    margin: 0 auto;
}
.child-navi-title{
    text-align: center;
    border-bottom: 2px solid #e4b039;
    font-size: 20px;
    font-weight: 600;
    color: #e4b039;
    margin-bottom: 16px;
}
.child-navi-items{
    width: 100%;
    margin-bottom: 24px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 1px rgba(249,186,43,0.3);
}
.child-navi-items:last-child{
    margin-bottom: 0;
}
.child-navi-items a{
    display: block;
    padding: 16px;
    display: flex;
    justify-content: space-between;
}
.child-navi-items .item-title{
    width: 56%;
    margin-bottom: 0;
}
.child-navi-items .thumbnail{
    width: 40%;
    overflow-y: hidden;
}
.child-navi-items .thumbnail img{
    width: 100%;
    margin-bottom: 0;
    display: block;
}


/********************************************************************** 
about アルバムセラピーとは
***********************************************************************/
h2.contentsTitle {
    width: 100%;
    height: 0;
    background: url(../img/contents_title.jpg) center no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    overflow: hidden;
    padding-top: 16%;
    padding-bottom: 0!important;
    border: none!important;
    margin: 0!important;
}
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem.textWrap h3,
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem.textWrap h3{
    font-size: 20px;
}
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem.textWrap span,
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem.textWrap span{
    font-size: 10px;
}
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem ul.gridBox,
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem ul.gridBox{
    justify-content: space-between;
    max-width: initial;
    width: 100%;
    padding: 0;
    margin: 20px auto 0;
}
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem ul.gridBox > li > a,
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem ul.gridBox > li > a{
    max-width: initial;
    width: 100%;
    padding: 0 2%;
    margin: 20px auto;
}
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem ul.gridBox.col_2 .gridItem{
    width: 46%;
    padding: 0;
    font-size: 11px;
}
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem ul.gridBox > li > a,
#contentWrap #aboutAlbumTherapy > .gridBox .gridItem ul.gridBox > li > a{
    margin: 10px auto;
}

/*** アルバムセラピーとは ***/


/*** アルバムセラピストとは ***/
#contentWrap #aboutAlbumTherapist > .gridBox .gridItem ul.gridBox.col_2 .gridItem{
    width: 46%;
    padding: 0;
    font-size: 11px;
}
/*** アルバムセラピストとは ***/


/*** 企業・学校向けカスタマイズ講座 ***/
#contentWrap #customize h2{
    width: 96%;
}
#contentWrap #customize .gridItem .imgWrap{
    width: 92%;
    padding: 4%;
}
/*** 企業・学校向けカスタマイズ講座 ***/


/*** お問い合わせボタン ***/
#contentWrap #contactBox ul.gridBox > li > a{
    font-size: 20px;
    line-height: 1.5;
    height: 100px;
}
/*** お問い合わせボタン ***/


/*** コンテンツ ***/
h2.alseraTitle {
    width: 100%;
    height: 0;
    background: url(../img/arusera_title.jpg) center no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    overflow: hidden;
    padding-top: 16%;
    padding-bottom: 0!important;
    border: none!important;
    margin: 0!important;
}
/*** コンテンツ ***/



/********************************************************************** 
受講生の声 voice
***********************************************************************/
#page div#voice {
    width: 90%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

#page div.post p.icach {
	width: 45%;
	height: auto;
    margin-right: 10px;
    float: left;
}

#page div.post span.post-category-voice,
#page div.post p.post-date {
    font-size: 13px;
    display: inline-block;
}

#page div.post span.post-category-voice {
    padding-left: 30px;
    position: relative;
}
#page div.post span.post-category-voice:after {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../img/postcate-voice.gif) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#page div.post p.post-title {
    width: 50%;
    display: block;
    float: left;
}

#page div.post div.post-text {
    font-size: 14px;
    clear: both;
}

/*** アルバムセラピーを受けた人の声 ***/
#page div.post span.post-category-media {
    font-size: 13px;
    display: inline-block;
}

#page div.post span.post-category-media {
    padding-left: 30px;
    position: relative;
}
#page div.post span.post-category-media:after {
    content: "";
    width: 24px;
    height: 20px;
    background: url(../img/postcate-media.png) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/********************************************************************** 
アルバムセラピスト養成講座
***********************************************************************/
.post div.post-content p.post-title {
    color: #f9ba2b;
    font-size: 16px;
    font-weight: bold;
}

/********************************************************************** 
開催日程
***********************************************************************/
body#ivent #page h2 span {
    padding-left: 35px;
    position: relative;
}
body#ivent #page h2 span:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/sm_title_ivent.png) no-repeat;
    position: absolute;
    top: -3px;
    left: 0;
}

.tokyo-post,
.osaka-post {
    border-bottom: 1px #000 dotted;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

#page div.area h3.tokyo,
#page div.area h3.osaka {
    margin-bottom: 10px;
}

p.sm_form {
    text-align: center;
    margin: 20px 0 15px;
}
p.sm_form a {
    width: 200px;
    border: 1px #007ECE solid;
    padding: 8px 0;
    margin: 0 auto;
    display: block;
}

#page div.tokyo-post div.post-date p,
#page div.osaka-post div.post-date p {
    display: inline-block;
}

#page div#ivent div.tokyo-post div.ivent-content p.post-title {
    font-size: 23px;
    margin-bottom: 11px;
}

#page div#ivent div.tokyo-post div.ivent-content p.post-place span,
#page div#ivent div.tokyo-post div.ivent-content p.post-price span,
#page div#ivent div.tokyo-post div.ivent-content p.post-time span {
    width: 65px;
    background: #f9ba2b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 13px 3px 0;
}
#page div#ivent div.tokyo-post div.ivent-content p.post-etc span {
    width: 65px;
    background: #f9ba2b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    letter-spacing: 13px;
    border-radius: 3px;
    display: inline-block;
    padding-left: 15px;
    margin: 0 13px 3px 0;
}

#page div#ivent div.osaka-post div.ivent-content {
    float: left;
}

#page div#ivent div.osaka-post div.ivent-content p.post-title {
    font-size: 23px;
    margin-bottom: 11px;
}

#page div#ivent div.osaka-post div.ivent-content p.post-place span,
#page div#ivent div.osaka-post div.ivent-content p.post-price span,
#page div#ivent div.osaka-post div.ivent-content p.post-time span {
    width: 65px;
    background: #56bd6f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 13px 3px 0;
}
#page div#ivent div.osaka-post div.ivent-content p.post-etc span {
    width: 65px;
    background: #56bd6f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    letter-spacing: 13px;
    border-radius: 3px;
    display: inline-block;
    padding-left: 15px;
    margin: 0 13px 3px 0;
}

div.tokyo-post a.post-map {
    width: 58px;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    background: #f9ba2b;
    border-radius: 3px;
    padding-left: 12px;
    position: relative;
}
div.tokyo-post a.post-map:after {
    content: "▶︎";
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 1px;
    left: 5px;
}

div.osaka-post a.post-map {
    width: 58px;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    background: #56bd6f;
    border-radius: 3px;
    padding-left: 12px;
    position: relative;
}
div.osaka-post a.post-map:after {
    content: "▶︎";
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 1px;
    left: 5px;
}


div.event_true {
    display: none;
}

div.oosaka_event_false,
div.tokyo_event_false {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    border: 1px #F9BA2B solid;
    border-radius: 4px;
    padding: 10px 20px 20px;
    margin-bottom: 35px;
}

div.oosaka_event_false p.mailmag_btn,
div.tokyo_event_false p.mailmag_btn {
    margin-top: 10px;
}

div.oosaka_event_false p.mailmag_btn a,
div.tokyo_event_false p.mailmag_btn a {
    color: #fff;
    background: #F9BA2B;
    border-radius: 5px;
    padding: 10px;
}
/*** 開催日程 ***/



/*** セラピー（基礎・応用） ***/
#therapy .post div.post-text {
    min-height: 85px;
    overflow: hidden;
}
/*** セラピー（基礎・応用） ***/



/********************************************************************** 
お問い合わせ お申込み contact form
***********************************************************************/
p.form-title {
    margin-bottom: 10px;
}

p.form-area {
    margin-bottom: 30px;
}

p.form-area input[type=text],
p.form-area input[type=email],
p.form-area textarea {
    width: 100%;
}
p.form-area input[type=text],
p.form-area input[type=email] {
    height: 30px;
}

p.form-send {
    margin-bottom: 30px;
}

p.prapoli {
    font-size: 12px;
}
/*** お申し込み-お問い合わせ ***/



/*** お問い合わせ ***/
body#contact #page h2 span {
    padding-left: 35px;
    position: relative;
}
body#contact #page h2 span:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/sm_title_contact.png) no-repeat;
    position: absolute;
    top: -6px;
    left: 0;
}
/*** お問い合わせ ***/



/*** お申し込み ***/
body#form #page h2 span {
    padding-left: 35px;
    position: relative;
}
body#form #page h2 span:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/sm_title_form.png) no-repeat;
    position: absolute;
    top: -4px;
    left: 0;
}
/*** お申し込み ***/



/********************************************************************** 
Sidebar サイドバー
***********************************************************************/
#side {
	width: 100%;
	height: auto;
}

#side p.mailmag a {
	display: none;
}

#side h2.contentList {
    height: 56px;
    background: url(../img/side_cont.gif) 10px 0 no-repeat;
    color: #595757;
    font-size: 16px;
    text-align: center;
    line-height: 72px;
    font-weight: normal;
    display: block;
    margin-bottom: 35px;
	position: relative;
}
#side h2.contentList:after {
    content: ".";
    width: 100%;
    height: 14px;
    background: bottom center url(../img/border.gif) no-repeat;
    overflow: hidden;
    position: absolute;
    bottom: -17px;
    left: 0;
}

#side p.content {
	text-align: center;
	margin-bottom: 5px;
}

#side p.content img {
	width: 320px;
	height: auto;
}

#side p.content01 a,
#side p.content02 a,
#side p.content03 a,
#side p.content04 a,
#side p.content05 a {
    width: 255px;
    height: 65px;
	background: #ececec;
    color: #595757;
    font-size: 16px;
    line-height: 65px;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 auto 20px;
}
#side p.content01 a:hover,
#side p.content02 a:hover,
#side p.content03 a:hover,
#side p.content04 a:hover,
#side p.content05 a:hover {
	opacity: 0.8;
}

#side iframe.fb_pc {
    display: none;
}

#side iframe.fb_sm {
    display: block;
    margin: 0 auto;
}
#side div.tw_pc  {
    display: none;
}
#side div.tw_sm{
    text-align: center;
}
/*** side ***/



/********************************************************************** 
Footer フッター
***********************************************************************/
#footerWrap {
	width: 100%;
	background: url(../img/footerBg.gif) repeat;
}

#footer {
	width: 100%;
	height: auto;
	margin: 100px auto 0;
	position: relative;
}

#footer ul#fNav {
	display: none;
}

p.goTop {
	position: absolute;
	top: -60px;
	right: 0;
}

p.goTop a {
	width: 152px;
	height: 60px;
	background: url(../img/goTop.gif) ;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

p.birdFooter {
    width: 222px;
    height: 41px;
    background: url(../img/bird_foot.png) no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: -46px;
    right: 160px;
}

p.add {
    font-size: 11px;
    color: #747373;
    text-align: center;
    padding-top: 55px;
}

/*** footer ***/
.gridBox{
    justify-content: space-around;
}
.gridBox.col_2 .gridItem{
    width: 100%;
    padding: 0 10%;
    margin-bottom: 10px;
}


#contentWrap #applicationExamples > .gridBox .gridItem{
    margin-bottom: 20px;
}

#contentWrap #customize .gridItem{
    margin: 0 auto 40px;
}

#contentWrap #contactBox ul.gridBox > li{
    margin: 0 auto 40px;
}


  /*** トップページに講座紹介とクレド 追加 ***/
#content #aboutAlbumTherapy .gridBox .gridItem ul.gridBox.col_2 .gridItem{
    width: 100%;
}
#content #aboutAlbumTherapy .gridBox .textWrap ul.gridBox li a {
    font-size: 14px;
    margin: 0;
}
#content #class_top1,
#content #class_top2 {
    display: block;
}
#content #class_top1 .post,
#content #class_top2 .post {
    width: 100%;
}
#content #class_top2 .post .post-title{
    margin-bottom: 0;
}
#content #class_top1 .post .icach,
#content #class_top2 .post .icach {
    width: 90%;
    margin: 0 5%;
}
#content #class_top1 .post .post-content {
    width: 90%;
    margin: 0 5%;
    text-align: center;
}
#content #class_top2 .post .post-content {
    margin: 0 5%;
}
#contentWrap #aboutAlbumTherapist, #contentWrap #aboutAlbumTherapy{
    padding: 40px 0;
}
#content #credo_top #next{
    border-radius: 3px;
    display: inline-block;
    margin: 20px 0 0;
    text-align: center;
    background: #666;
    color: #fff;
    width: 110px;
    padding: .2em 0;
}
#content #credo_top h2,
#content #class_top h2 {
    margin: 0 10px 20px;
}
#content #credo_top div {
    margin: 10px 20px;
}
#content #credo_top p {
    font-size: 14px;
}
#content #credo_top h2,
#content #class_top h2 {
  font-size: 20px;
}
.moreButton {
    display: block;
    text-align: center;
}
/* 20210324　講座ページ更新 */
#front-page .moreButton,
#page #therapy .moreButton{
    margin: 0 0 10px 0;
}
#front-page .moreButton a,
#page #therapy .moreButton a{
    margin: 0 0 20px 0;
    width: 80%;
    padding: 5%;
}
/* 20210406　bxsliderをslickに変更 */
#mainV{
    margin-top: 64px;
}