@charset "shift-jis";

/* ボディ */
body {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 14px ;	/* 文字サイズ */
	line-height: 1.418 ;	/* 行の高さ */
	background-image: url(../img_main/back.png)	
}

#bottnnoue {
    height: 60px;	
	}

#bottn {
    width: auto !important;
	}

.all {
	margin-right: auto;
    margin-left : auto;
    background-color: #ffffff;
}


a:hover .imges-bnr {
 	opacity: 0.9;
}

.textmain {
		line-height: 2.618 ;
		margin-top: 35px;
		padding-left: 30px;
		padding-left: 30px;
}

#pankuzu {
	font-size: 100%;
	color: #676767;
    margin-bottom: 30px;
    text-align: right;
    }

#freeh1 {
	font-size: 110% !important;
	color: #676767;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pdescription {
	width: auto;
	font-size: 90%;
	color: #212121;
	margin-bottom: 10px;
	line-height: 1.618 ;
	background-color: #fffae0;
    border-radius: 0.5em;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

#freeh2 {
	font-size: 160% !important;
	color: #444343;
	margin-top: 0px;
	margin-top: 45px;
	margin-bottom: 15px;
}

.free-h {
	font-size: 130% !important;
	color: #8b3f00 !important;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;	
}


.kaisyakuno {
	font-size: 120%;
	margin-top: 70px;
	margin-bottom: 0px;	
	color: #8b3f00;
	font-weight: bold;
	line-height: 1.918;
}

.newlist {
	margin-top: 35px;
/*	background-color: #eeeeee; */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    border-radius: 0.5em;
}

#freeh3 {
	font-size: 100% !important;
	color: #383838;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#freeh4 {
	font-size: 100% !important;
	color: #383838;
	margin-top: 40px;
	margin-bottom: 0px;	
}

#sankou {
	color: #8b3f00;
	font-size: 95%;
}

#freeh4ul {
	line-height: 2.618;
	font-size: 100%;
}

#freeh-hokanoyume {
	line-height: 2.618;
	font-size: 100%;
	font-weight: bold;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.author {
	line-height: 2.618 ;
	margin-top: 35px;
/*	background-color: #eeeeee; */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    border-radius: 0.5em;	
}

#texttiisai {
	line-height: 2.618;
	font-size: 90%;	
	color: #3d3d3d;	
}

.lispansb {
	font-size: 85%;
	color: #3d3d3d;	
}

.kobetu02 {
	float: left;
}

.kobetu-text {
    color: #2d2d2d;
    line-height: 28px;

}

.imges-bnr {
	margin-right: 10px;

}

.kokomade {
	clear: both;	
}

#map-ul {
	line-height: 28px;
	}

.ph1text {
	background-color: #a1bfff;
/*	background-color: #7d4624;
	*/
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-radius: 0.3em;
}

.ol_text {
	font-size: 85%;
	line-height: 1.7;
}

.ol_text li {
    margin-bottom: 10px;
}

#dlvoice dd {
	line-height: 1.6;
	font-size: 90%;
}


.simple_voice {
    font-family: futura,arial;
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #a3c1f2;
    border-radius: 0.4em;
}

.simple_voice .voice_contents3 {
     background-color: #ffffff;
     line-height: 18px;
     font-size: 14px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-top: 7px;
     padding-bottom: 0px;
     padding-left: 10px;
     padding-right: 5px;
     border-radius: 0.4em 0.4em 0em 0em;
}
.simple_voice .voice_contents4 {
     background-color: #ffffff;
     line-height: 18px;
     font-size: 12px;
     margin-top: 0px;
     margin-bottom:8px;
     padding-top: 8px;
     padding-bottom: 5px;
     padding-left: 123px;
     padding-right: 20px;
     border-radius: 0em 0em 0.4em 0.4em;
}

.dream_c {
/*    width: 605px;
    */
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
	background-color: #d3d3d3;
	border-radius: 0.5em;
	font-family: futura,arial;
	/*background-color: #d9cfc7;
	background-color: #bad6ff;*/

}

.dream_contents .dougatofoom4 {
	font-family: futura,arial;
	} 

.dream_contents {
     background-color: #ffffff;
     font-size: 14px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-top: 15px;
     padding-bottom: 3px;
     padding-left: 15px;
     border-radius: 0.4em 0.4em 0em 0em;
}

.dream_contents2 {
     background-color: #ffffff;
     line-height: 23px;
     font-size: 14px;
     margin-top: 0px;
     margin-bottom: 10px;
     padding-top: 5px;
     padding-bottom: 15px;
     padding-left: 175px;
     padding-right: 15px;
     border-radius: 0em 0em 0.4em 0.4em;
}

#yokuarurei {
    font-size: 95%;
    line-height: 2.5;
    background-color: #f0f0f0;
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    color: #232323;
    margin-bottom: 35px;
    border-radius: 0.6em;
	}	

.symbol-kakoiue {
    background-color: #8eb6ff;
    border-radius: 0.6em;
    padding: 10px;	   
}

.symbol-kakoi {
    font-size: 100%;
    line-height: 2.3;
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    color: #232323;
    border-radius: 0.6em;
	}	
	

.kobetu .rule {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #431a00;	
    margin-top: 35px;
}
.kobetu .text_rule {
    margin-left: 10px;
    margin-top: 15px;
    font-size: 14px;
	line-height: 28px;
	margin-bottom: 0px;
}

.tablethcss-sy {
	font-size: 80%;
	padding: 3px;	
}	

.tablethcss-sy01 {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
    font-size: 80%;
}	
	
.tablethcss {
	font-size: 90%;
	padding: 3px;
}

.tablethcss01 {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
    font-size: 90%;
}

.text_tip {
	font-size: 95%;
	line-height: 1.8;
}

.li_tip {
	font-size: 95%;
	line-height: 1.7;
	margin-bottom: 4px;
	}

.marchen {
	font-size: 14px;
	line-height: 28px;
	margin-left: 20px;
	margin-right: 20px;
}

.marchen_naka {
	background-color: #a0cd91;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0.3em;
}

.marchen_naka .siro {
    background-color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
	padding-right: 15px;
}

.marchen_book {
    border-style: solid;
    border-color: #ffeca2;
    background-color: #fffffc;
	font-size: 14px !important;
	line-height: 25px !important;
	padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 15px;
	border-radius: 0.5em;
}

.txt_maesetu {
	font-size: 14px;
	line-height: 25px;
	color: #3f1800;
}

.txt_kakoi {
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 18px; 
    background-color: #fffdd7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid #a8a8a8;
}

.text14pxl {
	font-size: 120%;
	line-height: 2;
}

.text12pxl {
	font-size: 110%;
	line-height: 2;
	margin-bottom: 7px;
}

.textlinksymbol {
	font-size: 110%;
	line-height: 2.6;
	margin-bottom: 7px;
}

.symbolsymbol {
	font-size: 120%;
	font-weight: bold;
	color: #90441e;
}

#mainsymbol {
	width: auto;
	font-style: 95%;
	line-height: 1.8;
    color: #282828;
}
	
.floatleft {
	float: left;
	margin-right: 15px;
		}	
		
.kobetu .title_dream {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 15px;
    font-weight: bold;
	font-size: 16px !important;
	color: #592200;
	float: none;
}

.kobetu .dram_name {
	color: #f55700;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}

.kobetu .dream_text {
    font-size: 14px;
	padding-left: 15px;
	line-height: 32px;
	margin-bottom:13px;
	margin-top: 0px;
}

.kobetu .kekka {
    font-size: 16px;
    line-height: 28px;
    margin-left: 15px;
	color: #4d1400;
	font-weight: bold;
}

.kobetu .text_repetition {
	font-size: 14px;
	line-height: 24px;
	margin-left: 15px;
	color: #000000;
	background-color: #f2f2f2;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 10px;
}

.kobetu .title_dream02 {
    margin-top: 40px;
    margin-bottom: 0px;
    padding-left: 15px;
    font-weight: bold;
	font-size: 18px !important;
/*	color: #f55700;  */
	color: #592200;
	line-height: 42px
	
}

.kobetu .dream_yume {
	font-size: 16px !important;
	margin-top: 40px;
	padding-top: 35px;
	padding-bottom: 40px;
	padding-left: 55px;
	padding-right: 55px;
	line-height: 40px;
/*	border: 2px solid #FFD659; */
    border: 3px solid #ce926d;
    border-radius: 0.4em;
	background-image: url(../dream/imge/ex.png);
}

.p_sankou {
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 90%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 1.7;
}

.kobetu .tyuusyaku {
	background-color: #ebebeb;
	font-size: 12px;
	color: #525252;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1.7;
}

@media screen and (min-width: 479px){
	
.dream_f-y {
	width: 100%; max-width: 313px;
	float: left;
	}
.psych_f-y h3 {
	color: #ee6800;
	margin-top: 0px;	
}	
.psych_f-y h4 {
	color: #ee6800;
	margin-top: 0px;	
}
.psych_f-y p {
	color: #323232;
	line-height: 1.8;
	font-size: 90%;
}

	}

@media screen and (max-width: 479px){	

.dream_f-y {
	width: 100%;
	}
.psych_f-y h3 {
	color: #ee6800;
	margin-top: 0px;	
}	
.psych_f-y h4 {
	color: #ee6800;
	margin-top: 0px;	
}
.psych_f-y p {
	color: #323232;
	line-height: 1.8;
}	
	
	

.kobetu .dream_yume {
	font-size: 16px !important;
	margin-top: 40px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 40px;
/*	border: 2px solid #FFD659; */
    border: 3px solid #ce926d;
    border-radius: 0.4em;
	background-image: url(../dream/imge/ex.png);
}

.dream_contents {
     background-color: #ffffff;
     font-size: 92%;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-top: 15px;
     padding-bottom: 13px;
     padding-left: 15px;
     border-radius: 0.4em 0.4em 0em 0em;
}

.dream_contents2 {
     background-color: #ffffff;
     line-height: 1.8;
     font-size: 90%;
     margin-top: 0px;
     margin-bottom: 10px;
     padding-top: 5px;
     padding-bottom: 15px;
     padding-left: 5px;
     padding-right: 15px;
     border-radius: 0em 0em 0.4em 0.4em;
}

.simple_voice .voice_contents3 {
	color: #333333;
     background-color: #ffffff;
     line-height: 26px;
     font-size: 18px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-top: 7px;
     padding-bottom: 0px;
     padding-left: 10px;
     padding-right: 5px;
     border-radius: 0.4em 0.4em 0em 0em;
}

.simple_voice .voice_contents4 {
     background-color: #ffffff;
     line-height: 28px;
     font-size: 16px;
     margin-top: 0px;
     margin-bottom:8px;
     padding-top: 8px;
     padding-bottom: 5px;
     padding-left: 30px;
     padding-right: 15px;
     border-radius: 0em 0em 0.4em 0.4em;
}
}


a:link {
    color: #212121;
    text-decoration: underline;
}
a:visited {
    color: #212121;
	text-decoration: none;
}
a:hover {
    color: #505050;
   	text-decoration: none;
	
}
a:active {
    color: #212121;
	text-decoration: none;
}

#flink {
    margin-left: auto;
    margin-right: auto;    
    margin-top: 0px;
    margin-bottom: 60px;
    text-align: center;
    font-size: 90%;
}

#flink li {
	line-height: 2;
    float: left;
    font-size: 105%;
    list-style-type: none;
        text-align: center;
}


#free-h3 {
	color: #4a4a4a;
    padding-left: 0px !important;	
    margin-left: 0px !important;
}


.freehmainui {
    color: #4e4e4e;
    font-size: 95%;
    padding-left: 20px;	

}

dl {
    margin-left: 25px;
    margin-right: 25px;
	line-height: 2.5;
}

.dt-iro {
	font-size: 125%;
	font-weight: bold;
	color: #592200;
	line-height: 1.6;
	margin-top: 30px;
	margin-bottom: 10px;
	
	}
	
dt {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	}

dd {
	margin-left: 0px;
	margin-bottom: 15px;
	line-height: 2;
	}




/* ヘッダー */
.header
{
    margin-top: 0px;
    padding-top: 0px;
    line-height: 0px;
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-bottom: 0px ;			/* 他のブロックとのスペース */
/*	background: #eaeaea ;			 背景色(確認用) */
    padding: 15px;
	background-image: url(../img_main/back.png)	
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
	margin-bottom: 0px;
	padding: 0 ;
	line-height: 1.3 ;
	color: #515151;
	font-size: 160%;
	margin-bottom: 15px;
}

/* ロゴ画像 */
#logosita
{
	float: left;
}

.logo
{
	width: 450px ;
    margin-right: 350px;

}


/* フッター */
.footer
{
	font-size: small;
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	margin-top: 0px ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #f4f4f4;
    color: #767676;	
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;
				/* 上下左右の余白を0にしておく */
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 15px
}



/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 618px ;
	padding: 20px ;					/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}

.side
{
	width: 320px ;
}



/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{	
	
	.main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side
	{
		width: auto ;
	}
	
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}

.side
{
	float: right ;		/* 右に寄せる */
}



/* スマホだけに適用するCSS */
@media screen and (max-width:479px){
.main , .side {
		float: none ;
	}

}

.wrapper
{
	overflow: hidden ;
}
}



@media screen and (min-width: 479px){



	}

@media screen and (max-width: 479px){	
	
.br-pc {
	 display: none;
	   }	
.kotei {
	 display: none;
	 }
#flink  {
	 display: none;
 }  
.logo-wrapper
{
	margin-top: 0px;
	font-size: 100%;
	} 


}

.textnormal {
	font-size: 100%;
	line-height: 2.4;
	width: auto;
	}


nav {
    background-image: url(../img_main/back_m.png);
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    width: 290px;
    float: left;    
    }

nav h3 {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 28px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

nav ul {
   margin-top: 5px;
}
   
nav li {
    list-style-type: none;
    margin-top: 0px;
    margin-left: -28px;
    margin-right: -28px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 10px;
    font-size: 12px;
    background-image: url(../img_main/s_li.gif) ;
    width: 233px;
    height: 50px;    
}

/*

上部の固定
*/

.kotei {
	text-align: center;
	position:fixed;
	width: 100%;
	background-color: white;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	}
	
.h1kotei {
	display:inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 5px;
    color: #4e4e4e;
    margin-left: 0px;
    margin-left: 0px;
}
	
.kakoinaka {
	display:inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-left: 0px;
}

.top-koteikukuri {
	display:inline-block;
    vertical-align: middle;
    text-align: left;
    margin-right: 0px;	
}

.top-kotei {
	margin-top: 0px;
	font-weight: bold;
    font-size: 11px !important;
    background-color: #ba631f;
    border-radius: 0.2em;	
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: white !important;
    margin-left: 0px;
    margin-left: 0px;
}

.header-kotei {
	padding-top: 35px;
	margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
	height: 185px;
	width: 980px;
    background-image: url(../img_main/h_back.gif)
}



/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{

	/* ロゴ画像 */
	.logo
	{
		width: 260px ;
		padding: 0px;
		margin: 0px;
	}	
	
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;
	}
	

	/* ボディ */
body
	{
		font-size: 18px ;	/* 文字サイズ */
	line-height: 1.418 ;
	}

#pankuzu {
	font-size: 95%;
    color: #505050;
    margin-bottom: 0px;
    text-align: right;
    margin-bottom: 30px;
    }

#freeh1 {
	font-size: 100% !important;
	color: #505050;
	margin-top: 0px;
	margin-bottom: 0px;
}

#freeh2 {
	font-size: 105% !important;
	line-height: 1.4;
	margin-bottom: 5px;
	padding-bottom: 5px;	
	}

.free-h {
	font-size: 110% !important;
	color: #8b3f00 !important;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;	
}

.kaisyakuno {
	font-size: 120%;
	margin-top: 70px;
	margin-bottom: 0px;	
	color: #8b3f00;
	font-weight: bold;
	line-height: 1.5;
}

#pdescription {
	width: auto;
	font-size: 90%;
	color: #363636;
	line-height: 1.718 !important;
	margin-bottom: 50px;
	background-color: #e8f6ff;
    border-radius: 0.5em;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#freeh4ul {
	line-height: 3.618 !important;
	font-size: 110%;
}

.textmain {
		line-height: 2.3 !important;
		margin-top: 35px;
		padding-left: 0px;
		padding-left: 0px;

}

.kobetu02 {
	float: none !important;
}

#dougatofoom {
	 display: none;	
	}
#dougatofoom2 {
	 display: none;	
	}
#dougatofoom3 {
	 display: none;	
	}
.dougatofoom4 {
	 display: none;	
	}
	
#bottnnoue {
	 display: none;	
	 width: auto;
	}	

}

a:hover .imgep {
 	opacity: 0.9;
}

a:hover .imgep03 {
 	opacity: 0.96;
}

a:hover .imgep02 {
 	opacity: 0.7;
}



@media screen and (min-width: 479px){	
.br-pc-sp {
	 display: none;
 }
	
 }
@media screen and (max-width: 479px){	
.br-pc-sp {
	 display: block;	
	   }	
	   
.floatleft {
	float: none;
		}		     
}

/* lp */

.simpletopu2 {
	background-color: #ffffff;
	width: 565px;
	height: auto;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;	
	border-radius: 0.3em;
	border-width: 1px;
	border-color: #bbbbbb;
	border-radius: 0.3em;
	border-style: dotted;
  background : #fff;
  overflow   : hidden;
}

#sy-top {
  width: 565px;
  font-size: 12px;
  font-weight: bold;
  color: #3b3b3b;
  margin-top: 0px;
  margin-bottom: 0px; 
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display : inline-block;
  white-space : nowrap;
  line-height : 1em;
  padding-left: 100%;
  animation   : scrollAnime 58s linear infinite;
}

#maeoki-text {
	color: #4f4f4f;
	padding: 0px;
	margin-top: 45px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 90%;
	line-height: 1.6;
	}

#flotleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
}

.lp-rei {
	float: left;
	width: 220px;
	color: #363636;
	line-height: 2;
}

.kakoi {
	margin-left: 0px;
	margin-top: 10px;
	border: 4px solid #CCC;
	font-size: 90%;
	line-height: 2;
	border-radius: 0.5em;
	padding: 10px;
}

.kakoi-v {
	margin: 5px;
}

.lpmidasi {
	font-size: 120%;
	line-height: 1.7;
	text-align: center;	
}

.lpsymbol {
	font-size: 110%;
	line-height: 2.5;
}