@charset "UTF-8";
/* CSS Document */

.colum_subContentUv {
	width:880px;
    padding:38px;
}
.colum_subContentUv:after {
    content:"";
	display:table;
	clear:both;	
}
/** left **/
.colLeft {
    width:608px;
	padding:0;
	float:left;
}
.uservoice {
	 background-color:#ffffff;
	 background-image:url(../images/uservoice/bg_uservoiceTit.png);
	 background-repeat:no-repeat;
	 background-position:center 10px;
	 padding-top:188px;
	 position:relative;
	 margin-bottom:24px;
}
h5.tit_uservoice {
     position:absolute;
	 top:0;
	 left:0;		
}
.uv_number {
     position:absolute;
	 top:128px;
	 right:58px;
	 text-align:center;	
}
.txt_uvNumber {
    font-size:16px;
	font-weight:bold;
	color:#F7A23A;	
}
.col_uservoice {
	border-left:1px solid #ebe4d8;
	 border-right:1px solid #ebe4d8;
	 border-bottom:1px solid #ebe4d8;
	 border-radius:0 0 6px 6px;
	 -moz-border-radius:0 0 6px 6px;
	 -webkit-border-radius:0 0 6px 6px;
	 padding:0 36px 24px; 
	 margin:0 7px;
}
.uv {
	border-bottom:2px dashed #ebe4d8;
	padding:15px 0;
}
.uv:last-child {
    border-bottom:none;		
}
.uv:after {
    content:"";
	clear:both;
	display:table;	
}
.imgThumb_uv {
	float:left;
	border:1px solid #ebe4d8;
	background:#ffffff;
	margin-right:15px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	font-size:0;
	line-height:0;
	width:90px;
	height:90px;
	position:relative;
}
.imgThumb_uv a {
	overflow:visible;
	display:inline-block;	
}
.imgThumb_uv img {
    max-width:90px;
	max-height:90px;	
}
.txt_uv {
	float:left;
	width:412px;
}
.txt_uvDay {
	line-height:1.5;
}
.txt_uvTit {
	font-size:18px;
	font-weight:bolder;
	line-height:1.5;	
	margin-bottom:10px;
}
.txt_uvTit a {
    color:#F7A23A;
}
.col_uv {
    background:#ffffff;
	border:1px solid #ebe4d8;
	border-radius:6px;
	padding:14px 18px;
	margin-bottom:18px;
}
.tit_col_uv {
	font-size:24px;
	line-height:1.5;
    margin:12px 0;	
}
.txt_uv_day {
    font-size:12px;
	text-align:right;
	color:#8A7A67;
	padding:18px 0 0 0;		
}
.txt_uvTag {
	font-size:12px;
	line-height:1;	
	border-top:1px dashed #ebe4d8;
	padding:6px 0;
	width:100%;
}
.txt_uvTag a {
	color:#8A7A67;
	margin-right:6px;
}
.txt_uvTag_more {
	font-size:12px;
	line-height:1;
	border-top:1px dashed #ebe4d8;
	border-bottom:1px dashed #ebe4d8;
	padding:6px 0;
	width:100%;
}
.txt_uvTag_more a {
	color:#8A7A67;
	margin-right:6px;
}
.sns {
    margin:10px 0;
	text-align:right;	
}

/* 関連情報 */
.tit_reration {
    margin-bottom:6px;	
}
.list_uvCourse {
    background:#fff799;
	margin-bottom:24px;
	padding:0 12px;
}
.list_uvCourse li {
	padding:8px 6px 8px 6px;	
	border-bottom:1px dashed #8A7A67;
	list-style-position:inside;
	list-style-type:square;
}
.list_uvCourse li:last-child {
    border-bottom:none;	
}
.list_uvArticle {
}
.list_uvArticle li {
    	padding:8px 6px 8px 6px;	
	border-bottom:1px dashed #ebe4d8;	
}
.list_uvArticle li:last-child {
    border-bottom:none;	
}
.list_uvArticle li a {
   margin-left:8px;	
}
.txt_second {
    background:#fcfaee;
}
.btn_list {
    margin:18px auto 0;
	width:124px;	
}


/* ページネーション */
.pagenation {
	
}
.pagenation ul {
    text-align:center;	
}
.pagenation ul li {
    display:inline-block;
	margin:2px;
}
.pagenation ul li a {
	border:1px solid #ebe4d8;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    background:#ffffff;
	padding:6px;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:block;
	color:#584539;
}
.pagenation ul li a:hover {
	border:1px solid #ebe4d8;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    background:#ebe4d8;
	padding:6px;
	width:28px;
	height:28px;
	text-align:center;
	display:block;
	color:#584539;
	text-decoration:none;
}
.pagenation ul li a.now {
	background:#F7A23A;
	color:#ffffff;
}
.pagenation ul li a.prev,
.pagenation ul li a.next {
	width:50px;
}
.pagenation ul li a.back {
    padding:6px;
	width:120%;
}

/** right(side) **/
.colRight {
    width:250px;
	float:right;
	margin:10px 0 0 0;
}
.col_uvSide {
	background:#ffffff;  		
	border:1px solid #ebe4d8;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px; 
	margin-bottom:18px;
}
.tit_uvSide {
    background:#362d2a;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;    	
	color:#ffffff;
	font-size:18px;
	font-weight:bolder;
	line-height:48px;
	height:48px;
	padding:0 0 0 12px;
	position:relative;
}
.tit_uvSide:after {
	content:"";
	position:absolute;
    border:6px solid transparent;
	border-top-color:#362d2a;
	border-bottom-width:0;
	bottom:-6px;
	left:16px;	
}
ul.list_uvSide {
    padding:12px;	
}
ul.list_uvSide li {
	border-bottom:1px dashed #ebe4d8;
	background:url(../images/uservoice/arw_type01.jpg) no-repeat 2px 13px;
	padding:6px 0 6px 14px;	
}
ul.list_uvSide li:last-child {
	border-bottom:none;  
}
.list_category_s {	
}
.list_category_s li {
    padding:4px 3px 3px 12px !important;
	font-size:12px;	
}
.txt_caution {
	border:2px solid #F8EBD7;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:12px;
	margin:0 0 18px 0;
	padding:8px 10px;
	color:#8A7A67;	
	line-height:1.5;
}

/**お知らせ
------------------------*/
div.col_news {
    background:#ffffff;
	border:1px solid #ebe4d8;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:21px 36px; 
	margin-bottom: 18px;
	/*margin:10px 0;*/	
}
dl.hb_news {
	border-bottom:2px dashed #ebe4d8;
	padding:15px 0;
}
dl.hb_news:last-child {
    border-bottom:none;		
}
dl.hb_news:after {
    content:"";
	clear:both;
	display:table;	
}
.imgThumb_news {
	float:left;
	border:1px solid #ebe4d8;
	background:#ffffff;
	margin-right:15px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	font-size:0;
	line-height:0;
	width:120px;
	height:120px;
	position:relative;
}
.imgThumb_news a {
	overflow:visible;
	/*display:inline-block;*/
}
.imgThumb_news img {
    max-width:120px;
	max-height:120px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.txt_news {
	float:left;
	width:396px;
}
.txt_hbDay {
	line-height:1.5;
	margin-bottom:3px;
}
.txt_hbTit {
	font-size:18px;
	font-weight:bolder;
	line-height:1.5;	
	margin-bottom:6px;
}
.txt_hbTit a {
	color: #F7A23A;
}
.txt_hbLead {
    font-size:12px;
	line-height: 1.5;
	position: relative;
}
.txt_hbLead::after {
    content:"..."
}
.img_news {
  	text-align: center;
	display: block !important;
}
div.col_column {
    background:#ffffff;
	border:1px solid #ebe4d8;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:21px 36px; 
	margin:10px 0; 	
}
dl.hb_column {
	border-bottom:2px dashed #ebe4d8;
	padding:15px 0;
}
dl.hb_column:last-child {
    border-bottom:none;		
}
dl.hb_column:after {
    content:"";
	clear:both;
	display:table;	
}
.imgThumb_hb {
	float:left;
	/*border:1px solid #ebe4d8;*/
	background:#ffffff;
	margin-right:15px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	font-size:0;
	line-height:0;
	width:120px;
	height:120px;
	position:relative;
}
.imgThumb_hb a {
	overflow:visible;
	display:inline-block;	
}
.imgThumb_hb img {
    max-width:120px;
	max-height:120px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}
.txt_hb {
	float:left;
	width:396px;
}
.txt_hbDay {
	line-height:1.5;
	margin-bottom:3px;
}
span.icon_cateColumn {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    color:#ffffff;
	font-size:12px;
	font-weight: 600;
	margin-left:6px;
	padding:2px 8px;
}
.h3_hbTit {
	border-bottom:3px solid #eee2ce;
	font-size:24px;
	line-height:1.5;
	padding:0 0 6px;
}
.txt_uv_day {
    font-size:12px;
	text-align:right;
	color:#8A7A67;
	padding:18px 0 0 0;		
}
.col_hb {
	padding:15px 0;
}
.col_hb::after {
    content:"";
	clear: both;
	display: table;
}
.col_hb p {
	text-indent: 1em;
	position: relative;
}
.col_hb img.img-arkzakki-type01 {
	display:block;
	float:right;
	margin:12px 0 12px 12px;
	max-width: 180px;
	width: 100%;
}
@media only screen and (max-width: 767px) {
.col_hb img.img-arkzakki-type01 {
	display:block;
	float:none;
	margin:12px auto 12px;
}
}
div.col-txtArkzakki {
    
}
div.col-txtArkzakki::after {
    content:"";
	clear:both;
	display: table;
}
div.col-txtArkzakki div {
    float:left;
	max-width: 340px;
}
@media only screen and (max-width: 767px) {
div.col-txtArkzakki div {
	float:none;
}
}
div.col-txtArkzakki ul.imglist-arkzakki {
    float:right;
	margin:12px 0 12px 12px;
    max-width: 180px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
div.col-txtArkzakki ul.imglist-arkzakki {
    float:none;
	margin: 12px auto;
}
}
div.col-txtArkzakki ul.imglist-arkzakki li img {
    display: block;
	margin: 0 0 12px 0;
	max-width: 180px;
	width: auto;
}

ul.imglist-arkzakki-yoko {
    display: flex;
	justify-content: space-around;
}
ul.imglist-arkzakki-yoko li {
    padding: 10px;
}
p.line-bangai {
    border-top:2px dotted #848484;
    margin-top: 18px;
	padding-top: 18px;
}
p.txt-penName {
    font-size: 80%;
    text-align: right;
	padding: 12px;
}