/* 画面の横幅が641px以上　Portrait tablet to landscape and desktop */
@media screen and (min-width: 641px){
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/

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

.shadow{
	display:none;
}
	
body {
	background-color:#ededed;
}
#main-wrapper {
	width:1280px;
	
	background-color:#191919;
		
}








/* ヘッダーナビ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#header{
	line-height:110%;
}
.index #header{
	height:316px;
}
#header-inner{
	min-width:1150px;
	text-align:left;
	margin:0 auto;
}

#nav-header{
	width:270px;
	float:left;
	padding:1.5em 0 0 1.5em;
}
#nav-header h1{
	width:264px;
	margin-top:-0.5em;
}

#nav{
	float:right;
	color:#ffffff;
	padding:1.5em 1.5em 0 0;
	display:block;
}
#nav a{
	color:#ffffff;
}
#nav ul {
	float:left;
	padding:0.35em 0 0 0;
	
}
#nav ul li{
	list-style:none;
	float:left;
}
#nav ul li a{
	display:block;
	padding:0.3em 0.7em;
	margin-right:2px;
}

.win #nav ul li{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}

.index #nav ul li a:hover{
	background-color:#191919;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.index #nav ul li.n1 a{
	background-color:#191919;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#sreach-wrapper{
	float:left;
	padding-left:0.5em;
}
.sreach-box{
	float:left;
}
.index .sreach-box input{
	height:2.2em;
	border:none;
	width:131px;
	height:27px;
	margin-top:2px;
	padding-left:25px;
	background:#f7f7f7 url(../../images/icon_sreach.png) 9px center no-repeat;
	background-size:10px;
}

.page .sreach-box input{
	height:2.2em;
	border:none;
	width:131px;
	height:27px;
	margin-top:2px;
	padding-left:25px;
	background:#363636 url(../../images/icon_sreach.png) 9px center no-repeat;
	background-size:10px;
	color:#ffffff;
}



.sns-btn{
	float:left;
}
.nav-fb{
	float:left;
	width:31px;
	padding-left:1em;
}
.nav-fb a img{
	width:31px;
}
.nav-tw{
	float:left;
	width:31px;
	padding-left:0.4em;
}
.nav-tw a img{
	width:31px;
}


#sp-close{
	display:none;
}

/*SNS*/
#snsBtn {
	text-align:right;
	position:absolute;
	right:1.5em;
	margin-top:55px;
}

.page #snsBtn{
	display:none;
}


#snsBtn div{
	display:inline-block;
	line-height:1em;
}
#snsBtn span.icon{
	width:27px;
	height:19px;
	padding-top:8px;
	text-align:center;
	display:inline-block;
	float:left;
}
#snsBtn .snsT span.icon{
	height:18px;
	padding-top:9px;
}


#snsBtn span.snsname{
	height:20px;
	padding-top:7px;
	text-align:center;
	display:inline-block;
	font-size:10px;
	color:#FFFFFF;
	padding-left:1.2em;
	padding-right:1.2em;
	float:left;
}
#snsBtn span.icon img{
	height:11px;
}
#snsBtn .snsT span.icon img{
	height:9px;
}
#snsBtn .snsY span.icon img{
	height:10px;
}


#snsBtn .snsF{
	margin-right:0.7em;
}
#snsBtn .snsT{
	margin-right:0.7em;
}

#snsBtn .snsF a span.icon{
	background-color:#325484;
}
#snsBtn .snsF a span.snsname{
	background-color:#406697;
}
#snsBtn .snsF a:hover span.icon{
	background-color:#0a4073;
}
#snsBtn .snsF a:hover span.snsname{
	background-color:#104e83;
}

#snsBtn .snsT a span.icon{
	background-color:#3575b2;
}
#snsBtn .snsT a span.snsname{
	background-color:#4388bf;
}
#snsBtn .snsT a:hover span.icon{
	background-color:#005fa0;
}
#snsBtn .snsT a:hover span.snsname{
	background-color:#006dad;
}

#snsBtn .snsY a span.icon{
	background-color:#9d3540;
}
#snsBtn .snsY a span.snsname{
	background-color:#bf3c42;
}
#snsBtn .snsY a:hover span.icon{
	background-color:#98242b;
}
#snsBtn .snsY a:hover span.snsname{
	background-color:#ba2a30;
}






/*page*/
.page #header{
	height:auto;
	padding-bottom:1.3em;
	background:#000000;
}

.page #nav ul li a:hover{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/**/
.current-web13 #nav ul li.n2 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-2 #nav ul li.n2 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-3 #nav ul li.n3 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-4 #nav ul li.n4 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-web16 #nav ul li.n5 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-web15 #nav ul li.n6 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.current-hoover #nav ul li.n6 a{
	background-color:#e0e0e0;
	color:#000000;
	text-decoration:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* フッター
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#footer{
	padding-top:4em;
	text-align:center;
	
}
#footer ul,
#footer-logo,
#page-bottom{
	min-width:1000px;
	margin:0 auto;
}

.win #footer {
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}


#footer ul li{
	list-style:none;
	display:inline-block;
}
ul#footer-nav-main li a{
	color:#ffffff;
	padding:0.1em 1.2em;
}
ul#footer-nav-main{
	margin-top:4.5em;
}
ul#footer-nav-bottom{
	clear:both;
	margin-top:4em;
}
ul#footer-nav-main li a{
	font-size:1.2em;
	border-left:solid #383838 1px;
}
ul#footer-nav-main li.n1 a{
	border:none;
}
ul#footer-nav-bottom li a{
	padding:0.1em 1.5em;
	color:#a3a3a3;
	text-decoration:none;
}
ul#footer-nav-bottom li a:hover{
	color:#ffffff;
	text-decoration:none;
}
ul#footer-nav-bottom li a img{
	height:0.9em;
}

#page-bottom{
	border-top:solid #383838 1px;
	text-align:center;
	padding:2.2em 0;
	margin-top:4em;
}
#page-bottom img{
	height:11px;
}

/* トップページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*トップ広告*/
#top-pr{
	color:#ffffff;
	padding:1.1em 0 1.6em 0;
	width:100%;
	position:relative;
	z-index:5;
	text-align:center;
	line-height:1em;
	background-color:#191919;
	height:1em;
}
#top-pr a{
	color:#cccccc;
	text-decoration:underline;
	font-weight:bold;
}
#top-pr a:hover{
	text-decoration:none;
}

.page #top-pr{
	background-color:#000000;
	border-bottom:solid #424242 1px;
}

/*メインイメージ*/
#topimg-wrapper{
	/*background:url(../../top_images/img001.jpg) center center no-repeat;*/
	background:url(/top_images/1.jpg) center center no-repeat;
	background-size:cover;/*背景画像で全体を覆う*/
	height:620px;
	
	
}
#topimg-inner{
	padding-top:0em;
	background:url(../../images/top_bg_top.png) left top repeat-x;
}
/*トップ記事*/
#top-news-wrapper{
	position:absolute;
	width:100%;
	
	top:368px;
	height:252px;
	background:url(../../images/top_bg.png) left top repeat;
	color:#ffffff;
	
	
}
#top-news-inner{
	width:1000px;
	margin:0 auto;
}

#top-news-inner .listbox h2{
	margin-top:0.2em;
}
#top-news-inner .listbox .list-number{
	margin-top:0.8em;
}
#top-news-inner .listbox .list-tag{
	margin-top:1.1em;
}



.top-news-left{
	max-width:400px;
	min-width:300px;
	float:left;
	display:table;
	height:252px;
}
.top-news-left-inner{
	display:table-cell;
	vertical-align:middle;
}

.top-news-right{
	display:table;
	height:252px;
	width:540px;
	float:right;
}
.top-news-right-inner{
	display:table-cell;
	vertical-align:middle;
}


/*本文エリア
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents-wrapper{
	background-color:#ffffff;
	padding-bottom:8em;
	
}
#contents-inner{
	width:1000px;
	margin:0 auto;
	
}


#contents{
	width:690px;
	float:left;
	margin-top:0.5em;
	display:block;
}
#side{
	width:250px;
	float:right;
	margin-top:290px;
	margin-top:313px\9;
	display:block;
}

.win #side{
//	margin-top:320px;

}


.page #contents{
	margin-top:5.5em;
}
.page #side{
	margin-top:2em;
}


/* リスト イメージ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.listbox .listimg{
	float:right;
	margin-left:1.8em;
	margin-bottom:1em;
	position:relative;
	width: 153px;
	height: 153px;
	overflow: hidden;
}
.listbox .listimg img{
	-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;

    transition: transform 0.5s linear;
	
	position:relative;
	
}
.listbox .listimg img:hover{
	
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);

    transform: scale(1.2);
}

.listbox .listimg .icon-pr img:hover{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1) !important;
    transform: scale(1);
}




/* サイド widget
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#side-widget{
	position:absolute;
	width:250px;
	margin-left:750px;
}

.side-sns-wrapper{
	position:absolute;
	width:250px;
	margin-top:270px;
	margin-top:288px\9;
}

.win .side-sns-wrapper{
//	margin-top:295px;
}

.registr-wrapper{
	position:absolute;
	width:250px;
	margin-top:3.5em;
	border:solid #e4e4e4 1px;
	background-color:#f7f7f7;
	line-height:130%;
}
.registr-inner{
	padding:1.5em;
}




/*page*/
.page .registr-wrapper{
	position:relative;
	width:250px;
	margin-top:2em;
	border:solid #e4e4e4 1px;
	background-color:#f7f7f7;
	line-height:130%;
}


/* サイド
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#recent-wrapper h2{
	margin-top:2.5em;
}
#recent-inner{
	margin-top:2em;
	border:solid #f0f0f0 4px;
	padding:0.3em 1.2em 0.3em 1.2em;
}
.recent-post{
	padding-top:1em;
	padding-bottom:1em;
	border-top:solid #ededed 1px;
}
.recent-post:first-child{
	border-top:none;
}
.recent-post .list-cate{
	font-size:0.8em;
	line-height:1em;
}
.recent-post .list-number{
	font-size:0.9em;
	margin-top:0.7em;
	color:#bcbcbc;
	line-height:1.1em;
}
.recent-post h3{
	font-size:15px;
	line-height:1.2em;
	margin-top:0.5em;
}
.recent-post.cat5 {
	font-family: "Times New Roman", Times,"リュウミン R-KL","HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}
.recent-post.cat5 .list-number {
	line-height: 1.4;
}
.recent-post.cat5 .list-number span {
	margin: 0 0.5em;
}
.recent-post.cat5 .list-number a {
	color:#bcbcbc;
}

#tag-cloud{
	margin-top:2.5em;
}
.index #tag-cloud{
	margin-top:2.5em;
	margin-bottom:2.5em;
}

#tag-cloud ul{
	margin-top:2.5em;
	line-height:1em;

	
}
#tag-cloud ul li{
	list-style:none;
	display:block;
	float:left;
	height:45px;
	margin-right:2%;
	
	

	
}
#tag-cloud ul li span{
	

	
}
#tag-cloud ul li span a{
	
	
	
}

.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 1.8em;}
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 1.6em;}
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 1.4em;}
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 1.2em;}
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 1em;}
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 0.9em;}



.index .side-pr{
	margin-top:0em;
	position:relative;
	margin-bottom:2em;
}
.page .side-pr{
	margin-top:2em;
	position:relative;
	margin-bottom:2em;
}

#side-fb{
	margin-top:0em;
}
.page #side-fb{
	margin-top:2em;
}


/*サイドSNS*/
.side-snsBtn {
	margin-top:2em;
}
.side-snsBtn div{
	line-height:1em;
}
.side-snsBtn div a {
	display:block;
	height:45px;
	text-decoration:none;
	background-color:#f2f2f2;
}
.side-snsBtn div a:hover{
	text-decoration:none;
	background-color:#e5e5e5;
}

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


.side-snsBtn span.snsname{
	padding-top:16px;
	text-align:left;
	display:block;
	font-size:12px;
	padding-left:1.2em;
	float:left;
}
.side-snsBtn span.icon img{
	height:14px;
}
.side-snsBtn .snsT span.icon img{
	height:10px;
}
.side-snsBtn .snsY span.icon img{
	height:13px;
}


.side-snsBtn .snsT{
	margin-top:0.3em;
}
.side-snsBtn .snsY{
	margin-top:0.3em;
}

.side-snsBtn .snsF a span.icon{
	background-color:#4465aa;
}
.side-snsBtn .snsF a{
	color:#4166aa;
}
.side-snsBtn .snsF a:hover span.icon{
	background-color:#20569b;
}

.side-snsBtn .snsT a span.icon{
	background-color:#319ed7;
}
.side-snsBtn .snsT a{
	color:#309ed9;
}
.side-snsBtn .snsT a:hover span.icon{
	background-color:#0091d1;
}


.side-snsBtn .snsY a span.icon{
	background-color:#d93c43;
}
.side-snsBtn .snsY a{
	color:#db3b43;
}
.side-snsBtn .snsY a:hover span.icon{
	background-color:#e0272e;
}





/*PRアイコン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#top-pr .pr{
	display:inline-block;
	margin-left:0.5em;
	background-color:#c73020;
	text-align:center;
	padding:7px 0;
	line-height:1em;
	width:45px;
	height:7px;
	
}
#top-pr .pr img{
	height:7px;
	vertical-align:middle;
	
}

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

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


.pagetop-sp{
	display:none;
}

.pagetop {
	position:relative;
	width:100%;
	max-width:1280px;
	min-width:1000px;
	height:0;
	margin:0 auto;
	display:none;
	clear:both;
	
}
.pagetop a {
	position:relative;
	bottom: 0px;
	
	display: block;
	width: 48px;
	hegiht:48px;
	margin-left:94%;
	
}

	
}


@media screen and (min-width: 1280px){
	
	.pagetop {
	position:relative;
	width:100%;
	max-width:1280px;
	height:0;
	margin:0 auto;
	display:none;
	clear:both;
	
}
.pagetop a {
	position:absolute;
	bottom: 0px;
	left:auto;
	display: block;
	width: 48px;
	hegiht:48px;
	margin-left:1200px;
}

}