@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400&subset=japanese');

body {
	background: #fff;
	font-family:"M PLUS Rounded 1c","Montserrat" ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
	color:#111;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}


/* ページフェードイン jQuery使用 */
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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


/* リンク画像ホバー透過 */
a img {
	opacity: 1;
	transition: 0.5s;
}

a:hover img {
	opacity: .5;
}




/* ハンバーガーメニュー用 */
.nav-container {
	padding: 30px 0px 0px 10px;
}

.top-padding{
	padding: 30px 0px 50px 10px;
}



/* ヘッダー関係 */

/* ----- スクロールするとヘッダーが隠れる jQuery使用 ----- */
.site-header {
	background: #fff;
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-box-pack:justify;              /* Android4.3       */
    	-moz-box-pack:justify;                 /* Firefox21        */
    	-webkit-flex-pack:justify;
    	-moz-flex-pack:justify;
	-ms-flex-pack:justify;                 /* IE10             */
	-webkit-justify-content:space-between; /* PC-Safari,iOS8.4 */
	-moz-justify-content:space-between;
	justify-content:space-between;
	padding: 15px 0px 15px;
	position: fixed;
	top: 0;
	z-index:1;
	transition: .5s;
	width: 100%;
}

.site-header.hide {
	top: -84px;
}

.site-logo img {
	height: 50px;
	width: auto;
}




/* ----- Facebook、メールアイコン用 ----- */

.head_box {
	width: 90px;
}


.icon-container {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-box-pack:start;
	-moz-box-pack:start;
	-webkit-flex-pack:start;
	-moz-flex-pack:start;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}

.icon-item {
	padding: 13px 7px 10px 0px;
}

.icon-item img {
	width: 30px;
	height: auto;
}



/* ----- レスポンシブ　Facebook、メールアイコン用 ----- */
@media only screen and (min-width:436px) and ( max-width:899px) {
.head_box {
	width: 90px;
}

.icon-item img {
	width: 30px;
	height: auto;
}
}

@media only screen and (max-width: 435px) {
.head_box {
	width: 70px;
}
.icon-item img {
	width: 28px;
	height: auto;
}
}



/* トップ画像アニメーション関係 jQuery使用 */

.hero {
	margin-top: 84px;
	overflow: visible;
}

.slider {
	margin: 30px auto;
	width: 100%;
}

.slide {
	position: relative;
}

.slide img {
	height: auto;
	width: 100%;
}


/* ----- パソコンで見たときは"pc"のclassがついた画像が表示される ----- */
.top_pc { display: block !important; }
.top_pc1 { display: none !important; }
.top_sp { display: none !important; }
/* ----- スマートフォンで見たときは"pc1"のclassがついた画像が表示される ----- */
@media only screen and (min-width:436px) and ( max-width:1080px) {
.top_pc { display: none !important; }
.top_pc1 { display: block !important; }
.top_sp { display: none !important; }
}
/* ----- スマートフォンで見たときは"sp"のclassがついた画像が表示される ----- */
@media only screen and (max-width: 435px) {
.top_pc { display: none !important; }
.top_pc1 { display: none !important; }
.top_sp { display: block !important; }
}



/* タイトル */

.title-container {
	text-align: center;
	width: 100%;
}


.title-container-sm {
	text-align: center;
	width: 100%;
}


.subtitle-container {
	text-align: center;
	width: 100%;
	font-size: 18px;
	color: #603813;
	padding: 0px 0px 50px 0px;
}


/* ----- レスポンシブ　タイトル用 ----- */
@media only screen and (max-width: 750px) {
.title-container-sm img {
	width: 350px;
	height: auto;
}
}



/* サムネイル一覧 */

.content-container{
	text-align: center;
	width: 100%;
}


/* ----- 折り返す（左から右） ----- */
.thumbnail-wrapper {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	width: 1074px;
	margin: 0 auto;
}

/* ----- flexコンテナ ----- */
.thumbnail-flexbox {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	width: 100%;
}

.thumbnail-menu {
	width     : 358px;
	padding: 0px 0px 30px 0px;
}

/* ----- サムネイル表示時下からフェードイン ----- */
.fadein {
	opacity: 0;
        transform : translate(0, 40px);
	transition : all 1500ms;
}
.fadein.scrollin{
	opacity: 1;
	transform: translate(0, 0);
}


/* ----- レスポンシブ　サムネイル一覧用 ----- */
@media only screen and (min-width:900px) and ( max-width:1080px) {
.thumbnail-wrapper {
	width: 900px;
}
.thumbnail-menu {
	width: 300px;
}
}

@media only screen and (min-width:600px) and ( max-width:899px) {
.thumbnail-wrapper {
	width: 600px;
}
.thumbnail-menu{
	width: 300px;
}
}

@media only screen and (max-width: 599px) {
.thumbnail-wrapper {
	width: 358px;
}
}





/* セッションコンテンツ用 */
.session-container {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0px 50px 0px;
}

.content-head-h3 {
	font-size: 22px;
	color: #d3a900;
	padding: 0px 0px 10px 0px;
	line-height: 2em;
}

.content-copy-01 {
	line-height: 40px;
	word-wrap: break-word;
}

.content-head-h3-2 {
	font-size: 22px;
	color: #d3a900;
	padding: 0px 0px 30px 0px;
	line-height: 2em;
}

.content-copy-01 {
	line-height: 40px;
	word-wrap: break-word;
}


/* ----- レスポンシブ　サムネイル一覧用 ----- */
@media only screen and (max-width: 850px) {
.session-container {
	width: 85%;
}
.content-head-h3 {
	font-size: 20px;
}

.content-head-h3-2 {
	font-size: 20px;
}
}








/* ----- YouTubeレスポンシブル対応 ----- */
.youtube iframe {
	width: 100%;
	padding: 30px 0px 30px 0px;
}
.youtube {
	width: 100%;
	height: 100%;
}



/* ----- テキスト制御（カラーなど） ----- */

.session-space {
	height: 50px;
}

.session-space02 {
	height: 25px;
}

.text-space01 {
	padding: 0px 0px 0px 18px;
}

.text-center {
	text-align: center;

}

.text-italic {
	font-style: italic;
}



.text-color-purple {
	color: #865bcf;
}

.text-color-purple02 {
	color: #77496d;
}

.text-color-green {
	color: #009999;
}

.text-color-brown {
	color: #a23b1a;
}






/* ----- ちゃんと知ろうセミナー　内容リスト ----- */
.lets-list01 {
	margin: 0px 0px 0px 50px;
}
.lets-list01 ol {
	list-style-type: lower-roman;
}
.lets-list01 ul {
	list-style-type: disc;
	margin: 0px 0px 0px 25px;
}
.lets-list01 li {
	margin: 12px 0px 0px 0px;
}

/* ちゃんと知ろうセミナー　プロフィール 挿入画用 */

.lets-imgs-container{
	text-align: center;
	width: 100%;
}


/* ----- 折り返す（左から右） ----- */
.lets-imgs-wrapper {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	width: 800px;
	margin: 0 auto;
}

/* ----- flexコンテナ ----- */
.lets-imgs-flexbox {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-justify-content: space-around;	/* Safari etc. */
	-ms-flex-pack: distribute;          	/* IE10        */
	justify-content: space-around;
	width: 100%;
}

.lets-imgs-menu {
	width     : 358px;
}

/* ----- レスポンシブ　ちゃんと知ろうセミナー 挿入画用 ----- */

@media only screen and (min-width:690px) and ( max-width:850px) {
.lets-imgs-wrapper {
	width: 598px;
}
.lets-imgs-menu{
	width: 290px;
}
}


@media only screen and (min-width:580px) and ( max-width:689px) {
.lets-imgs-wrapper {
	width: 490px;
}
.lets-imgs-menu{
	width: 230px;
}
}


@media only screen and (max-width: 579px) {
.lets-imgs-flexbox {
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap: wrap;
}
.lets-imgs-wrapper {
	width: 300px;
}
.lets-imgs-menu {
	width     : 300px;
	padding: 0px 0px 20px 0px;
}

}





/* ----- 同一ページ内コンテンツ用画像 ----- */
.session_image {
	text-align: center;
	padding: 20px 0px 20px 0px;
}


@media only screen and (max-width: 860px) {
.session_image img {
	width: 500px;
	height: auto;
}
}

@media only screen and (max-width: 500px) {
.session_image img {
	width: 350px;
	height: auto;
}
}




/* ----- コンテンツ内挿入画像 ----- */
.img_right {
	float: right;
	margin: 0px 0px 30px 30px;
}

.img_left {
	float: left;
	margin: 0px 30px 30px 0px;
}

.clearright {
clear: right;
}

.clearleft {
clear: left;
}




@media only screen and (max-width: 500px) {
.img_right {
	float: none;
	margin: 0px 0px 30px 0px;
	text-align: center;
}

.img_left {
	float: none;
	margin: 0px 0px 30px 0px;
	text-align: center;
}

.spsize {
	width: 330px;
	height: auto;
}
}









/* 料金案内スペース用 */
.session-fee {
	width: 80%;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
}

.session-fee-border {
	padding: 0.5em 1em;
	margin: 2em 0;
	border: solid 2px #ccccff;/*線*/
	border-radius: 10px;/*角の丸み*/
}

.session-fee h3 {	
	font-size: 20px;
	color: #d3a900;
	text-align: center;
	padding: 15px 0px 30px 0px;
}

.session-fee P {
	line-height: 30px;
}

.fee-space {
	height: 20px;
}


.button-container {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
}

/* ----- レスポンシブ　料金案内スペース用 ----- */
@media only screen and (max-width: 850px) {
.session-fee {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
}
}





/* セッション用サブメニュー */

ul.session-menu {
  list-style: none;
}

a.session-menu {
  text-decoration: none;
}


.accordion-menu {
  width: 100%;
  max-width: 350px;
  margin: 60px auto 20px;
  border-bottom: 5px solid #EEE6FF;
  background: #fff;
  border-radius: 4px;
}

.accordion-menu li.open .dropdownlink {
  color: #CDB6FE;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}

.dropdownlink {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 115px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  color: #212121;
  position: relative;
  transition: all 0.4s ease-out;
}
.dropdownlink i {
  position: absolute;
  top: 16px;
  left: 16px;
}
.dropdownlink .fa-chevron-down {
  right: 130px;
  left: auto;
}

.submenuItems {
  display: none;
  background: #fff;
}
.submenuItems li {
  border-bottom: 1px solid #B6B6B6;
}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 12px;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  background-color: #CDB6FE;
  color: #fff;
}




/* コンテンツ用flexコンテナ */

.session-content-container{
	text-align: left;
	width: 100%;
}


.content-head-h3-02 {
	font-size: 22px;
	padding: 0px 0px 30px 0px;
	line-height: 2em;
}


.content-copy-02 {
	line-height: 40px;
	padding: 0px 20px 0px 0px;
}


/* ----- 折り返す（左から右） ----- */
.session-content-wrapper {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	width: 800px;
	margin: 0 auto;
}

/* ----- flexコンテナ ----- */
.session-content-flexbox {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	width: 100%;
}

.session-content-menu {
	width     : 400px;
	padding: 0px 0px 30px 0px;
}




@media only screen and (min-width:600px) and ( max-width:799px) {
.session-content-wrapper {
	width: 600px;
}
.session-content-menu {
	width: 300px;
}
}

@media only screen and (max-width: 599px) {
.content-head-h3-02 {
	font-size: 20px;
}
.session-content-wrapper {
	width: 333px;
}
.session-content-menu {
	width: 300px;
}
}


/* 	星座用 　　　*/


.dotted_line {border-style: dashed;}
.title-border {
	border-bottom: dashed 3px #ccccff;/*線*/
	margin:0 0 15px 0px;
}

.constellation-head-h3 {
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	line-height: 2em;
}

/* ----- レスポンシブ　星座タイトル用 ----- */
@media only screen and (max-width: 850px) {
.constellation-head-h3 {
	font-size: 20px;
}
}


.constellation_flexbox{
/* 	background: #55acef; */
    display: flex;/*これを入れるだけで横並び*/
	flex-wrap: wrap;
/* justify-content: center; センター揃え時使用 */	
}


.constellation_flexbox__item{
    background: #fff;
    padding: 20px;
	margin:0 0 0px 10px;
}

.constellation_flexbox02 {
	display: flex;
	text-align: center;
}

.constellation_flexbox__item02 {
	margin:0 10px 0px 0px;
}


.centering_constellation_tit_parent {
    height: 142px;              /* 高さ指定 */
}
 
.centering_constellation_tit_item {
    width: 800px;               /* 幅指定 */
    height: 142px;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
    /* background: #111; */
}

.centering_constellation_item_parent {
    height: 232px;              /* 高さ指定 */
}
 
.centering_constellation_item {
    width: 800px;               /* 幅指定 */
    height: 232px;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
}




/* 	星座タイトル用 　　　*/

/* ----- パソコンで見たときは"pc"のclassがついた画像が表示される ----- */
.constellation_title_pc { display: block !important; }
.constellation_title_pc1 { display: none !important; }
.constellation_title_sp { display: none !important; }


/* ----- スマートフォンで見たときは"pc1"のclassがついた画像が表示される ----- */
@media only screen and (min-width:650px) and ( max-width:899px) {
.constellation_title_pc { display: none !important; }
.constellation_title_pc1 { display: block !important; }
.constellation_title_sp { display: none !important; }

.centering_constellation_tit_item {
    width: 570px;               /* 幅指定 */
    /* background: #1a1; */
}

.centering_constellation_item {
    width: 580px;               /* 幅指定 */
}

}







/* ----- スマートフォンで見たときは"sp"のclassがついた画像が表示される ----- */
@media only screen and (max-width: 649px) {
.constellation_title_pc { display: none !important; }
.constellation_title_pc1 { display: none !important; }
.constellation_title_sp { display: block !important; }

.centering_constellation_tit_item {
    width: 320px;               /* 幅指定 */
    /* background: #666; */
}

.centering_constellation_item_parent {
    height: 384px;              /* 高さ指定 */
}
 
.centering_constellation_item {
    width: 320px;               /* 幅指定 */
    height: 350px;               /* 高さ指定 */
}
}







/* フッターメニュー */

.footer-menu-container {
	text-align: center;
	width: 100%;
	padding: 30px 0px 30px 0px;
}



/* ----- 折り返す（左から右） ----- */
.footer-menu-wrapper {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	width: 750px;
	margin: 0 auto;
}

/* ----- flexコンテナ ----- */
.footer-menu-flexbox {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}



.footer-menu {
	width     : 110px;
	padding: 0px 20px 0px 20px;
}




/* ----- コンテンツ用フッターメニュー ----- */
.footer-menu02 {
	padding: 0px 0px 50px 0px;
}


.footer-menu03 {
	width     : 170px;
	padding: 0px 20px 0px 20px;
}



/* ----- レスポンシブ　フッターメニュー用 ----- */


@media only screen and (min-width:600px) and ( max-width:899px) {
.footer-menu-wrapper {
	width: 450px;
}
.footer-menu {
	padding: 0px 20px 30px 20px;
}

.footer-menu03 {
	padding: 0px 20px 30px 20px;
}

}



@media only screen and (max-width: 599px) {
.footer-menu-wrapper {
	width: 170px;
}
.footer-menu {
	padding: 0px 20px 50px 20px;
}

.footer-menu03 {
	padding: 0px 20px 50px 20px;
}

}



/* ----- フッター用アイコン ----- */
.footer-icon-wrapper {
	display:-webkit-box;     /* old Android */
	display:-moz-box;        /* PC-Firefox  */
	display:-ms-flexbox;     /* IE10        */
	display:-webkit-flex;    /* Safari etc. */
	display:-moz-flex;
	display: flex;
	width:80px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
}

.footer-icon-wrapper img {
	height: 30px;
	width: auto;
	padding: 0px 5px 0px 5px;
}



.footer-copyright {
	background: #333;
	padding: 80px 0;
}
.copyright{
	color: #fff;
	font-size: 12px;
	text-align: center;
}


.footer-copyright a:link {
	color: #fff;
}

.footer-copyright a:visited {
	color: #fff;
}



/* ----- レスポンシブ　コピーライト用 ----- */
@media only screen and (max-width: 599px) {
.copyright {

	font-size: 10px;
}
}

/* ----- 感想折りたたみ用 ----- */
details {
	padding: 30px 0px 50px 0px;
}

summary {
	color: #a23b1a;
	cursor: pointer;
	transition: 0.2s; /* 変化を滑らかに */
}
/* ホバー時のスタイル */
summary:hover {
	cursor: pointer; /* カーソルを指マークに */
	background-color: #EFEFEF;
}


/* ----- フォロセッション　プロフ用スペース ----- */

.photo-plov-space {
	padding: 0px 0px 150px 0px;
}
@media only screen and (max-width: 599px) {
.photo-plov-space {

	padding: 0px 0px 0px 0px;
}