@CHARSET "UTF-8";


.smpOnly , .spOnly{
	display:none;
}

/* フォント関連 */

.bold{
	font-weight:bold;
}

.noBold{
	font-weight:normal;
}


/* 一関連 */

.left{
	text-align:left;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.vtop{
	vertical-align:top;
}

.flexBreak{
	width:100% !important;
}

/* 色 */

.red{
	color:#FF0000 !important;
}

.brown{
	color:#664422;
}



ul.listType1{
	border-top:1px solid #DDDDDD;
}

ul.listType1 li{
	border-bottom:1px solid #DDDDDD;
	padding:2px;
	list-style:none;
	font-size:1rem;
}

ul.listType1 li:nth-child(even){
	background:#f2f4f6;
}

ul.listType1 li a:link , ul.listType1 li a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:99% center;
	padding:10px 34px 10px 20px;
	color:#333333;
	text-decoration:none;
}


ul.listType1 li a:hover , ul.listType1 li a:active{
	color:#ffffff;
	background:url('../img/icon/arrow_white.png') no-repeat #cc8833;
	background-position:96% center;
	font-weight:bold;
}



ul.listType1 li.noLink{
	padding:10px 34px 10px 20px;
	color:#999999;
	background:#eeeeee;
}

ul.listType2{
	padding-left:40px;
	padding-right:20px;
}

ul.listType2 li{
	padding:3px 0px 14px;
	font-size:0.9rem;
}

ul.listType2 li.noLink{
	padding:3px 12px 14px;
	font-size:1rem;
}






/* もっと見るボタン */


.readMoreButton{
	padding:0 10px;
	margin-bottom:20px;
	text-align:center;
}


.readMoreButton a:link , .readMoreButton a:visited{
	text-align:center;
	display:inline-block;
	margin:5px 20px;
	padding:12px 32px;
	/*background:#FF3355 url('../img/icon/arrow_white.png') no-repeat;*/
	background:#22a1bf url('../img/icon/arrow_white.png') no-repeat;
	background-position:98% center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	box-shadow:2px 2px 4px gray;
	transition:.3s;
}

.readMoreButton a:hover , .readMoreButton a:active{
	background:#00b0d9 url('../img/icon/arrow_white.png') no-repeat;
	background-position:96% center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	box-shadow:2px 2px 4px gray;
}

table.socialTable{
	padding:10px 5px;
}

table.socialTable tr td{
	padding-top:8px;
	vertical-align:middle;
}

table.socialTable tr td.facebook{
	padding-top:0;
}




/* ソートボックス */

.sortBox {
	background:#eeeeee;
	padding:20px 10px;
	margin:20px 0;
}

.sortBox .headline{
	color:#333333;
	font-weight:bold;
	font-size:1rem;
	margin-bottom:5px;
	padding-left:10px;
}

.sortBox ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}


.sortBox ul li{
	min-width:25%;
	font-size:0.8rem;
}

.sortBox ul li a:link , .sortBox ul li a:visited{
	display:block;
	text-decoration:none;
	text-align:center;
	background:#ffffff;
	padding:5px;
	margin:5px 10px;
	color:#333333;
	border:2px solid #bbbbbb;
}


.sortBox ul li a:hover{
	color:#ffffff;
	background:#22a1bf;
	border-color:#22a1bf;
}

.sortBox ul li.currentSort a:link , .sortBox ul li.currentSort a:visited{
	background:#566363;
	border-color:#566363;
	color:#ffffff;
}



.sortBox ul li a:hover , .sortBox ul li a:active,
.sortBox ul li.currentSort a:hover , .sortBox ul li.currentSort a:active{
	background:#22a1bf;
	border-color:#22a1bf;
	color:#FFFFFF;
}



/* ページング */

.contentsCount{
	font-size:1rem;
	color:#333333;
	margin:14px 0px 8px;
	padding:0;
}


.pagingWrapper{
	position:relative;
	padding:0px 0px 20px;
}

.pagingList{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}


.pagingList li a:link , .pagingList li a:visited{
	color:#666666;
	display:block;
	padding:5px 8px 5px;
	text-decoration:none;
}


.pagingList  li a:hover{
	background:#44a8bb;
	color:#FFFFFF;
}

.pagingList li.noLink{
	padding:5px 8px 5px;
	font-weight:bold;
	background:#666666;
	color:#ffffff;
}

.pagingList  li{
	border:1px solid #999999;
	margin-right:10px;
	margin-bottom:10px;
	list-style:none;
}

/* 画像投稿宣伝 */

.imagePrCommonBox{
	padding:20px;
	background:#eeeeee;
	border-radius:4px;
	margin:40px 20px;
}

.imagePrCommonBox h2.imagePrHeadline{
	font-size:1.0rem;
	color:#ffffff;
	background:#666666;
	padding:10px 20px;
	margin-bottom:20px;
}

.imagePrCommonBox .image{
	width:49%;
	width:calc(50% - 10px);
	margin-bottom:20px;
}

.imagePrCommonBox .image img{
	width:100%;
}

.imagePrCommonBox .imageLeft{
	clear:both;
	float:left;
}

.imagePrCommonBox .imageRight{
	float:right;
}


/* 段落汎用部品 */

p.imageRight{
	color:#666666;
	font-size:10px;
	margin:10px 0;
}


p.caution{
	color:#666666;
	font-size:0.8rem;
	margin:20px;
}


/* テーブル */

table.tableType1{
	border-collapse: collapse;
	border-spacing: 0;
}

table.tableType1 th {
	padding: 10px 20px;
	background: #e9faf9;
	border: solid 1px #778ca3;
	min-width:120px;
	vertical-align:top;
}
table.tableType1 td {
	padding: 10px;
	border: solid 1px #778ca3;
	vertical-align:top;
}