@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;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

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

.link a{
	display:block;
	background:url(../../lib/cmn_img/arrow_02_black_right.png) left 6px no-repeat;
	background-size:3px 6px;
	padding-left:10px;
	line-height:1.3em;
	margin-bottom:3px;
}

/*----------------------------------------------------
	☆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: #E4E4E4;
 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:#efefef;
	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:#f6e2ec !important;
}
#contents .input_hissu:focus {
	background:#FBD4E7 !important;
}
input.wSS:focus, input.wS:focus, input.wM:focus, input.wL:focus, input.wLL:focus, textarea:focus {
		background-color:#efefef;
		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;
	border-radius:100px;
	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:#ed7db3;
	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:#E96AA7;}
#contents .form .submit{	background:#34a7d1;}
#contents .form .submit:hover{	background:#1A9CCC;}
#contents .form .back:hover{	background:#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(../../lib/cmn_img/arrow_01_black_bottom.png) !important;
	background-size:10px 6px !important;
	background-position: 92% center !important;
	background-repeat:no-repeat !important;
	padding-right:20px;
	
	-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;
}
.inner_960{
	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;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/
.head00{
	background:url(../../lib/cmn_img/bg_head01.png) center top no-repeat, url(../../lib/cmn_img/bg_line_02.png) center bottom no-repeat;
	background-size:218px auto, auto auto;
	padding:46px 0 20px;
	text-align:center;
	margin-bottom:45px;
	font-weight:normal;
	letter-spacing:0.15em;
}
.head00 span{ display:block;}
.head00 .jp{
	font-family: hannari;
	line-height:1.3em;
	margin-bottom:2px;
	font-size:2em;
}
.head00 .en{
	font-family: 'Josefin Sans', sans-serif;
	color:#e05398;
	font-weight:normal;
	font-size:0.85em;
	text-transform:uppercase;
}
.head01{
	font-family: hannari;
	color:#e05398;
	font-size:2em;
	letter-spacing:0.1em;
	text-align:center;
	margin-bottom:35px;
	line-height:1.3em;
	font-weight:normal;
}
.head02{
	text-align:center;
	font-size:1.53em;
	background:url(../../lib/cmn_img/bg_line_03.png) center bottom no-repeat;
	background-size:60px auto;
	padding-bottom:15px;
	margin-bottom:25px;
	font-weight:normal;
}
.head03{
	font-size:1.38em;
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
	color:#e05398;
}
.head04{
	text-align:center;
	margin-bottom:20px;
}
.head04 span{
	background:url(../../lib/cmn_img/garland_01.png) left top no-repeat, url(../../lib/cmn_img/garland_02.png) right top no-repeat;
	background-size:55px auto;
	padding:5px 100px;
	display:inline-block;
	font-size:1.38em;
	font-weight:bold;
	text-align:center;
}
.head05{
	color:#e05398;
}
.head05,
.head06{
	text-align:center;
	font-size:1.23em;
	font-weight:bold;
	margin-bottom:18px;
}


@media screen and (max-width:640px) {
.head00{
	background:url(../../lib/cmn_img/bg_head01.png) center top no-repeat, url(../../lib/cmn_img/bg_line_02.png) center bottom no-repeat;
	background-size:150px auto, auto 4px;
	padding:30px 0 13px;
	text-align:center;
	margin-bottom:25px;
}
.head00 .jp{
	font-size:1.6em;
	margin-bottom:0;
}
.head00 .en{ font-size:0.77em;}
.head01{
	font-size:1.4em;
	margin-bottom:18px;
}
.head02{
	font-size:1.3em;
	padding-bottom:8px;
	margin-bottom:18px;
}
.head03{
	font-size:1.23em;
	margin-bottom:15px;
}
.head04{
	margin-bottom:15px;
}
.head04 span{
	background:url(../../lib/cmn_img/garland_01.png) left top no-repeat, url(../../lib/cmn_img/garland_02.png) right top no-repeat;
	background-size:40px auto;
	padding:5px 50px;
	font-size:1.23em;
}
.head05,
.head06{
	font-size:1.16em;
	margin-bottom:15px;
}

}

/*----------------------------------------------------
	☆btn
----------------------------------------------------*/
.btn01,
.btn01_back{
	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	text-align:center;
	font-size:1.38em;
	border-radius:100px;
}
.btn01 a,
.btn01 span,
.btn01_back a,
.btn01_back span,
.btn02 a,
.btn02 span{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	line-height:1.5em;
	border-radius:100px;
	font-family: hannari;
	font-size:1.16em;
	letter-spacing:0.08em;
}
.btn01 a,
.btn01 span{
	background: url(../../lib/cmn_img/arrow_02_black_right.png) 96% center no-repeat, url(../../lib/cmn_img/bg_pink.jpg) left top repeat;
	background-size:4px 6px, 500px auto;
}
.btn01_back a:hover,
.btn01_back span:hover{
	background-color:#666;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn02 a:hover,
.btn02 span:hover{
	background-color:#444;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a,
.btn01_back span{
	background: url(../../lib/cmn_img/arrow_01_white_left.png) 20px center no-repeat #999999;
	background-size:6px 9px;
	color:#FFF;
}

.btn02{
	width:100%;
	max-width:600px;
	margin:0 auto;
	text-align:center;
	font-size:1.1em;
	border-radius:100px;
}
.btn02 a,
.btn02 span{
	background: url(../../lib/cmn_img/arrow_01_white_right.png) 96% center no-repeat #666;
	background-size:6px 9px;
	color:#FFF;
	border-radius:100px;
}

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

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

.tbl01 table {
	border-collapse:collapse;
	border-left:none;
	border-top:1px solid #ef8bbc;
	width:100%;
}
.tbl01 table th,
.tbl01 table td {
	border-right:none;
	border-bottom:1px solid #ef8bbc;
	line-height:150%;
	padding:12px 14px 10px;
	vertical-align:middle;
}
.tbl01 table th {
	background:url(../../lib/cmn_img/bg_pink.jpg) center center repeat;
	font-weight:bold;
	text-align:center;
}
.tbl01 table td {
	text-align:left;
}

/*-----*/

.tbl02 table {
	border-collapse:collapse;
	border-left:none;
	border-top:none;
	width:100%;
}
.tbl02 table th,
.tbl02 table td {
	border-right:none;
	border-bottom:1px dotted #ef8bbc;
	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{
	line-height:1.3em;
	padding:6px 5px 4px;
	font-size:0.93em;
}
.tbl02 table th,
.tbl02 table td {
	line-height:1.3em;
	padding:6px 0 4px;
	font-size:0.93em;
}
}

/*----------------------------------------------------
	☆box
----------------------------------------------------*/
.box01{
	padding:20px;
	border-radius:10px;
	background:url(../../lib/cmn_img/bg_gray.jpg) left top repeat;
}
@media screen and (max-width:640px) {
.box01{
	padding:12px;
}
}

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

.fltL{
	float:left !important;
}
.fltR{
	float:right !important;
}

#contents .basicFltBox{
	overflow:hidden;
}
#contents .basicFltBox .image{
	width:27%;
}
#contents .basicFltBox .info{
	width:69%;
}
#contents .basicFltBox .tx,
#contents .nonFltBox .tx{
	line-height:1.7em;
	font-size:1.08em;
}
#contents .basicFltBox.boxL .image{	float:left;}
#contents .basicFltBox.boxR .image{	float:right;}
#contents .basicFltBox.boxL .info{	float:right;}
#contents .basicFltBox.boxR .info{	float:left;}

#contents .nonFltBox .image{
	margin-bottom:30px;
	text-align:center;
}

@media screen and (max-width:640px) {
#contents .basicFltBox .image{	width:40%;}
#contents .basicFltBox.boxL .image{
	margin:0 15px 10px 0;
}
#contents .basicFltBox.boxR .image{
	margin:0 0 10px 15px;
}
#contents .basicFltBox .info{
	width:100%;
	float:none !important;
}
#contents .basicFltBox .tx,
#contents .nonFltBox .tx{
	line-height:1.65em;
	font-size:1em;
}
#contents .nonFltBox .image{
	margin-bottom:15px;
}
}
/*----------------------------------------------------
	☆basicSection
----------------------------------------------------*/

#contents .basicSection{
	background:url(../../lib/cmn_img/bg_line_03.png) center bottom no-repeat;
	background-size:75px 8px;
	padding-bottom:50px;
	margin-bottom:50px;
}
@media screen and (max-width:640px) {
#contents .basicSection{
	padding-bottom:20px;
	margin-bottom:20px;
}
}

/*----------------------------------------------------
	☆ckEditor
----------------------------------------------------*/
#contents .ckEditor span{
	line-height:1.5em;
}
#contents .ckEditor img{
	max-width:100%;
}

/*----------------------------------------------------
	☆pager 
----------------------------------------------------*/
.pager {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.3em;
	font-style: italic;
	padding-bottom: 10px;
	text-align: center;
}
.pager .prev, .pager .next {
	border-bottom: medium none;
	font-weight: normal;
	margin: 0 30px;
	padding: 0;
}
.pager a {
	border-bottom: 2px solid #ccc;
	color: #666;
	font-weight: bold;
	margin: 0 -2px;
	padding: 0 15px 10px;
}
.pager a.current, .pager a:hover {
	border-color: #e05398;
	color: #e05398;
}
@media screen and (max-width:768px) {
.pager a {	padding: 0 10px 5px;}
.pager .prev, .pager .next {	margin: 0 1em;}
}

/*----------------------------------------------------
	☆news
----------------------------------------------------*/

#contents .newsList{
	margin:0 auto;
	width:93%;
	max-width:1350px;
}
#shuffleBtn{
	margin-bottom:30px;
}
#shuffleBtn{
	overflow:hidden;
	display:flex;
	width:100%;	
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
}
#shuffleBtn li{
	/*display:table-cell;*/
	float: left;
	margin-right: 5px;
	vertical-align:middle;	
	width:16.66666%;
	padding-bottom:11px;
	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;
	cursor:pointer;
	font-size:1.38em;
	line-height:1.5em;
	color:#FFF;
	transition:0.3s;
	-webkit-transition:0.3s;
	background:#bababa;
	border-radius:5px;
}
#shuffleBtn li.active,
#shuffleBtn li:hover{
	background: url(../../lib/cmn_img/arrow_nav_01.png) center bottom no-repeat;
	background-size:12px 11px !important;
}
#shuffleBtn li.active span.inner,
#shuffleBtn li:hover span.inner{color:#FFF; font-weight:bold;}

#shuffleBtn li.li01 span.inner,
.icon01{ background:#5bc2ae;}
#shuffleBtn li.li02 span.inner,
.icon02{ background:#39acd3;}
#shuffleBtn li.li03 span.inner,
.icon03{ background:#ed7db3;}
#shuffleBtn li.li04 span.inner,
.icon04{ background:#b8b40c;}

#shuffleBtn li.vc1 span.inner,
.vc-icon1{ background:#B8B40C;}
#shuffleBtn li.vc5 span.inner,
.vc-icon5{ background:#6CB155;}
#shuffleBtn li.vc4 span.inner,
.vc-icon4{ background:#ed7db3;}
#shuffleBtn li.vc3 span.inner,
.vc-icon3{ background:#39acd3;}
#shuffleBtn li.vc7 span.inner,
.vc-icon7{ background:#55B16C;}
#shuffleBtn li.vc2 span.inner,
.vc-icon2{ background:#6C55B1;}

#shuffleBtn li.li01.active,
#shuffleBtn li.li01:hover{	background: url(../../lib/cmn_img/arrow_nav_02.png) center bottom no-repeat;}
#shuffleBtn li.li02.active,
#shuffleBtn li.li02:hover{	background: url(../../lib/cmn_img/arrow_nav_03.png) center bottom no-repeat;}
#shuffleBtn li.li03.active,
#shuffleBtn li.li03:hover{	background: url(../../lib/cmn_img/arrow_nav_04.png) center bottom no-repeat;}
#shuffleBtn li.li04.active,
#shuffleBtn li.li04:hover{	background: url(../../lib/cmn_img/arrow_nav_05.png) center bottom no-repeat;}

#shuffleBtn li.vc1.active,
#shuffleBtn li.vc1:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_02.png) center bottom no-repeat;}
#shuffleBtn li.vc5.active,
#shuffleBtn li.vc5:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_03.png) center bottom no-repeat;}
#shuffleBtn li.vc4.active,
#shuffleBtn li.vc4:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_04.png) center bottom no-repeat;}
#shuffleBtn li.vc3.active,
#shuffleBtn li.vc3:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_05.png) center bottom no-repeat;}
#shuffleBtn li.vc7.active,
#shuffleBtn li.vc7:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_06.png) center bottom no-repeat;}
#shuffleBtn li.vc2.active,
#shuffleBtn li.vc2:hover{	background: url(../../lib/cmn_img/vc-arrow_nav_07.png) center bottom no-repeat;}

/*-------*/
/*Gallery*/
/*-------*/
#contents .galleryList{
	margin:0 auto;
	width:93%;
	max-width:1350px;
}

/*-------*/
.grid-sizer,
.grid-item {
	width: 19.9%; margin:0; height:340px;
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{
	width:92%;
	height:92%;
	margin:4%;
	background:#FFF;
	border-radius:10px;
	padding:15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	position:relative;
}
#column_container .column_box .image{
	background-size:cover !important;
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:166px;
	margin-bottom:15px;
}
#column_container .column_box a{
	display:block;
	width:100%;
	height:100%;
}
#column_container .column_box .deco{
	width:100%;
	height:40px;
	position:absolute;
	left:0;
	top:0;
	background:url(../../lib/cmn_img/garland_01.png) left top no-repeat, url(../../lib/cmn_img/garland_02.png) right top no-repeat;
	background-size:78px auto, 78px auto;
}
#column_container .column_box .info{
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#column_container .column_box .title{
	font-size:1.1em;
	line-height:1em;
	overflow:hidden;
	width:100%;
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#column_container .column_box .date{
	margin-bottom:8px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.1em;
	color:#e05398;
}
#column_container .column_box .date img,
#contents .news_detail .date img{ margin:0 0 0 6px; width:17px; display:inline;}
#column_container .column_box .icon,
#contents .news_detail .icon{
	display:block;
	width:8em;
	text-align:center;
	padding:3px;
	line-height:1em;
	font-size:1em;
	color:#FFF;
	border-radius:3px;
	margin-bottom:8px;
}
#column_container .column_box .tx{
	font-size:0.93em;
	line-height:1.3em;
	height:2.418em;
	overflow:hidden;
	margin-bottom:7px;
}

@media screen and (max-width:1200px) {
.grid-sizer, .grid-item {	width: 24.9%; margin:0; height:335px;}
#shuffleBtn li span.inner{	font-size:1.3em;}
}
@media screen and (max-width:960px) {
.grid-sizer, .grid-item {	width: 33.2%; margin:0; height:335px;}
#shuffleBtn li span.inner{	font-size:1.2em;}
}
@media screen and (max-width:768px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:335px;}
#shuffleBtn li span.inner{	font-size:1em;}
}
@media screen and (max-width:640px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:335px;}
#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;}
#column_container .column_box .deco{
	height:20px;
	background:url(../../lib/cmn_img/garland_01.png) left top no-repeat, url(../../lib/cmn_img/garland_02.png) right top no-repeat;
	background-size:auto 20px, auto 20px;
}
}
@media screen and (max-width:480px) {
.grid-sizer, .grid-item {	width: 49.9%; margin:0; height:270px;}
#column_container .column_box .inner{ padding:8px;}
#shuffleBtn li span.inner{	font-size:0.69em; padding:5px 0;}
#column_container .column_box .image{	height:120px;}
#column_container .column_box .date{
	font-size:0.85em;
}
#column_container .column_box .date img{ width:10px;}
#column_container .column_box .title{
	font-size:1em;
}
#column_container .column_box .tx{
	font-size:0.85em;
}
#column_container .column_box .icon{
	width:80%;
	text-align:center;
	padding:3px;
	font-size:0.85em;
	border-radius:2px;
}
}

/*----------------------------------------------------
	☆news_detail
----------------------------------------------------*/
#contents .news_detail .newsImage{
	text-align:center;
	margin-bottom:50px;
}
#contents .news_detail .newsImage img{ max-width:100%;}
#contents .news_detail .headNewsDetail{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;
	line-height:1.5em;
	font-size:1.38em;
	background-size:120px 2px;
	border-bottom:1px dotted #e05398;
}
#contents .news_detail .date{
	color:#e05398;
	margin-right:20px;
	line-height:1.3em;
}
#contents .news_detail .date,
#contents .news_detail .icon{
	float:left;
}
#contents .news_detail .controls{
	overflow:hidden;
	position:relative;
}
#contents .news_detail .controls .btn01_back{
	width:50%;
}
#contents .news_detail .controls .prevBtn,
#contents .news_detail .controls .nextBtn{
	border:1px solid #e05398;
	border-radius:100px;
	text-align:center;
	width:20%;	
	position:absolute;
	top:0;
}
#contents .news_detail .controls .prevBtn a,
#contents .news_detail .controls .nextBtn a{
	display:block;
	padding:15px 0;
	background-size:6px 10px !important;
	font-family: 'Josefin Sans', sans-serif;
	line-height:1em;
	font-size:1.16em;
	letter-spacing:0.1em;
}
#contents .news_detail .controls .prevBtn{
	left:0;
}
#contents .news_detail .controls .nextBtn{
	right:0;
}
#contents .news_detail .controls .prevBtn a{
	background:url(../../lib/cmn_img/arrow_01_black_left.png) 4% center no-repeat;
}
#contents .news_detail .controls .nextBtn a{
	background:url(../../lib/cmn_img/arrow_01_black_right.png) 96% center no-repeat;
}
#contents .news_detail .ckEditor{
	margin-bottom:50px;
}
#contents .news_detail .ckEditor img{
	max-width:100%;
}
@media screen and (max-width:640px) {
#contents .news_detail .headNewsDetail{
	font-size:1.3em;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
}
#contents .news_detail .controls .btn01_back{
	width:42%;
	font-size:0.93em;
}
#contents .news_detail .controls .prevBtn,
#contents .news_detail .controls .nextBtn{
	width:23%;
}
#contents .news_detail .controls .prevBtn a,
#contents .news_detail .controls .nextBtn a{
	padding:10px 0;
	font-size:0.93em;
}
#contents .news_detail .newsImage,
#contents .news_detail .ckEditor{
	margin-bottom:20px;
}
}


/*----------------------------------------------------
	☆indexList
----------------------------------------------------*/
#contents .indexList ul{
	overflow:hidden;
}
#contents .indexList li{
	float:left;
	width:29.333%;
	margin:0 2% 4%;
}
#contents .indexList li .image{
	text-align:center;
	margin-bottom:15px;
}
#contents .indexList li .image img{
	max-width:270px;
}
#contents .indexList li .title{
	text-align:center;
	color:#e05398;
	font-weight:bold;
	font-size:1.38em;
	line-height:1.3em;
}
#contents .indexList li .tx{
	line-height:1.5em;
	margin-top:10px;
}
@media screen and (max-width:640px) {
#contents .indexList li{
	float:none;
	width:100%;
	margin:0 0 4%;
	padding-bottom:4%;
	border-bottom:1px dotted #ccc;
}
#contents .indexList li > a,
#contents .indexList li > .inner{
	display:table;
	width:100%;
}
#contents .indexList li .image{
	text-align:left;
	margin-bottom:0;
	width:30%;
}
#contents .indexList li .image,
#contents .indexList li .info{	
	display:table-cell;
	vertical-align:middle;
}
#contents .indexList li .info{
	padding-left:15px;
}
#contents .indexList li .title{
	text-align:left;
	font-size:1.2em;
}
#contents .indexList li .tx{
	margin-top:4%;
}
}


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