/*画面の横幅が640pxまで Landscape phones and down */
@media (max-width: 640px) { 
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/



.desktop{
	display:none;
}
.sp{
	display:block;
}


body{
	-webkit-text-size-adjust: 100%;
	background-color:#ffffff;
}

#main-wrapper {
		font-size:80%;	
}

#footer{
	display:none;
}

.pagetop{
	display:none !important;
}

.pagetop-sp{
	display:block;
}
.pagetop-sp a{
	display:block;
	width:100%;
	text-align:center;
	padding:1.5em 0;
	background-color:#000000;
	margin-top:2em;
}
.pagetop-sp a img{
	height:23px;
}
		
/* ヘッダーナビ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#header{
	line-height:110%;
	position:absolute;
	width:100%;
}
.index #header{
	height:auto;
}
.page #header{
	
}
#header-inner{
	min-width:auto;
	text-align:left;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:9999;
	
}

#nav-header{
	width:100%;
	float:none;
	background-color:#121212;
	border-top:solid #333333 1px;
	padding:0;
	margin:0;
}
#nav-header h1{
	width:180px;
	padding:1.3em 1em;
	margin:-0.4em 0 0 0;
	float:left;
}
#sp-menu{
	width:20px;
	padding:1.4em 1em 1.3em 1em;
	float:right;
	margin:0;
}


#nav{
	float:none;
	color:#ffffff;
	padding:0;
	padding-bottom:5em;
	display:none;
	
}
#nav a{
	color:#ffffff;
}
#nav ul {
	float:none;
	padding:0 0 0 0;
	width:100%;
}
#nav ul li{
	list-style:none;
	float:left;
	width:50%;
	border-top:none;
	border-bottom:solid #262626 1px;
}
#nav ul li.n1,
#nav ul li.n2 {
	border-top:solid #262626 1px;
}


#nav ul li a{
	display:block;
	padding:1em 1.2em;
	color:#b2b2b2;
	background:url(../../images/sp_arrow.png) 95% center no-repeat;
	background-size:4px !important;
}


#nav ul li a:hover{
	
	text-decoration:none;

}
#nav ul li a.current{
	
	text-decoration:none;
	
}

#nav ul#nav-main li a{
	padding:1.8em 1.2em 1.8em 0.5em;
}
#nav ul#nav-main li.n1 a,
#nav ul#nav-main li.n4 a,
#nav ul#nav-main li.n6 a{
	border-right:solid #262626 1px;
}



#sreach-wrapper{
	float:none;
	clear:both;
	padding:1.7em 1.2em;
}
.sreach-box{
	float:none;
	width:100%;
}
.sreach-box input{
	height:25px;
	width:93%;
	border:none;
	padding-left:7%;
	background:#363636 url(../../images/icon_sreach.png) 2.5% center no-repeat;
	background-size:10px;
	color:#ffffff;
}
.sns-btn{
	float:right;
	width:25%;
	text-align:right;
}
.nav-fb{
	float:none;
	width:30px;
	display:inline-block;
	padding-left:0em;
}
.nav-fb img{
	width:30px;
}
.nav-tw{
	float:none;
	width:30px;
	display:inline-block;
	padding-left:0.4em;
}
.nav-tw img{
	width:30px;
}


#nav #nav-bottom{
	clear:both;
}
#nav #nav-bottom ul li a{
	padding:1.2em 1.2em;
	color:#a3a3a3;
	text-decoration:none;
}
#nav #nav-bottom ul li.n1{
}
#nav #nav-bottom ul li.n1 a{
	background:url(../../images/sp_arrow.png) 95% center no-repeat;
}
#nav #nav-bottom ul li.n2 a{
	border-right:solid #262626 1px;
}
#nav #nav-bottom ul li a img{
	height:0.9em;
}

#sp-copy{
	clear:both;
	color:#6b6b6b;
	padding:1.8em 1.2em;
	text-align:center;
}
#sp-copy img{
	max-height:1em;
}

#sp-close{
	width:21px;
	margin:2em auto 0 auto;
}



/*SNS*/
#snsBtn {
	
}
#snsBtn div{
	display:block;
	line-height:1em;
	float:left;
	width:50%;
}
#snsBtn div a{
	display:block;
	height:45px;
}

#snsBtn span.icon{
	width:45px;
	height:30px;
	padding-top:15px;
	text-align:center;
	display:inline-block;
	float:left;
}
#snsBtn .snsT span.icon{
	height:28px;
	padding-top:17px;
}


#snsBtn span.snsname{
	padding-top:17px;
	text-align:left;
	display:block;
	font-size:11px;
	color:#FFFFFF;
	padding-left:1.2em;
	float:left;
}
#snsBtn span.icon img{
	height:14px;
}
#snsBtn .snsT span.icon img{
	height:10px;
}
#snsBtn .snsY span.icon img{
	height:13px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}



#snsBtn .snsF a span.icon{
	background-color:#2e4579;
}
#snsBtn .snsF a{
	background-color:#293c66;
}

#snsBtn .snsT a span.icon{
	background-color:#084770;
}
#snsBtn .snsT a{
	background-color:#0b3c5c;
}

#snsBtn .snsY a span.icon{
	background-color:#722535;
}
#snsBtn .snsY a{
	background-color:#5a1e2a;
}



		
/*shadw*/

#shadows{
	display:none;
	
	position:fixed;
	top:0;
	width:100%;
	height:150%;
	background-color:#1a1a1a;
	z-index:1;

}

#scroll{
	position:relative;
	z-index:99999;
}
.scroll-area{
	width:100%;
	
}
.scroll-act{
	display:none;
}

#top-pr{
	position:relative;
	z-index:9999;
}

.opennavi{
	
	
}


/* トップページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*トップ広告*/
#top-pr{
	color:#ffffff;
	padding:0.5em 5%;
	position:relative;
	z-index:5;
	background-color:#000000;
	text-align:center;
	width:90%;
}
#top-pr a{
	color:#cccccc;
	text-decoration:underline;
	font-weight:bold;
}
#top-pr a:hover{
	text-decoration:none;
}
/*メインイメージ*/

#topimg-wrapper{
	/*background:url(../../top_images/img001.jpg) center top no-repeat;*/
	background:url(/top_images/rotate.php) center 40px no-repeat;
	background-size:auto 60%;/*背景画像で全体を覆う*/
	height:auto;
}
#topimg-inner{
	background:url(../../images/sp_top_bg.png) left bottom repeat-x;
	min-height:500px;
}
/*トップ記事*/
#top-news-wrapper{
	height:auto;
	background:none;
	color:#ffffff;

}
#top-news-inner{
	width:90%;
	margin:0 auto;
	padding:0 0 1.5em 0;
	padding-top:230px;
}

.top-news-left{

}
.top-news-right{

}


/*開催日時*/
.kaisai{
	font-size:90%;
}

.recommend .kaisai{
	font-size:78%;
}

.cat3 .top-news-right-inner p{
	margin-top:1em !important;
}


/*本文エリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents-wrapper{
	background-color:#ffffff;
	padding:0;
	width:100%;
}
#contents-inner{
	width:100%;
	margin:0 auto;
	
}

#contents{
	width:100%;
	float:none;
	
}
#side{
	width:auto;
	float:none;
	display:none;
}

.page #contents{
	padding-top:2.5em;
}

/*ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#crumbs{
	padding-top:4.3em;
}
#crumbs-inner{
	width:90%;
}
/*post*/
.post-header,
.post-content,
.author,
.fb-app,
.recommend {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.post-header .list-number{
	font-size:1.2em;
	
}
.post-header h2{
	font-size:2em;
	line-height:1.2em;
}

.post-header .post-sns{
	margin-top:2em;
	margin-left:11%;
	width:89%;
}

.post-header .list-tag{
	margin-top:0em;
	display:block;
	padding-right:0;
	margin-right:0;
	border:none;
}
.post-header .list-day{
	margin-top:1em;
	display:block;
	padding-left:0;
	border:none;
}

.post-content h3,
.post-content h4,
.post-content h5{
	font-size:1.8em;
	padding-top:1em;
}


.post-content p{
	font-size:125% !important;
	line-height:195% !important;
}
.author-inner .img{
	width:20%;
	margin-bottom:0.5em;
}
.author-inner .txt-w{
	width:75%;
	float:right;
	
}


.backpage{
	margin-top:2.5em;
	margin-bottom:2.5em;
}

.post-pr{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border:solid #dddddd 1px;
}

.post-pr-sp{
	position:relative;
	border:none;
	margin-bottom:2.5em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


.post-sns-m{
	padding:0;
	margin:0;
	text-align:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.post-sns-m span.fb{
	width:100%;
	float:none;
	padding:0;
	margin:0;
	

}
.post-sns-m span.tw{
	width:100%;
	float:none;
	padding:0;
	margin:0;
	margin-top:0.5em;
	
	display:block;
}

.post-sns-m span.fb img{
	width:100%;
	
}
.post-sns-m span.fb a:hover img{
	width:100%;
}

.post-sns-m span.tw img{
	width:100%;
}

.post-sns-m span.tw a:hover img{
	width:100%;
}



/*SNSバナー*/
.bannerBox{
	
	width:90% !important;
	margin-left:auto;
	margin-right:auto;
}
.bannerIMG{
	width:100% !important;
	height:15em;
	float:none;
	overflow:hidden;
	
}

.bannerIMG span img{
	width:68%;
}
.bannerSNS{
	width:100% !important;
	height:auto !important;
	float:none;
	padding:2.2em 0;
	
}

.bannerSNS-inner p img{
	width:62%;
}
.bannerSNS-inner span{
	display:block;
}
.bannerSNS-inner span img{
	width:80%;
	margin-top:2em;
	clear:both;
}
.bannerSNS-inner .fb-like{
	margin:2em 0 0 0 !important;
	padding:0 !important;
	width:auto!important;
	display:inline-block!important;
	transform:scale(1.5);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);

	

}


/*目次
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.book-contents-sub{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
}

.book-ank{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
}

.book-ank ul{
	border-left:none;
	border-top:solid #ededed 1px;
}
.book-ank ul li{
	list-style:none;
	float:none;
	border:none;
	border-bottom:solid #ededed 1px;
	margin-bottom:0em;
}
.book-ank ul li:last-child{
	
}
.book-ank ul li a{
	display:block;
	padding:1em 0em 1em 0em;
	background:url(../../images/arrow_ank.jpg) 97% center no-repeat;
}
.book-contents{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.book-contents ul li a{
	font-size:160%;
	padding:1em 5%;
}
.book-contents ul li.book-block1 ul li.book-block1 a{
	font-size:120%;
	padding:1.2em 5%;
}



/*フーヴァーアーカイブス
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.hoover-contents {
	width: 90%;
	margin: 0 auto;
}
#post-list .listbox.cat5 .list-number {
	width: auto;
}

/* 目次 */
.hoover-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 a {
	font-size: 120%!important;
}

/* 記事一覧 */

#contents.cat5 .category {
	width: 90%;
	margin: 0 auto;
	font-size: 149%;
}
#contents.cat5 .category span {
	font-size: 90%;
}
#contents.cat5 .listbox.cat5 .list-number {
	width: auto;
}

/* 記事詳細 */

#contents.cat5 .section {
	margin-bottom: 8%;
}
#contents.cat5 .accordionTtl {
	color: #fff;
	padding: 3% 6%;
	font-size: 150%!important;
	line-height: 1;
	cursor: pointer;
	background: #6b6969 url(/images/hoover_arrow01_open.png) 95% center no-repeat;
	background-size: 20px auto;
}
#contents.cat5 .accordionTtl.active {
	background: #6b6969 url(/images/hoover_arrow01_close.png) 95% center no-repeat;
	background-size: 20px auto;
}
#contents.cat5 h3 span {
	display: none;
}
#contents.cat5 .accordionTtl + .inner {
	display: none;
	border: 2px solid #6b6969;
	padding: 6% 3%;
}

/* ページャー */

.pager ul li {
	width: 11%!important;
	margin-left: 1%;
}
.pager ul li span {
	width: 100%!important;
}
.pager ul li:hover {
	background: #fff;
}
.pager ul li.prev {
	margin-right: 1%;
}
.pager ul li.next {
	margin-left: 2%;
}
.pager ul li.prev span:before {
	left: 45%;
}
.pager ul li.next span:before {
	right: 45%;
}


/*about
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.about h2.pagetitle{
	font-size:180%;
	line-height:110%;
}
.about-txt{
	text-align:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:100%;
	
}
.about-list-wrapper{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
}

.about .pageh3{
	font-size:170%;
	
}




.booklist-box .img{
	width:auto;
	float:none;
	margin-left:0em
}
.booklist-box .txt{
	float:none;
	width:auto;
	padding-left:0em;
	padding-bottom:1.8em;
}

.booklist-box .txt span.frigana{
	padding-right:5%;
	padding-top:1.5em;
	padding-left:5%;
}
.booklist-box .txt h4{
	font-size:200%;
	margin-top:0.5em;
	font-weight:normal;
	line-height:1em;
	padding-right:5%;
	padding-left:5%;
}
.booklist-box .txt p{
	margin-top:1.8em;
	padding-right:5%;
	padding-left:5%;
}

.booklist-box .btn-read{
	margin-top:1.5em;
	margin-bottom:0;
	padding-right:5%;
	padding-left:5%;
}

/*商品一覧
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.itemPage .list-contens{
	padding-top:1em;
	padding-bottom:1em;
}
.itemPage .list-contens p{
	margin-top:1em;
	line-height:160%;
}
.itemPage .listbox .itemimg{
	width:25%;
	margin-left:1em;
	margin-bottom:1em;
	margin-top:1em;
	position:relative;
}
.item-post h3{
	background-color:#f0f0f0;
	font-size:1.5em;
	padding:0.8em 5%;
	
}
.item-post .item-post-inner{
	padding:0.5em 5% 1.5em 5%;
}


/*運営会社
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.company{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.company table th{
	padding:1.5em 1em;
	width:28%;
	font-size:90%;
}
.company table span{
	line-height:120%;
	display:block;
	margin-top:0.3em;
	font-size:90%;

}

/*プライバシー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.policy{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.policy  h3{
	font-size:180%;

}
.policy  h4{
	font-size:150%;
	line-height:130%;

}
/* サイド widget
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#side-widget{
	background-color:#ededed;
	padding:1.5em 0;
}
.side-sns-wrapper{
	width:90%;
	margin:0 auto;
}
.registr-wrapper{
	width:90%;
	margin:0 auto;
	margin-top:1.5em;
	border:solid #e4e4e4 1px;
	background-color:#f7f7f7;
	line-height:130%;
}
.registr-inner{
	padding:1.5em;
	
}

#registr-form input[type="text"]{
	font-size:110% !important;
	width:100%;
	padding:0 0%;
}
#registr-form input[type="submit"] {
	font-size:120% !important;
	
}







/*下層ページ*/

.pagetitle{
	font-size:210%;
	height:auto;
	background:none;
	width:90%;
	margin:0 auto;
	line-height:110%;
}
#contents-innerarea{
	margin-top:2.5em;
}



.nocount{
	padding:0 5% 2em 5%;
}
/* リスト
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.listbox{
	background:none;
	padding:0 5% 2em 5%;
	border-bottom:solid #e8e8e8 1px;
	padding-top:3em;
}

.recommend .listbox{
	padding:0 0% 2em 0%;
	padding-top:2em;
}

.listbox:last-child{
	border-bottom:none;
}
#contents-innerarea .listbox:first-child{
	padding-top:0em;
}





.listbox h2{
	font-size:1.8em;
	line-height:1.2em;
	margin-top:0.5em;
}
.listbox h3{
	font-size:1.8em;
	line-height:1.2em;
	margin-top:0.5em;
}

.listbox .listimg{
	width:30%;
	float:right;
	margin-left:1em;
	margin-bottom:0.5em;
	margin-top:1.5em;
}

.listbox .btn-read{
	text-align:center;
	clear:both;
}


/*トップリスト　テキスト*/

#top-news-inner .listbox{
	padding:0 0em;
	border-bottom:none;
	padding-top:0em;
}
#top-news-inner .listbox h2{
	font-size:2.3em!important;
	line-height:1.2em;
	margin-top:0.2em;
}
#top-news-inner .listbox .list-number{
	font-size:1em;
}
.top-news-right h3{
	font-size:0.95em;
	font-weight:normal;
	margin-top:1em;
	line-height:150%;
}
.top-news-right p{
	font-size:0.95em;
	margin-top:0.5em;
	line-height:150%;
	
}

#top-news-inner .listbox .btn-read{
	text-align:center;
}


/*PRアイコン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#top-pr .pr{
	display:inline-block;
	margin-left:0.5em;
	background-color:#c73020;
	text-align:center;
	padding:0.35em 0;
	line-height:1em;
	width:2.5em;
	height:0.6em;
	
}
#top-pr .pr img{
	height:0.6em;
	vertical-align:middle;
}

.icon-pr{
	display:block;
	position:absolute;
	top:0;
	right:0;
	background-color:#c73020;
	text-align:center;
	padding:0.35em 0;
	line-height:1em;
	width:2.5em;
	height:0.6em;
}
.icon-pr img{
	height:0.6em;
	vertical-align:top;
	background-color:#c73020 !important;
}


/*タイトル カラーライン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/**/
.cat2 .list-cate{
	padding:0.09em 0 0.12em 0.9em;
}
.cat3 .list-cate{
	padding:0.09em 0 0.12em 0.9em;
}
.cat4 .list-cate{
	padding:0.09em 0 0.12em 0.9em;
}

.cat-item .list-cate{
	padding:0.09em 0 0.12em 0.9em;
}


.recent-post .list-cate{
	padding:0.1em 0 0.1em 0.6em;
}

/* ボタン関係
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*more*/
.more-btn{
	padding:0 5%;
}
/**/
.color-y span a{
	display:block;
	padding:1.4em 0em;
}
.color-y span a img{
	height:0.8em;
}
/**/
.color-g span a{
	display:block;
	padding:1.4em 0em;
}
.color-g span a img{
	height:0.8em;
}
/**/
.color-g2 span a{
	text-align:center;
	display:block;
	padding:1.4em 0em;
}
.color-g2 span a img{
	height:0.8em;
}
/**/
.color-g3 span a{
	text-align:center;
	display:block;
	padding:1.4em 0em;
}
.color-g3 span a img{
	height:0.8em;
}
/*recommend*/
.recommend .color-g span a{
	display:block;
	padding:1.4em 0em;
}
.recommend .color-g span a img{
	height:0.8em;
}




/*検索*/

#search-results #page-title,
#search-results p.page-nonecontents,
#search-results .content-nav,
#search-results .seach-sample{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


		
/*ーーーーーーーーーーースタイルここまでーーーーーーーーーーーーー*/		
}