@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.red { color:#E23435;}
.blue { color:#005ba2;}
.gray { color:#999;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

.margin0{ margin:0 !important;}
a.link{
	text-decoration:underline;
	color:#005ba2;
}
p.link{
	background:url(../cmn_img/arrow_02_black_right.png) left 6px no-repeat;
	background-size:4px 6px;
	padding-left:10px;
}
p.link a{ text-decoration:underline;}
.window a{
	display:block;
	color:#0095cc;
	text-decoration:underline;
	background:url(../cmn_img/icon_window.png) left top no-repeat;
	background-size:22px 18px;
	padding-left:30px;
	font-size:1.16em;
}

/*----------------------------------------------------
	☆form
----------------------------------------------------*/

.wSS{ width: 30%;}
.wS { width: 50%;}
.wM{ width: 270px;}
.wL{ width: 370px;}
.wLL{ width: 100%;}
.imeOff { ime-mode: disabled;}
.imeOn { ime-mode: active;}

textarea {
	border: 1px solid #CCCCCC;
	line-height: 140%;
	padding: 3px 6px;
}
textarea:focus {
	background-color: #D5E3EF;
 border: 1px solid #AAA;
}
label{
	cursor:pointer;
}
label:hover{
	color:#418BB8;
}
input{
	padding:0;
}
input.wSS, input.wS, input.wM, input.wL, input.wLL, textarea, select {
	border:none;
	background:#e1e9f0;
	line-height: 140%;
	padding: 8px;
	border-radius:4px;
	
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contents .input_hissu {
	background-color:#f9e8e5 !important;
}
#contents .input_hissu:focus {
	background:#FFE0DB !important;
}
input.wSS:focus, input.wS:focus, input.wM:focus, input.wL:focus, input.wLL:focus, textarea:focus {
		background-color:#D5E3EF;
		border: none;
}
.textFocus {
	color: #AAA;
}
button, input, select, textarea {
 font-size:93%!important;
}
.hissu{
	background:#da0000;
	color:#FFF;
	padding:1px 6px 0;
	margin-right:5px;
	font-size:0.8em;
	line-height:1;
	word-break:keep-all;
}
#contents .form .back,
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	background:#FFF;
	border:2px solid #ccc;
	width:100%;
	max-width:500px;
	padding:13px 15px 11px;
	margin:15px auto 0;
	font-size:1.1em;
}
#contents .form .form_button{
	text-align:center;
}
#contents .form .form_button input{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	display:inline-block;
	border:none;
	background: url(../cmn_img/arrow_01_black_right.png) 96% center no-repeat #f48375;
	background-size:6px 10px;
	color:#FFF;
	font-weight:bold;
	width:55%;
	font-size:1.2em !important;
	cursor:pointer;
}
#contents .form .back{
	width:30%;
	max-width:150px;
	font-size:1.2em;
	color:#666;
	display:inline-block;
	margin:0 10px;
	background:#E5E5E5;
}
#contents .form .confirm:hover{ background-color:#F37464;}
#contents .form .submit{	background-color:#46d7c6;}
#contents .form .submit:hover{	background-color:#2BCBB8;}
#contents .form .back:hover{	background-color:#f0f0f0;}

#contents .form .search{
	background:#00388b;
	border-radius:50px;
	padding:6px 15px 5px;
	font-size:1.2em;
	width:100%;
	margin:0;
}
#contents .form .search:hover{	background:#002B6C;}

#contents .form .error{
	color:#c0070a;
	font-size:0.93em;
	font-weight:bold;
}
#contents .form .error span{
	background:#e0e0e0;
	border-radius:3px;
	padding:14px 15px 12px;
	display:block;
	line-height:1;
}
#contact_form.thanks h2{
	color:#a46b6b;
	font-size:1.8em;
	text-align:center;
	margin-bottom:20px;
}
#contact_form.thanks p{
	text-align:center;
}
#contents .form_list li{
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
#contents .form_list li .title{
	float:left;
	width:20%;
	font-weight:bold;
}
#contents .form_list li .data{
	float:right;
	width:78%;
}
#contents .form .check{
	padding:15px;
	border:1px dotted #aaa;
	text-align:center;
	width:80%;
	margin:0 auto 20px;
	border-radius:5px;
}
#contents .form select {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	background-image: url(../cmn_img/arrow_01_blue_bottom.png) !important;
	background-size:10px 6px !important;
	background-position: 96% center !important;
	background-repeat:no-repeat !important;
	
	-moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
		overflow:hidden;
		white-space:nowrap;
}
#contents .form select::-ms-expand {
  display: none;
}
#contents .form .btn02{
	width:50%;
	margin-bottom:20px;
}
#contents .form .btn02 a{
	padding:6px;
}
#contents .form .privacy_box,
#contents .form .privacy_box .privacy_tx_container{
	margin-bottom:25px;
}
#contents .form .privacy_box .tx{
	margin-bottom:20px;
}
#contents .form .privacy_box .privacy_tx_container{
	background:#ffe3bf;
	padding:20px;
	border-radius:8px;
	width:100%;
}
#contents .form .privacy_box .privacy_tx_container .inner{
	height:160px;
	overflow-y:auto;
}
#contents .form .privacy_box .privacyCheck{
	background:#E9E9E9;
	padding:10px;
	text-align:center;
	border-radius:8px;
}

#contents .form .btnBox{
	text-align:center;
}
/*-------*/
.err {
	background-color: #ed6d59;
	border-radius: 5px;
	color: #FFF !important;
	margin-top: 12px !important;
	padding: 5px 8px;
	position: relative;
	width: 100%;
	font-weight:bold;
	clear:both;
	display: block;
}
.err::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent #ed6d59;
	border-image: none;
	border-style: solid;
	border-width: 0 6px 7px;
	content: "";
	display: block;
	left: 30px;
	position: absolute;
	top: -7px;
	width: 0;
	clear:both;
}

#contents .btnBox{
	text-align:center;
	margin:5% auto;
}

@media screen and (max-width:800px) {
#contents .form .confirm,
#contents .form .submit{
	width:100%;
	display:block;
	padding:8px 0 6px;
}
#contents .form .back{
	width:50%;
	display:block;
	padding:8px 0 6px;
	margin:10px auto 0;
}
#contents .form_list li{
	margin-bottom:20px;
}
#contents .form_list li .title{
	float:none;
	width:100%;
	margin-bottom:8px;
}
#contents .form_list li .data{
	float:none;
	width:100%;
}
#contents .form .btn02{
	width:90%;
}
}
@media screen and (max-width:640px) {
.wSS{ width: 30%;}
.wS { width: 50%;}
.wM,
.wL,
.wLL{ width: 100%;}
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear:both;
	margin-bottom:70px;
}
@media screen and (max-width:768px) {#contents section {	margin-bottom:50px;}}
@media screen and (max-width:640px) {#contents section {	margin-bottom:30px;}}
#contents section:last-child {
	margin-bottom:0;
}
.aural span,
span.aural {
	display:none;
	visibility:hidden;
}
img.icon {
	margin-right:5px;
	vertical-align:middle;
}
.inner_wide{
	width:93%;
	margin:0 auto;
}
.inner_slim{
	width:93%;
	max-width:1080px;
	margin:0 auto;
}
.inner960{
	width:93%;
	max-width:960px;
	margin:0 auto;
}

/*----------------------------------------------------
	☆list
----------------------------------------------------*/

ul.indList li {
	text-indent:-1em;
	padding-left:1em;
}
ol.decimal{
	padding-left:1.5em;
}
ol.decimal li{
	list-style:decimal;
	margin-bottom:8px;
}
ul.disc{
	padding-left:1.5em;
}
ul.disc li{
	list-style:disc;
	margin-bottom:8px;
	line-height:1.3em;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/
.head01{
	background:url(../cmn_img/bg_head01.gif) center bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:40px;
	text-align:center;
	font-size:2.3em;
	font-family: 'Montserrat', sans-serif,'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ';
	letter-spacing:0.2em;
	font-weight:lighter;
	text-transform:uppercase;
}
.head02{
	font-size:1.84em;
	padding-bottom:8px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
	line-height:1.5em;
}
.head03{
	background:url(../cmn_img/bg_head01.gif) center bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:30px;
	text-align:center;
}
.head03 span{
	line-height:1em;
	display:block;
}
.head03 .jp{
	font-size:1.84em;
	margin-bottom:5px;
}
.head03 .en{
	color:#43b7a9;
	font-family: 'Montserrat', sans-serif,'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ';
	letter-spacing:0.2em;
	font-weight:normal;
	text-transform:uppercase;
}
.head04{
	font-size:1.38em;
	margin-bottom:20px;
	line-height:1.5em;
}
.head05{
	font-size:1.16em;
	margin-bottom:15px;
	line-height:1.5em;
}

@media screen and (max-width:640px) {
.head01{
	font-size:1.6em;
	padding-bottom:8px;
	margin-bottom:25px;
}
.head02{
	font-size:1.5em;
	margin-bottom:15px;
}
.head03 .jp{	font-size:1.5em;}
.head03 .en{ font-size:0.85em;}
.head03{
	margin-bottom:15px;
}
.head04{	font-size:1.3em;}
}

/*----------------------------------------------------
	☆btn
----------------------------------------------------*/
.btn01,
.btn01_back{
	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	text-align:center;
	font-size:1.38em;
}
.btn01 a,
.btn01 span,
.btn01_back a,
.btn01_back span,
.btn02 a,
.btn02 span{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	font-weight:bold;
	line-height:1.5em;
}
.btn01 a,
.btn01 span{
	background: url(../cmn_img/arrow_01_black_right.png) 96% center no-repeat #f48375;
	background-size:6px 9px;
	color:#000;
}
.btn01 a:hover,
.btn01 span:hover{
	background-color:#F37464;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a:hover,
.btn01_back span:hover{
	background-color:#D4DFE9;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn02 a:hover,
.btn02 span:hover{
	background-color:#ededed;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a,
.btn01_back span{
	background: url(../cmn_img/arrow_01_black_left.png) 20px center no-repeat #e1e9f0;
	background-size:6px 9px;
}

.btn02{
	width:100%;
	max-width:600px;
	margin:0 auto;
	text-align:center;
	font-size:1.16em;
	font-family: 'Montserrat', sans-serif;
	font-weight:lighter;
	letter-spacing:0.1em;
}
.btn02 a,
.btn02 span{
	background: url(../cmn_img/arrow_01_black_right.png) 96% center no-repeat #FFF;
	background-size:6px 9px;
	border:1px solid #465866;
}

@media screen and (max-width:640px) {
.btn01,
.btn02,
.btn01_back{
	margin:0 auto 10px;
	font-size:1.16em;
}
}

/*----------------------------------------------------
	☆table
----------------------------------------------------*/

.tbl01 table {
	border:none;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	width:100%;
}
.tbl01 table th,
.tbl01 table td {
	border:none;
	border-bottom:1px solid #CCC;
	line-height:150%;
	padding:12px 14px 10px;
	vertical-align:middle;
}
.tbl01 table th {
	background:#e1e9f0;
	font-weight:bold;
	text-align:left;
}
.tbl01 table td {
	text-align:left;
}

/*-----*/

.tbl02 table {
	border-collapse:collapse;
	border:none;
	width:100%;
}
.tbl02 table th,
.tbl02 table td {
	border:none;
	border-bottom:1px solid #CCC;
	line-height:150%;
	padding:12px 0 10px;
	vertical-align:middle;
}
.tbl02 table th {
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
.tbl02 table td {
	text-align:left;
}

@media screen and (max-width:640px) {
.tbl01 table th,
.tbl01 table td {
	padding:6px 7px 5px;
	line-height:1.3em;
}
.tbl02 table th,
.tbl02 table td {
	padding:6px 0 5px;
	line-height:1.3em;
}
}

/*----------------------------------------------------
	☆box
----------------------------------------------------*/

/*----------------------------------------------------
	☆Flt
----------------------------------------------------*/
.ovf_h{ overflow:hidden;}

.fltL{
	float:left !important;
}
.fltR{
	float:right !important;
}
/*----------------------------------------------------
	☆ckEditor
----------------------------------------------------*/
#contents .ckEditor span{
	line-height:1.5em;
}
#contents .ckEditor img{
	max-width:100%;
}

/*----------------------------------------------------
	☆pager 
----------------------------------------------------*/
.pager {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	padding-bottom: 10px;
	text-align: center;
	font-weight:normal;
	line-height:1em !important;
	margin-top:50px;
}
.pager a {
	background:#e1e9f0;
	color: #465866;
	margin: 0 2px;
	padding:10px 17px;
}
.pager a.current, .pager a:hover {
	background:#465866;
	color: #FFF;
}
.pager .prev, .pager .next {
	background:#FFF;
	color:#465866;
	border-bottom: medium none;
	font-weight: normal;
	margin: 0 30px;
	padding: 0;
}
@media screen and (max-width:768px) {
.pager {	font-size: 1.16em; margin-top:20px;}
.pager a {
	padding:6px 13px;
}
.pager .prev, .pager .next {
	margin: 0 10px;
}
}

/*----------------------------------------------------
	☆newsList
----------------------------------------------------*/
#contents .newsList li{
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}
#contents .newsList li .date,
#main .news_detail .date{
	float:left;
 font-family: 'Montserrat', sans-serif;
	font-style:italic;
	margin-right:20px;
	width:6em;
	font-size:0.93em;
	letter-spacing:0.1em;
}
#contents .newsList li .icon,
#main .news_detail .icon{
	font-family: 'Montserrat', sans-serif;
	float:left;
	width:8em;
	text-align:center;
	background:#ccc;
	line-height:1em;
	padding:5px 0;
	
	font-size:0.93em;
	letter-spacing:0.1em;
}
#contents .newsList li .title{
	float:right;
	width:calc(100% - 14em);
	width:-webkit-calc(100% - 14em);
	font-size:1.16em;
	line-height:1.3em;
}
#contents .newsList.faqList li .title{
	width:100%;
	float:none;
	padding-left:30px;
	background:url(/lib/cmn_img/icon_q.gif) left top no-repeat;
	background-size:20px auto;
}
@media screen and (max-width:768px) {
#contents .newsList li .title{
	float:none;
	width:100%;
	font-size:1.08em;
	clear:both;
	padding-top:10px;
}
#contents .newsList.faqList li .title{
	padding-top:0;
}
}
/*----------------------------------------------------
	☆news_detail
----------------------------------------------------*/
#main .news_detail .newsImage{
	text-align:center;
	margin-bottom:50px;
}
#main .news_detail .newsImage img{ max-width:100%;}
#main .news_detail .headNewsDetail{
	clear:both;
	padding-top:20px;
	padding-bottom:30px;
	margin-bottom:30px;
	line-height:1.5em;
	font-size:2em;
	font-weight:normal;
	background:url(../cmn_img/bg_head01.gif) left bottom no-repeat;
	background-size:120px 2px;
}
#main .news_detail .controls{
	overflow:hidden;
	position:relative;
}
#main .news_detail .controls .btn01_back{
	width:50%;
}
#main .news_detail .controls .prevBtn,
#main .news_detail .controls .nextBtn{
	border:1px solid #465866;
	border-radius:100px;
	text-align:center;
	width:20%;	
	position:absolute;
	top:0;
}
#main .news_detail .controls .prevBtn a,
#main .news_detail .controls .nextBtn a{
	display:block;
	padding:15px 0;
	background-size:6px 10px !important;
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	font-size:1.16em;
	letter-spacing:0.1em;
}
#main .news_detail .controls .prevBtn{
	left:0;
}
#main .news_detail .controls .nextBtn{
	right:0;
}
#main .news_detail .controls .prevBtn a{
	background:url(../cmn_img/arrow_01_black_left.png) 4% center no-repeat;
}
#main .news_detail .controls .nextBtn a{
	background:url(../cmn_img/arrow_01_black_right.png) 96% center no-repeat;
}
#main .news_detail .ckEditor{
	margin-bottom:50px;
}
#main .news_detail .ckEditor img{
	max-width:100%;
}
@media screen and (max-width:640px) {
#main .news_detail .headNewsDetail{
	font-size:1.3em;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
}
#main .news_detail .controls .btn01_back{
	width:42%;
	font-size:0.93em;
}
#main .news_detail .controls .prevBtn,
#main .news_detail .controls .nextBtn{
	width:23%;
}
#main .news_detail .controls .prevBtn a,
#main .news_detail .controls .nextBtn a{
	padding:10px 0;
	font-size:0.93em;
}
#main .news_detail .newsImage,
#main .news_detail .ckEditor{
	margin-bottom:20px;
}
}

/*----------------------------------------------------
	☆icon color
----------------------------------------------------*/
.icon{	color:#333;}
.icon01{background-color:#46d7c6 !important;}
.icon02{background-color:#f7bc00 !important;}
.icon03{background-color:#f48375 !important;}
.icon04{background-color:#3fc6f3 !important;}

/*----------------------------------------------------
	☆worksSideList
----------------------------------------------------*/
#side .worksSideList li{
	width:100%;
	position:relative;
	margin-bottom:20px;
	background-position:center center;
	background-size:cover !important;
}
#side .worksSideList li:last-child{ margin-bottom:0;}
#side .worksSideList li::before {
    content: "";
    display: block;
    padding-top: 66.666%;
}
#side .worksSideList li .inner{
	background:url(../cmn_img/bg_gradation.png) left bottom repeat-x;
	padding:8px;
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#side .worksSideList li .inner .date{
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	letter-spacing:0.1em;
	font-style:italic;
}
#side .worksSideList li .inner .title{
	line-height:1.3em;
	font-weight:bold;
}
@media screen and (max-width:1080px) {
#side .worksSideList{
	overflow:hidden;
}
#side .worksSideList li{
	float:left;
	width:23%;
	margin:0 1% 2%;
}
}
@media screen and (max-width:640px) {
#side .worksSideList li{	width:48%;}
}

/*----------------------------------------------------
	☆works
----------------------------------------------------*/

#contents .works{
	margin:0 auto;
	width:93%;
	max-width:1350px;
}
#shuffleBtn{
	margin-bottom:30px;
}
#shuffleBtn{
	overflow:hidden;
	display:table;
	width:100%;	
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 20px 0;  /* 左右 上下で記述 */
}
#shuffleBtn li{
	display:table-cell;
	vertical-align:middle;	
	width:20%;
	padding-bottom:12px;
	transition:0.3s;
	-webkit-transition:0.3s;
	background-position:center bottom;
}
#shuffleBtn li span.inner{
	display:block;
	width:100%;
	height:100%;
	padding:12px 0;
	text-align:center;
	border-bottom:2px solid #465866;
	cursor:pointer;
	font-size:1.53em;
	line-height:1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.1em;
	color:#a3a3a3;
	transition:0.3s;
	-webkit-transition:0.3s;
}
#shuffleBtn li.active,
#shuffleBtn li:hover{
	background:url(../../lib/cmn_img/arrow_03_black_bottom.png) center bottom no-repeat;
}
#shuffleBtn li.active span.inner,
#shuffleBtn li:hover span.inner{color:#394c5b;}

#shuffleBtn li.li01 span.inner{	border-bottom:2px solid #46d7c6;}
#shuffleBtn li.li02 span.inner{	border-bottom:2px solid #f9c933;}
#shuffleBtn li.li03 span.inner{	border-bottom:2px solid #f48375;}
#shuffleBtn li.li04 span.inner{	border-bottom:2px solid #3fc6f3;}

#shuffleBtn li.li01.active,
#shuffleBtn li.li01:hover{	background:url(../../lib/cmn_img/arrow_03_green_bottom.png) center bottom no-repeat;}
#shuffleBtn li.li02.active,
#shuffleBtn li.li02:hover{	background:url(../../lib/cmn_img/arrow_03_yellow_bottom.png) center bottom no-repeat;}
#shuffleBtn li.li03.active,
#shuffleBtn li.li03:hover{	background:url(../../lib/cmn_img/arrow_03_pink_bottom.png) center bottom no-repeat;}
#shuffleBtn li.li04.active,
#shuffleBtn li.li04:hover{	background:url(../../lib/cmn_img/arrow_03_blue_bottom.png) center bottom no-repeat;}

/*-------*/
.grid-sizer,
.grid-item {
	width: 19.9%; margin:0; height:290px;
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#column_container .column_box {
	float:left;
}
#column_container .column_box .inner{
	position:relative;
	width:92%;
	height:92%;
	margin:4%;
	background:#FFF;
	
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#column_container .column_box .image{
	background-size:cover !important;
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:166px;
}
#column_container .column_box a{
	display:block;
	width:100%;
	height:100%;
}
#column_container .column_box .tx{
	padding:10px;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#column_container .column_box .tx .title{
	font-size:1.1em;
	line-height:1.3em;
	height:3.9em;
	overflow:hidden;
	width:100%;
}
#column_container .column_box .date{
	margin-bottom:8px;
	font-weight:normal;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
	font-style:italic;
	letter-spacing:0.1em;
}
#column_container .column_box .icon{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:8em;
	text-align:center;
	padding:3px;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
	font-size:0.93em;
}

@media screen and (max-width:1200px) {
.grid-sizer, .grid-item {	width: 24.9%; margin:0; height:290px;}
#shuffleBtn li span.inner{	font-size:1.3em;}
}
@media screen and (max-width:960px) {
.grid-sizer, .grid-item {	width: 33.2%; margin:0; height:290px;}
#shuffleBtn li span.inner{	font-size:1.2em;}
}
@media screen and (max-width:768px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:290px;}
#shuffleBtn li span.inner{	font-size:1em;}
#contents.detailPage{ padding-bottom:0;}
#map{
	height:240px;
}
}
@media screen and (max-width:640px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:290px;}
#shuffleBtn li span.inner{	font-size:0.77em; padding:5px 0;}
#shuffleBtn{
	border-spacing: 5px 0;  /* 左右 上下で記述 */
	margin-bottom:15px;
}
#shuffleBtn li{	padding-bottom:7px;}
#shuffleBtn li.active,
#shuffleBtn li:hover{ background-size: 8px 7px !important;}
}
@media screen and (max-width:480px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:240px;}
#shuffleBtn li span.inner{	font-size:0.69em; padding:5px 0;}
#column_container .column_box .image{	height:120px;}
}

/*----------------------------------------------------
	☆tab nav
----------------------------------------------------*/
#nav{
	max-width:520px;
	margin:0 auto 30px;
	overflow:hidden;
	display:table;
	width:100%;	
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 20px 0;  /* 左右 上下で記述 */
}
#nav li{
	display:table-cell;
	vertical-align:middle;	
	width:50%;
	padding-bottom:12px;
	transition:0.3s;
	-webkit-transition:0.3s;
	background-position:center bottom;
}
#nav li span{
	display:block;
	width:100%;
	height:100%;
	padding:12px 0;
	text-align:center;
	border-bottom:2px solid #465866;
	cursor:pointer;
	font-size:1.53em;
	line-height:1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.1em;
	color:#a3a3a3;
	transition:0.3s;
	-webkit-transition:0.3s;
}
#nav li.current,
#nav li:hover{
	background:url(/lib/cmn_img/arrow_03_black_bottom.png) center bottom no-repeat;
}
#nav li.current span,
#nav li:hover span{color:#394c5b;}

/*----------------------------------------------------
	☆other
----------------------------------------------------*/