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

#main h1 span{
	font-weight:normal;
}
h3.under{
	border-top:#bc0745 solid 1px;
	border-bottom:#bc0745 solid 1px;
	text-align:center;
	font-size:20px;
	line-height:35px;
	margin:5px 0 10px 0;
}

.exp h4{
	font-size:18px;
	margin:0;
	margin-top:10px;
	position:relative;
	line-height:20px;
	padding-left:20px;
}
.exp h4:before{
	content:"";
	height:18px;
	width:18px;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.exp-red h4:before{
	background-color:#bc0745;
}

.exp-blue h4:before{
	background-color:#005191;
}

.exp p{
	margin-top:5px;
}


/**********************************/


/**********************************/

#main ul.red{
	font-size:16px;
	margin-top:10px;
}

#main ul.red li{
	padding-left:15px;
}
#main ul.red li:before{
	color:#bc0745;
}


#main ul.blue{
	font-size:16px;
	margin-top:10px;
}

#main ul.blue li{
	padding-left:15px;
}
#main ul.blue li:before{
	color:#005191;
}

#main ul.green{
	font-size:16px;
	margin-top:10px;
}

#main ul.green li{
	padding-left:15px;
}
#main ul.green li:before{
	color:#008876;
}

#main ul.bordeaux{
	font-size:16px;
	margin-top:10px;
}

#main ul.bordeaux li{
	padding-left:15px;
}
#main ul.bordeaux li:before{
	color:#960b59;
}


/**********************************/

.tate{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.photo{
	position:relative;
	padding:10px 0;
	border-top-left-radius:5px;
	box-sizing:border-box;
}

.photo-red{
	border-left:solid 30px #bc0745;
	border-top:solid 3px #bc0745;
	border-left:solid 30px #d99595;
	border-top:solid 3px #d99595;	
}
.photo-blue{
	border-left:solid 30px #005191;
	border-top:solid 3px #005191;
	border-left:solid 30px #5c7caf;
	border-top:solid 3px #5c7caf;
}
.photo-green{
	border-left:solid 30px #48a698;
	border-top:solid 3px #48a698;
}
.photo-bordeaux{
	border-left:solid 30px #b46985;
	border-top:solid 3px #b46985;
}
.photo h2{
	color:#fff;
	position:absolute;
	left:-30px;
	font-weight:normal;
	font-size:10px;
	text-align:center;
	width:30px;
}

.photo h2 .tate{
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
.photo h2 .tate span{
	font-size:28px;
	font-weight:bold;
}

.photo div{
	float:left;
	position:relative;
	margin:0;
	margin-left:3%;
}
.photo div h3{
	margin-top:5px;
}

.photo div h3.icon2{
	padding-right:85px;
	line-height:40px;
	text-align:right;
}

.photo div h3.icon1{
	padding-right:50px;
	line-height:40px;
	text-align:right;
}

.photo div img{
	margin:0 0 0 auto;
	height:130px;
}


.photo div .ICON{
	height:40px;
	width:auto;
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}

/****************************/


a.series{
	margin-top:20px;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
	background-color:#218cd9;
    color: #FFF;
    border-bottom: solid 4px #0a5e9a;
    border-radius: 3px;
}
a.series:hover {/*ボタンを押したとき*/
    border-bottom: solid 3px #0a5e9a;
	margin-top:21px;
}
/******************************/



/**********************************/