/* ------------------------------------
	モニター一覧
------------------------------------- */



.monitorAllcase{
width:100%;
}
.monitorAll:after {
content: ""; 
display: block; 
clear: both;
}

.monitorAllcase ul{
list-style-type: none;
padding-left: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font: inherit !important;
vertical-align: baseline !important;
text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
justify-content: center;
}

.monitorAllcase ul>li{
width:calc(100% - 4px);
max-width:170px;
border:1px solid #CCC;
-moz-box-sizing: border-box;
box-sizing: border-box;	
padding:0 0 0 0 !important;
margin-right:2px !important;
margin-right:2px !important;
text-align:center;
font-size:1.3rem;
}


.monitorAllcase ul > li:after {
background: none !important;
border:0 !important;

}

.monitorAllcase ul>li img{
width:100%;
height:auto;
margin:0 auto;
}


/* ------------------------------------
	ギャラリー　一覧
------------------------------------- */



.monitorAllmovie{
width:100%;
}
.monitorAll:after {
content: ""; 
display: block; 
clear: both;
}

.monitorAllmovie ul{
list-style-type: none;
padding-left: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font: inherit !important;
text-align: center;
	display: block;
}
.monitorAllmovie ul>li{
width:calc(100% - 4px);
border:1px solid #CCC;
-moz-box-sizing: border-box;
box-sizing: border-box;	
padding:0 0 0 0 !important;
margin-right:2px !important;
margin-right:2px !important;
text-align:center;
font-size:1.3rem;
}


@media screen and (min-width: 480px) {
.monitorAllmovie ul{
vertical-align: baseline !important;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
justify-content: center;
}

.monitorAllmovie ul>li{
width:calc(50% - 4px);
}

}/*---/@media--*/

.monitorAllmovie ul > li:after {
background: none !important;
border:0 !important;

}

.monitorAllmovie ul>li img{
width:100%;
height:auto;
margin:0 auto;
}




/* ------------------------------------
	選択
------------------------------------- */

.radio02-input{
  display: none !important;
}

.radio02-input + label{
  padding: 8px;
  position:relative;
  margin-top: 10px;
display:inline-block;
border:1px solid #CCC;
    cursor: pointer;
font-size:1.3rem;
}
.radio02-input:checked + label{
  color: #000;
background:#ffe4e1;
font-weight:bold;
}
.caseSelectTtl{
color:#4682b4;
padding:3px 0 0 10px;
margin:2em 0 0 0;
font-size:2rem;
font-weight:bold;
line-height:1.3em;
border-left:20px solid #4682b4;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

}

/* ------------------------------
text index navi
------------------------------ */


.text_indexFeeTittle{
font-weight:bold;
border-left:4px solid #4682b4;
        box-sizing: border-box;
	-moz-box-sizing: border-box;
margin:0 0 0 0 ;
padding:5px 0 0 0.5em;
color:#4682b4;
font-size:1.4rem;
}

@media screen and (min-width: 480px) {
.text_indexFeeTittle{
font-size:1.6rem;
}
}/*---/@media---*/










.text_indexFee{
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
font-size:1.2rem;
}

.text_indexFee:after {
content: ""; 
display: block; 
clear: both;
}


.text_indexFee ul{
width:100% !important;
margin:10px 0px 0px 0px !important;
padding:0px 0px 0px 0px;
display:flex;
display: flex;
flex-wrap: wrap;
}

.text_indexFee li{
border:1px solid #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align:center;
background:#4682b4;
width:50%;
max-width:260px;
display: inline-block;
margin:0 !important;
padding:0 !important;
overflow:hidden;
color:#191970;
list-style:none;
}

.text_indexFee ul > li:before {
content: none !important;
}

.text_indexFee ul > li:after {
content: none !important;
}

.text_indexFee ul > li a:link{
text-decoration:none;
color:#FFF;
width:100%;
display: inline-block;
padding:10px 5px 5px 5px;
line-height:1.1em;
background:#4682b4;
}

.text_indexFee ul > li a:visited{
color:#FFF;
}


.text_indexFee ul > li a:hover{
color:#fff;
width:100%;
display: inline-block;
background:#b0c4de;
transition: 0.5s;
}


@media screen and (min-width: 480px) {

.text_indexFee li{
width:33%;
max-width:260px;
}
}/*---/@media----*/


@media screen and (min-width: 768px) {
.text_indexFee li{
width:25%;
max-width:260px;
}
}/*---/@media----*/

@media screen and (min-width: 1024px) {
.text_indexFee li{
width:20%;
max-width:260px;
}
}/*---/@media----*/