@charset "Shift_JIS";

body{
    /background:url("../1.jpg") no-repeat center -46px;
    /background:url("../1.jpg") no-repeat center -16px;
    /background-size:100% auto;
}
#content{
    /opacity:0.8;
}
.sns_box {
    margin-top:2%;
}
#navi {
margin-top:0%;
}

.inner_wrap{
}
#main{
    background:url("../img/cp3/bg1.png") repeat-x left top;
    background-size:40% auto;
	padding:9% 0 5.6%;
}

/*--- detail ---*/
#detail{
    width:100%;
    height:auto;
    background:url("../img/cp3/bg2_loop.png") repeat-y center 0;
    background-size:100% auto;
    padding-top:7%;
	padding-bottom:12%;
}
#detail .text_bold{
	font-size:12px;
	text-align: center;
	color:#3e3a39;
	line-height: 1.8;
	margin:15px 0 0;
	letter-spacing: 3px;
}
#detail .sec .medal{
	position: absolute;
	width:32.5%;
}
#detail .sec .photo p{
	margin-top:6px;
	font-size:10px;
	text-align: center;
	color:#3e3a39;
	font-weight: bold;
}
#detail .sec .txt{
	font-size:9px;
	line-height: 1.8;
	color:#3e3a39;
}
#detail .sec .txt .mark{
	display: inline-block;
	width:29.3%;
	margin:0;
}


#detail .sec1{
	position: relative;
	width:100%;
	margin:1% auto 0;
    background: url("../img/cp3/sec1_bg.png") no-repeat center top;
    background-size:100% auto;
}
#detail .sec1 .sec_inner{
	width:82%;
	margin:0 auto;
	padding-top:49%;
	text-align: left;
}
#detail .sec1 .medal{
	left:6%;
}
#detail .sec1 .photo{
	width:96.4%;
	margin:0 auto;
}
#detail .sec1 .txt{
	width:100%;
    margin-top: 5%;
	line-height: 2;
}
#detail .sec1 .txt .txt_s{
	display: inline-block;
	float:left;
	width:68.7%;
	overflow: hidden;
}
#detail .sec1 .txt .mark{
	float:left;
	margin-right:2%;
}

#detail .sec2{
	position: relative;
	width:100%;
	margin:0 auto;
    background: url("../img/cp3/sec2_bg.png") no-repeat center top;
    background-size:100% auto;
}
#detail .sec2 .sec_inner{
	width:85%;
	padding-top:58%;
	margin:0 auto;
	text-align: left;
}
#detail .sec2 .medal{
	top:4%;
	right:6%;
}
#detail .sec2 .photo{
	width:48.3%;
}
#detail .sec2 .inn2,
#detail .sec2 .inn3{
	margin-top:8%;
}
#detail .sec2 .inn1 .photo,
#detail .sec2 .inn3 .photo{
	float:left;
	margin-right:5%;
}
#detail .sec2 .inn2 .photo{
	float:right;
	margin-left:5%;
}
#detail .sec2 .inn1 .txt,
#detail .sec2 .inn3 .txt{
	float:left;
	width:46.7%;
}
#detail .sec2 .inn2 .txt{
	float:right;
	width:46.7%;
}
#detail .sec2 .txt span{
	display: block;
}
#detail .sec2 .txt .mark{
	display: block;
	width:62.4%;
	margin:6% auto 8%;
}


#detail .sec3{
	position: relative;
	width:100%;
	margin:-1% auto 0;
    background:url("../img/cp3/sec3_bg.png") no-repeat center top;
	padding-bottom:3%;
    background-size:100% auto;
}
#detail .sec3 .sec_inner{
	width:87%;
	padding-top:58%;
	margin:0 auto;
	text-align: left;
}
#detail .sec3 .medal{
	top:4.5%;
	left:6%;
}
#detail .sec3 ul{
}
#detail .sec3 ul li{
	float:left;
	width:32.3%;
	margin-left:1.55%;
}
#detail .sec3 ul li.photo1,
#detail .sec3 ul li.photo4{
	margin-left:0;
}
#detail .sec3 ul li p{
	margin:6px 0 10px;
	font-size:10px;
	text-align: center;
	color:#3e3a39;
	font-weight: bold;
}
#detail .sec3 .txt{
    margin: 6% 3% 0;
	line-height: 2;
}
#detail .sec3 .txt .txt_s{
	display: inline-block;
	float:left;
	width:68.7%;
	overflow: hidden;
}
#detail .sec3 .txt .mark{
	float:left;
	margin-right:2%;
}
#detail .sec4{
    width:90%;
    margin:-3% auto 0;
	padding-bottom:4%;
    text-align: center;
}
#detail .sec4 .btn{
	width:92%;
    margin: 5% auto 9%;
}