@charset "utf-8";

/*--------------------------------------------------------------------
report_head_title
--------------------------------------------------------------------*/
.report_head_title{
	width:880px;
	padding:20px;
	margin:0 auto;
    background:#93e3f1 url('../images/bcg_detail_title.png') no-repeat 129px 78px;
}
.report_head_title .head_inn{
    padding-left:40px;
    text-align:left;
}
.report_head_title .head_txt{
   padding-top:30px;
    width:365px;
    min-height: 285px;
}
.report_head_title .season{
	font-size:18px;
    margin-bottom:20px;
}
.report_head_title .title{
	font-size:32px;
	font-weight:bold;
    line-height:160%;
    color:#000;
    margin-bottom: 35px;
	/*margin-bottom:20px;*/
    /*height:150px;*/
}
.report_head_title ul._type li{
    float:left;
    width:70px;
    height:24px;
    font-size:12px;
    font-weight: bold;
    line-height:24px;
    text-align:center;
    color:#93e3f1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-right:4px;
    background:#FFF;
}
.report_head_title .date {
    margin-top:15px;
    padding-top:15px;
   	background: url('/machiiku/shared/images/bcg_border_black.gif') repeat-x left top;
}
/*.report_head_title .date dt,
.report_head_title .date dd{
	font-size:14px;
    line-height:200%;
	font-weight:bold;
    letter-spacing:1px;
    color:#000;
}
.report_head_title .date dd{
    font-size:14px;
    letter-spacing:2px;
    margin-bottom:20px;
}
.report_head_title .date dd:last-child{
    margin-bottom:0px;
}*/

.report_head_title .date dt{
    float:left;
}

.report_head_title .date dd{
    margin-left:60px;
}

.report_head_title .date dt,
.report_head_title .date dd{
	font-size:14px;
    line-height:160%;
	/*font-weight:bold;*/
    color:#000;
}

.report_head_title .participant {
    /*margin-top:20px;*/
    padding-top:20px;
}

.report_head_title .participant dt{
    float:left;
}

.report_head_title .participant dd{
    margin-left:60px;
}

.report_head_title .participant dt,
.report_head_title .participant dd{
	font-size:14px;
    line-height:160%;
	/*font-weight:bold;*/
    color:#000;
}


.report_head_title .img{
    position:absolute;
    float:right;
    right:0;
    top:0;
    width:420px;
    height: 315px;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    overflow:hidden;
}
.report_head_title .img img{
    /*width:100%;
    height:auto;*/
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.report_head_title .description{
    width: 800px;
    font-size: 16px;
    line-height:200%;
    font-weight:normal;
    letter-spacing: 1px;
    margin:30px 0 30px;
}

.report_head_title .anchors{
    width: 820px;
    margin:30px 0 30px;
}

.report_head_title .btn_anchor{
    float:left;
     margin: 0 10px 10px 0;
}

.report_head_title .btn_anchor a{
	display:block;
	width:395px;
	height:50px;
    background: #f6f6ea;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/*margin:0 auto;*/
	color:#000;
	font-size:14px;
	font-weight:bold;
	/*letter-spacing:2px;*/
	/*margin-bottom:40px;*/
}
.report_head_title .btn_anchor a p{
	float:left;
	width:345px;
	padding:0 10px 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.report_head_title .btn_anchor a span.arr{
	float:left;
	background:#fff url('/machiiku/shared/images/icon_anchor.png') no-repeat center center;
    background-size:14px 14px;
	width:30px;
	height:50px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 6px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 6px;
}


/*--------------------------------------------------------------------*/
section.sec1{
    width:800px;
    margin:50px auto;
}
p.txt{
    clear:both;
    font-size:16px;
    line-height:200%;
    font-weight:normal;
    margin-bottom:40px;
    letter-spacing: 1px;
}

/*--------------------------------------------------------------------
content
--------------------------------------------------------------------*/
h3.title{
    width:800px;
    font-size:24px;
    font-weight:bold;
    padding:20px 0;
    color:#4adaf3;
    text-align:center;
    background:#f6f6ea;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 6px;
    /*border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
    /*margin-bottom:40px;*/
}

h4.title{
    /*width:800px;*/
    display: inline-block;
    font-size:18px;
    font-weight:bold;
    padding:10px 15px;
    color:#4adaf3;
    text-align:center;
    background:#f6f6ea;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    margin-bottom:20px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1.4;
}

p.txt2{
    clear:both;
    font-size:16px;
    line-height:200%;
    font-weight:normal;
    margin:20px 0 60px;
    letter-spacing: 1px;
}


section.sec1 .info{
    width:760px;
    font-size:14px;
    line-height: 160%;
    /*font-weight:bold;*/
    padding:20px;
    /*text-align: center;*/
    /*color:#4adaf3;*/
    text-align:center;
    background:#ededd5;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 6px;
    /*border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
    margin-bottom:30px;
}

section.sec1 .info p{
    text-align: center;
}

/*section.sec1 .img {
    text-align:center;
}
section.sec1 .img img{
     border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}*/


section.sec1 ul{
    /*margin:30px 0 40px;*/
    overflow:hidden;
}
section.sec1 ul li{
    float:left;
    width:395px;
    height:263px;
    margin-left:10px;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    overflow:hidden;
}
section.sec1 ul li:first-child{
    margin-left:0px;
}
section.sec1 ul li img{
    /*width:auto;
    height:395px;*/
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.line1{
    margin-top:-20px;
}

section.sec2{
    width:700px;
    margin:40px auto;
    background:#f6f6ea;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding:20px 50px 60px;
}
section.sec2 p.title{
    font-size:24px;
    color:#4adaf3;
    font-weight:bold;
    text-align:center;
    margin:10px 0;
}
section.sec2 div.impressions{
    margin-top:20px;
    padding-bottom:22px;
    background: url('/machiiku/shared/images/bcg_border_tate.gif') repeat-y center top;
}
section.sec2 div.imp_Left{
    float:left;
    width:300px;
    margin-right:100px;
}
section.sec2 div.imp_Right{
    float:left;
    width:300px;
}
section.sec2 div.impressions .ttl{
    margin-top:25px;
    font-size:18px;
    text-align:center;
    color:#000;
}
section.sec2 div.impressions ul{
    padding-top:30px;
}
section.sec2 div.impressions ul li{
	position: relative;
    font-size:14px;
    line-height:220%;
    font-weight:normal;
    padding:20px;
    color:#000;
    text-align:left;
    background:#93e3f1;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    margin-bottom:20px;
    float:left;
}

section.sec2 div.impressions ul li:after,
section.sec2 div.impressions ul li:before {
	top: 100%;
	left: 33px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
section.sec2 div.impressions ul li:after {
	border-width: 10px;
	margin-left: -10px;
}
section.sec2 div.impressions ul li:before {
	border-color: rgba(147, 227, 241, 0);
	border-top-color: #93e3f1;
	border-width: 10px;
	margin-left: -10px;
}
section.sec2 div.impressions div.imp_Right ul li{
    background:#fff;
}
section.sec2 div.impressions div.imp_Right ul li:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
}
div.btn_ichiran {
    width:280px;
    margin:40px auto 40px;
}
div.btn_ichiran a{
    display:block;
	width:280px;
	height:52px;
	background:#f6f6ea url('/machiiku/shared/images/icon_back.png') no-repeat 20px center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:54px;
    text-align:center;

	/* box-shadow */
	box-shadow:rgb(239, 239, 225) 0px 5px 0px 0px;
	-webkit-box-shadow:rgb(239, 239, 225) 0px 5px 0px 0px;
	-moz-box-shadow:rgb(239, 239, 225) 0px 5px 0px 0px;
}