.handycam h1{
  max-width: 1200px;
  margin: 0 auto 5px;
}

.handycam h1 img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.handycam h2{
    border-bottom:5px solid #B89934;
    color:#B89934;
    text-align: center;
}

.handycam h3{height:70px;
line-height: 70px;
font-size:30px;}
.handycam h3.shoot{
    background: url(../img/shooticon.png) no-repeat left top;
    text-indent: 100px;
    color: #E85801;
}
.handycam h3.shootno{
		display: inline-block;
    color: #E85801;
    line-height: 35px;
    height:auto;
    background: linear-gradient(transparent 60%, #ffe492 0%);
}

.r-col{
    margin-bottom:1rem;
}

.r-col h5{
    font-size: 1.2rem;
    font-weight: bold;
    margin-top:0;
    padding: 0;
}
.r-col li{
    list-style: none;
}
.r-col img{width:100%;}

.judge,.judges{
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
}

.judge img{max-width:399px;}
.judges img{max-width:50px;}
.point-img img{width:211px;}

.handycam section{padding:1rem 3rem;}

.handycam i{margin-right:0.5rem;}

.itembox{
	background: #EEE;
	margin:0.5rem 1rem;
	padding: 1rem;
}
.itemboxBnr{
	border: solid 1px #ccc;
	background: #043395;
	color: #fff;
	margin: 1rem;
	padding: 1rem;
}
.itemboxBnr a:hover{
	color: #fff;
}
.itembox .r-col{
	margin-bottom:0;
}
.itemboxBnr .r-col{
	margin-left: 5%;
}
.itembox h3{
    line-height: 1.2rem;
    height: auto;
    font-size:1.2rem;
    margin-bottom:1rem;
}


.itembox .link{
    text-align: right;
}
.itembox .bnrLink{
    text-align: right;
}

p.pattern{
    line-height: 50px;
    height: 50px;
    border-radius:0.5rem;
    color: #fff;
    text-indent:50px;
    font-size: 20px;
    max-width:400px;
}

.bat{
    background:#E85801 url(../img/baticon.png) no-repeat left top;
}


.pit{
    background:#004D9F url(../img/piticon.png) no-repeat left top;
}

.rec{
    background:#E55093 url(../img/recicon.png) no-repeat left top;
}

.nam{
    background:#85B200 url(../img/namicon.png) no-repeat left top;
}

.gol{
    background:#85B200 url(../img/golficon.png) no-repeat left top;
}

.backnetbg{
    background: #fff;
}


.text-center{
    text-align: center;
    margin: 1% 0;
}
.mb--S{
	margin-bottom: 2%;
}
.mb--M{
	margin-bottom: 5%;
}
.mb--L{
	margin-bottom: 10%;
}
.mb--LL{
	margin-bottom: 15%;
}

.bg1{
    background: #F7F3E8;
}
.bg2{
    background: #FFF2E6;
}
.bg3{
    background: #F9FFE6;
}

.shiyourei img{max-width:378px;}

.resimg img{width:100%;}
.set img{width:100%;
max-width: 1078px;}

.pc{
	display: block;
}
@media ( max-width : 768px ) {
.pc{
	display: none;
}
    .handycam h1{
        margin-top:5%;
    }
    .handycam section{padding:1rem 5px;}
    .pc-only{display: none;}
    .handycam h2{
        font-size:1.8rem;
    }
    .handycam h3{
        height:auto;
        line-height: 2rem;
        font-size:1.6rem;
        }
    .handycam h3.shoot{
        background: url(../img/shooticons.png) no-repeat left top;
        text-indent: 50px;
        height:35px;
        line-height: 35px;
    }
    .handycam .itembox h3{
        font-size: 1.2rem;
        line-height:1.5rem;
        height:auto;
    }
    .handycam .itembox h3.bnrTitle{
        font-size: 1.2rem;
        line-height: 2rem!important;
        height:auto;
    }
   p.pattern{
    line-height: 50px;
    height: 50px;
    border-radius:0.5rem;
    color: #fff;
    text-indent:50px;
    font-size: 15px;
    max-width:400px;
	}
		.judge{
			margin-bottom: 10%;
		}
}


.itemboxBnr{
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 92.5%;
	margin: 0 auto;
	padding: 8% 5% 5%;
	color:#fff;
	text-decoration: none;
	transition: all .5s;
}
.itemboxBnr:hover{
	opacity: .7;
	color:#fff;
	text-decoration: none;
}
.itemboxBnr__left{
	width: auto;
	margin: 0 auto;
}
.itemboxBnr__left img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.itemboxBnr__right{
	width: auto;
}
.itemboxBnr__title{
	margin: 5% auto 1%;
	font-size: 2rem;
	height: auto!important;
	line-height: 1.3!important;
}
.itemboxBnr__text{
	margin: 0 auto;
	font-size: 1.3rem;
	font-weight: lighter;
}
.itemboxBnr__comment{
	margin: 0 auto;
	font-size: .9rem;
}
.itemboxBnr .s5-icon-window {
	position: absolute;
	top:2%;
	right: .5%;
	width: 11px;
	height: 9px;
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	margin: -2px 3px 0 0;
}
@media ( min-width : 769px ) {
    .sp-only{display: none;}
    .handycam h2{font-size: 2.5rem;}
    .handycam h3{
    height:70px;
    line-height: 70px;
    }
    .handycam h3.shoot{
        background: url(../img/shooticon.png) no-repeat left top;
        text-indent: 100px;
    }
    .handycam .itembox h3{
        font-size: 1.2rem;
        line-height:1.5rem;
        height: auto;
    }
    .handycam .itembox{position: relative;}
    .handycam .itembox .link{position: absolute;
    right:1rem;
    bottom:1rem;
    }
    .handycam .itembox .bnrLink{position: absolute;
    right:1rem;
    bottom:0;
    margin: 0 0 1%;
    }

		.itemboxBnr{
			position: relative;
			display: flex;
			justify-content: flex-start;
			width: 100%;
			margin: 3% auto 5%;
			padding: 1.5% 3%;
			color:#fff;
			text-decoration: none;
			transition: all .5s;
		}
		.itemboxBnr:hover{
			opacity: .7;
			color:#fff;
			text-decoration: none;
		}
		.itemboxBnr__left{
			width: 29.166666666666668%;
			margin:0 3% 0 0;
		}
		.itemboxBnr__left img{
			display: block;
			max-width: 100%;
			width: auto;
			height: auto;
			margin: 0 auto;
		}
		.itemboxBnr__right{
			width: 52%;
		}
		.itemboxBnr__title{
			margin: 7% auto 1%;
			font-size: 2rem;
			height: auto!important;
			line-height: 1.3!important;
		}
		.itemboxBnr__text{
			margin: 0 auto;
			font-size: 1.5rem;
			font-weight: lighter;
		}
		.itemboxBnr__comment{
			margin: 0 auto;
			font-size: .9rem;
		}
		.itemboxBnr .s5-icon-window {
			position: absolute;
			top:5%;
			right: .5%;
			width: 11px;
			height: 9px;
			line-height: 1;
			vertical-align: middle;
			display: inline-block;
			margin: -2px 3px 0 0;
		}
}