@charset "UTF-8";
@import "normalize.css";
@import "usable.css";
/* @import url(http://fonts.googleapis.com/css?family=Aldrich); */


/* memo

サイト名	：
URL		：
最終更新	：

メイン基準width = 

*/

/* -------------------------------------------------------------/
/	fontawesome設定												/
/	www.fontawesome.io/icons/									/
/--------------------------------------------------------------*/

.icon_camera:before {
	content: '\f030';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_desktop:before {
	content: '\f108';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}

.icon_cubes:before {
	content: '\f1b3';
	padding: 0 .4em 0 0;
	font-family: FontAwesome;
}


/* -------------------------------------------------------------/
/	forPC,forSP													/
/--------------------------------------------------------------*/

.forPC {
	display: block!important;
}

.forSP {
	display: none!important;
}


/* -------------------------------------------------------------/
/	usable and common using only in this site					/
/--------------------------------------------------------------*/


.table_common {
	width: 100%;
	border: #cdcdcd solid 1px;
}

.table_common th {
	background: #f2f2f2;
	border: #cdcdcd solid 1px;
	padding: 12px;
	font-size: 90%;
}

.table_common td {
	border: #cdcdcd solid 1px;
	padding: 12px;
}

img {
	max-width: 100%;
	height: auto;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}


/* -------------------------------------------------------------/
/	ELLEMENTS													/
/--------------------------------------------------------------*/

html {
	height: 100%;
}

body {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	height: 100%;
}

#wrap {
	background: #f9f9f9;
}

.defWidth {
	width: 1200px;
	margin: 0 auto;
}

a {
	transition: all .2s ease;
}

a:hover,
#wrap > header #adminBar a:hover {
	color: #B59467;
}


a img {
	transition: all .2s ease;
}

a:hover img {
	opacity: .6;
}






/* -------------------------------------------------------------/
/	HEADER														/
/--------------------------------------------------------------*/

#wrap > header {
	background: #000;
	
}

#wrap > header #adminBar {
	borde: red solid 1px;
	text-align: right;
	padding: .5rem 20px 5px 0;
	
	color: #fff;
	font-size: .8rem;
	background: #272727;
}

#wrap > header #adminBar a {
	font-weight: bold;
	margin-left: 1rem;
	color: #fff;
}



#wrap > header h1 {
	float: left;
	color: #fff;
	width: 400px;
	position: relative;
	top: 7px;
}

#wrap > header h1 img {
	borde: #000 solid 1px;
	width: 70%;
	border blue solid 1px;
}

#wrap > header ul {
	float: right;
}

#wrap > header ul li {
	float: left;
	padding: 0 10px;
	height: 75px;
	line-height: 75px;
	border-left: #373737 solid 1px;
	position: relative;
}

#wrap > header ul li a {
	color: #b59467;
	text-decoration: none;
}

#wrap > header ul li a:hover {
	color: #fff;
}



#wrap > header ul .gnav-toggle ul {
	position: absolute;
	left: -0px;
	background: #000;
	display: none;
}

#wrap > header ul .gnav-toggle ul li {
	line-height: 40px;
	height: 40px;
	font-size: .8rem;
}


#wrap > header .loginBTN {
	display: block;
	float: right;
	background: #b59467;
	color: #fff;
	height: 75px;
	line-height: 75px;
	padding: 0 15px;
	text-decoration: none;
	font-weight: bold;
	margin-left: 1rem;
}

#wrap > header .loginBTN:hover {
	color: #000;
}


/* -------------------------------------------------------------/
/	TOPIMG														/
/--------------------------------------------------------------*/

#TOPVIEW {
	borde: red solid 5px;
	height: 500px;
	overflow: hidden;
}


#TOPVIEW img {
	width: 100%;
}



/* -------------------------------------------------------------/
/	PANKUZU														/
/--------------------------------------------------------------*/

#pankuzu {
	background: #434343;
	padding: 5px 0 10px 0;
}

#pankuzu ul li {
	display: inline-block;
	font-size: .7rem;
	color: #dbdbdb;
}

#pankuzu ul li::after {
	content: ">";
	margin-left: 7px;
}

#pankuzu ul li:last-child::after {
	content: none;
}


/* -------------------------------------------------------------/
/	CONTENTS													/
/--------------------------------------------------------------*/

#CONTENTSWRAP {
	padding-top: 50px;
}

#CONTENTSWRAP #MAIN {
	width: 100%;
	float: left;
}

#CONTENTSWRAP #MAIN #news {
	borde: red solid 1px;
}

#CONTENTSWRAP #MAIN #news h1 {
	
}

#CONTENTSWRAP #MAIN #news h1 {
	margin-bottom: .5rem;
	background: #000;
	padding: 3px;
}

#CONTENTSWRAP #MAIN #news h1 span {
	border: #b59467 solid 1px;
	display: block;
	color: #b59467;
	padding: 10px 0 10px 10px;
	font-size: .7rem;
	font-weight: bold;
}

#CONTENTSWRAP #MAIN #news ul {
	margin-bottom: 2rem;
}

#CONTENTSWRAP #MAIN #news ul li {
	padding: 10px;
	border-bottom: #c1c1c1 dashed 1px;
}

#CONTENTSWRAP #MAIN #news ul li a {
	text-decoration: none;
}



#CONTENTSWRAP #MAIN article {
	background: #fff;
	box-shadow: 0 0 3px 2px #e1e1e1;
	border-radius: 5px;
	padding: 25px;
	margin-bottom: 2rem;

}

#CONTENTSWRAP #MAIN article .txtbox {
	borde: red solid 1px;
}






#CONTENTSWRAP #MAIN article .txtbox h1 {
	background: #000;
	padding: .8rem;
	font-size: 1.2rem;
	color: #fff;
}

#CONTENTSWRAP #MAIN article .txtbox h2 {
	background: #eeeeee;
	padding: .8rem;
	font-size: 1rem;
	margin-bottom: 1rem;
}

#CONTENTSWRAP #MAIN article .txtbox p {
	borde: red solid 1px;
	line-height: 170%;
	margin-bottom: 1rem;
}

#CONTENTSWRAP #MAIN article header h1 {
	color: #323232;
	font-size: 2rem;
	margin-bottom: .5rem;
}

#CONTENTSWRAP #MAIN article header ul {
	background: #454545;
	border-radius: 5px;
	margin-bottom: 2rem;
}

#CONTENTSWRAP #MAIN article header ul li {
	padding: 8px 8px 0;
	color: #fff;
	font-size: .7rem;
}

#CONTENTSWRAP #MAIN #catName {
	display: block;
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	color: #b59467;
}




/* -------------------------------------------------------------/
/	ASIDE														/
/--------------------------------------------------------------*/

aside {
	float: right;
	width: 25%;
}

aside dl dt {
	margin-bottom: .5rem;
	background: #000;
	padding: 3px;
}

aside dl dt span {
	border: #b59467 solid 1px;
	display: block;
	color: #b59467;
	padding: 10px 0 10px 10px;
	font-size: .7rem;
	font-weight: bold;
}

aside dl dd {
	margin-bottom: 2rem;
}

aside dl dd li {
	border-bottom: #bebebe dotted 1px;
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	line-height: 140%;
}

aside dl dd li a {
	text-decoration: none;
}



/* -------------------------------------------------------------/
/	FOOTER														/
/--------------------------------------------------------------*/

#wrap > footer {
	background: #000;
	padding: 20px;
	color: #fff;
	text-align: center;
	margin-top: 80px;
}

#wrap > footer a:hover {
	color: #959595!important;
}



/* -------------------------------------------------------------/
/	ログインページ													/
/--------------------------------------------------------------*/

#wpmem_login {
	borde: red solid 1px;
	width: 800px;
	margin: 0 auto;
}


/* -------------------------------------------------------------/
/	新規会員登録フォーム											/
/--------------------------------------------------------------*/

#wpmem_reg {
	display: none;
	borde: red solid 1px;
}

/* 会員情報編集ページのみ */
.page-id-7 #wpmem_reg {
	display: block;
	borde: red solid 1px;
}



/* -------------------------------------------------------------/
/	権限注意文													/
/--------------------------------------------------------------*/

#wpmem_restricted_msg,
#CONTENTSWRAP #MAIN article .txtbox.norights {
	borde: #ff4262 solid 3px;
	backgroun: #ffe3e3;
	padding: 2rem 2rem 1rem;
	font-weight: bold;
}





/* -------------------------------------------------------------/
/	Youtbe													/
/--------------------------------------------------------------*/


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}


/* -------------------------------------------------------------/
/	ICOPICKUP													/
/--------------------------------------------------------------*/

.single-icopickup {
	padding: 80px 0;
}

.single-icopickup ul li {
	display: inline-block;
	width: 23%;
	text-align: center;
}

.single-icopickup ul li img {
	max-width: 100%;
	margin-bottom: 10px;
}

@media screen and (max-width:600px){
	
	.single-icopickup {
		padding: 20px 0;
	}
	
	.single-icopickup ul li {
		margin: 0 auto 30px;
		display: block;
		width: 80%;
		text-align: center;
	}
}




/*ーーーーーーーースマホのみ表示ーーーーーーーーー*/
@media screen and (min-width:600px){
    
    .spi-top{display:none;}
    .spi001{display:none;}
  
}

/*ーーーーーーースマホ対応ーーーーーーーー*/
@media screen and (max-width:599px){

    .pci-top{display:none;}
    .pci001{display:none;}
  
}