@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:690px) {

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

body{
	font-size:1em;
}
.inner_band{
	padding:10px;
}
#header .inner_band, #breadcrumbs .inner_band, #footer .inner_band{
	width:100%;
}
#breadcrumbs .inner_band {
	padding: 0px 5px;
}
#contents{
	width:100%;
}

#aside_fixed {
	position: relative;
}
#aside_fixed input[type="text"] {
	width: 100%;
}

/*----------------------------------------------------
	ヘッダ
----------------------------------------------------*/

/* #header{
	padding:0;
}
#header #mainlogo{
	padding:0;
}
#header #mainlogo img{
	width:100px;
} */

/*グローバルメニュー*/
/* #globalMenu {
	padding: 0px;
} */
/* #globalMenu li a {
	width: 35px;
	height: 35px;
} */
/* #globalMenu li a i {
	font-size: 0.9em;
} */
/* #globalMenu li a span {
	font-size: 0.5em;
} */
/*
#sp_nav_btn{
	display:block;
	position:absolute;
	top:0;
	right:10px;
	z-index:2;
}
#sp_nav_btn a {
    width: 40px;
    height: 40px;
	padding:3px 0 0;
	line-height:1em;
    background-size: 58px 54px;
    display: block;
    position: absolute;
    top: 10px;
    right: 3%;
	border:1px solid #113184;
	text-align:center;
}
#sp_nav_btn a {
	color:#113184;
	text-decoration:none;
	font-size:0.8em;
}
#sp_nav_btn a i{
	font-size:1.5em;
}
*/
/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#main{
	width:100%;
}

/* -----------------------------------------------------------
	#aside
		サイド
----------------------------------------------------------- */
#aside{
	width:100%;
}

/*----------------------------------------------------
	フッタ
----------------------------------------------------*/



#footer .inner_band{
	padding:0;
}
#footer{
	background:none;
}
#footer .copyright{
	text-align:center;
	margin:0 -10px 0;
	color:#d2c7ab;
	clear:both;
	float:none;
	padding:10px;
}
#footer ul.footer_link{
	border-top:1px solid #ddd;
	float:none;
}
#footer ul.footer_link li {
	float:none;
	border-bottom:1px solid #ddd;
	margin:0;
}
#footer ul.footer_link li a{
	display:block;
	padding:5px 10px;
}
/*
#footer ul.footer_link li a:before{
	font-family:Awesome;
	content:"\f105";
}
*/

/*----------------------------------------------------
	夢占い検索
----------------------------------------------------*/


.top_search_wrap .title .txt {
	display: none;
}
.top_search_wrap .input_box .textbox{
	font-size:1em;
}

/*----------------------------------------------------
	最近検索された夢
----------------------------------------------------*/



/*----------------------------------------------------
	夢占いカテゴリー
----------------------------------------------------*/
/*
.rib_ttl{
	width:80%;
}*/

.yume_post_list li{
	width:19%;
	display: inline-block;
	float:none;
}
.yume_post_list li .name{
	line-height:1em;
}

/*----------------------------------------------------
	top よく見られる夢ランキング
----------------------------------------------------*/
/*
.dream_list li {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eeeeee;
}
.dream_list li:after{
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	right:10px;
	top:50%;
	margin-top: -0.45em;
	font-size:2em;
}
*/
/*.dream_list li .imgcatch {
	margin: 0 15px 0 0;
}*/
/*
.dream_list li .imgcatch img{
	width:60px;
	height:60px;
}
*/
/*.dream_list li .detail {
	float: none;
	width: auto;
	margin: 10px 25px 0 0;
	font-size: 1.2em;
}
*/
.dream_list li .detail .date, .dream_list li .detail .view {
	font-size: 0.8em;
}

/* サイド夢ランク */

/*----------------------------------------------------
	本日の12星座占い トップ３
----------------------------------------------------*/

ul.seiza_rank_top {
	border-top:1px solid #ddd;
}
ul.seiza_rank_top li{
	width:100%;
	border-bottom:1px solid #ddd;
	margin:0 0 0 0;
	padding:0;
	position:relative;
}
ul.seiza_rank_top li a{
	padding:20px 0;
	overflow:hidden;
	display:block;
}
ul.seiza_rank_top li a:hover{
	background:none;
}
ul.seiza_rank_top li .image{
	padding:0;
	float:left;
	width:80px;
	height:auto;
}
ul.seiza_rank_top li .image img{
	width:100%;
	height:auto;
}
ul.seiza_rank_top li .link{
	display:none;
}
ul.seiza_rank_top li .star_wrap{
	margin:10px 0 0;
}
ul.seiza_rank_top li:before{
	top:45%!important;
	right:0;
	position:absolute;
}
ul.seiza_rank_top li:nth-of-type(3n){
	margin:0;
}

/*----------------------------------------------------
	星座詳細
----------------------------------------------------*/
.seiza_detail_text .luck_wrap .ttl {
	width: 100%;
}
.seiza_detail_text .luck_wrap .ttl .color_circle {
	margin: 0 auto;
}
.seiza_detail_main .eyecatch {
	width: 100%;
}
.seiza_detail_main .eyecatch img {
	padding: 10px 30px;
}

/*----------------------------------------------------
	関連夢キーワード
----------------------------------------------------*/


ul.related_post li{
	margin: 0 2% 20px;
    width: 19%!important;
	line-height:1em;
}
ul.related_post li img{
	width:100%;
	height:auto;
}


/*----------------------------------------------------
	夢占い一覧
----------------------------------------------------*/
.single-desc{
	font-size:0.9em;
}


/*----------------------------------------------------
	夢占い記事
----------------------------------------------------*/
/*
.thecontent .eyecatch{
	padding:30px  0 0;
}
*/
.thecontent .content{
	font-size:1em;
	padding:0 10px;
	margin:0 0 30px;
}

/*----------------------------------------------------
	掲示板
----------------------------------------------------*/































/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.mw_wp_form input[type="text"], 
.mw_wp_form input[type="tel"], 
.mw_wp_form input[type="email"], 
.mw_wp_form input[type="url"] {
	width: 100%;
}

.mailform th {
	display: block;
}
.mailform td {
	display: block;
}


/*----------------------------------------------------
	フォーム
----------------------------------------------------*/

.top_search_wrap .input_box .btn{
	font-size:1em;
}
/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
/*
th,td{
	display:block;
	width:100%;
}
*/
/*----------------------------------------------------
	カレンダー
----------------------------------------------------*/
/*
#calendar_box table thead {
	display: none;
}
#calendar_box table td.sp_none {
	display: none;
}
#calendar_box table td {
	height: auto;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	padding: 0px;
	vertical-align: middle;
}
#calendar_box table td span.day {
    font-weight: normal;
    padding: 7px;
    font-size: 18px;
    display: block;
    background: #f2e6cd;
    margin-bottom: 0;
    width: 80px;
    height: 100%;
}
#calendar_box table td span.day .inner:after {
	font-size: 12px;
	position: relative;
	left: -5px;
}
#calendar_box table td:nth-child(1) span.day .inner:after {
	content: "（日）";
}
#calendar_box table td:nth-child(2) span.day .inner:after {
	content: "（月）";
}
#calendar_box table td:nth-child(3) span.day .inner:after {
	content: "（火）";
}
#calendar_box table td:nth-child(4) span.day .inner:after {
	content: "（水）";
}
#calendar_box table td:nth-child(5) span.day .inner:after {
	content: "（木）";
}
#calendar_box table td:nth-child(6) span.day .inner:after {
	content: "（金）";
}
#calendar_box table td:nth-child(7) span.day .inner:after {
	content: "（土）";
}
*/


}
/*----------------------------------------------------
	タブレット
----------------------------------------------------*/
@media screen and (min-width:600px) and ( max-width:1024px){

#main {
	width: 740px;
}
#header .inner_band,
#breadcrumbs .inner_band,
#footer .inner_band{
	width: 740px;
}
#aside{
	width: 740px;
}

}