@charset "utf-8";

/* ================================

	KOBUKURO LIVE TOUR 2016
	event.css

=================================== */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
       url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 35px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-20 { 
	font-size: 18px;
	color:#2EA8CD;
	vertical-align: bottom;
	line-height: 1.1em;
}
.material-icons.md-30 { 
	font-size: 30px;
	color:#2EA8CD;
	vertical-align: bottom;
	line-height: 0.8em;
}

.cmnBnr{
	display:none;
}

.caption{
	margin-top:2%;
	font-size:0.8rem;
	text-align:center;
}

.photList li a{
	display:block;
}

.photList li a img{
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}

.ph{
	text-align:center;
	margin:5% 0 10%;
}

.ph img{
	box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
}


.lead{
	margin-top:4%;
	text-align:center;
}

.dobleBtn {
	overflow: hidden;
	margin: 5% 0 10%;
	text-align:center;
}

.dobleBtn li {
	display: inline-block;
	margin-right: 2%;
	width: 20%;
}

.dobleBtn li:nth-child(2) {
	margin: 0;
}

.dobleBtn li a{
	width: 100%;
	display:inline-block;
	border-radius:3px;
	border: solid 1px #28AED8;
	padding: 10px 0;
	text-align: center;
	font-size: 0.9rem;
	font-weight:bold;
	text-decoration:none;
}

.dobleBtn li span{
	width: 100%;
	display:inline-block;
	border-radius:3px;
	border: solid 1px #DDD;
	padding: 10px 0;
	text-align: center;
	font-size: 0.9rem;
	font-weight:bold;
	text-decoration:none;
	color:#DDD;

}

.dobleBtn li span .material-icons.md-20{
color:#DDD;
}

.dobleBtn li a:hover{
	background:#28AED8;
	color:#FFF;
}

.dobleBtn li a:hover i{
	color:#FFF;
}

.photList li a img{
	width:100%;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
}


@media (min-width: 768px){
.sp{
	display:none;
}
.pageTit{
	font-size:38px;
}


.photList{
	margin:60px auto 30px;
}

.photList li{
	width:313px;
	float:left;
	margin:0 20px 20px 0;
}

.ph img{
	width:80%;
}

.photList li:nth-child(3n){
	margin:0 0 20px 0;
}

}

@media (max-width: 768px){
.pc{
	display:none;
}

.shootBox{
	margin-bottom:60px;
}
.pageTit{
	font-size:16px;
	line-height:1.4em;
}

.caption{
	font-weight:bold;
}

.shootBox{
	padding:30px 3%;
}

.photList li{
margin-bottom:6%;
}

.dobleBtn li{
    width: 47%;
}

.dobleBtn li a{
padding:8px 0;
}

.lead{
	line-height:1.9em;
}

}