@charset "UTF-8";

@media screen and (min-width: 801px) {


/*.loading{
	display: none;
}*/

/* entry-header
------------------------------------------------------------*/

	.entry-header{
		position: relative;
		overflow: hidden;
	}
	.entry-header-inner{
		width: 1200px;
		min-height: 450px;
		transform-origin: top left;
	}
	.entry-header a{
		position: relative;
		display: block;
	}
	.entry-header i{
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 13px;
		font-weight: 700;
		color: #fff;
		z-index: 20;
	}
	.entry-header a:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #d51322 url(/100th/shared/img/arrow_wh_r.png) 50% 50% no-repeat;
		background-size: 10px 16px;
		z-index: 10;
	}
	.entry-header .txt{
		position: absolute;
		top: 50%;
		left: 0;
		width: 900px;
		padding: 0 25px 0 60px;
		display: inline-block;
		box-sizing: border-box;
		z-index: 20;
		transform: translateY(-50%);
	}
	.entry-header .txt-inner{
		position: relative;
		padding: 40px 0;
		z-index: 20;
	}

	.entry-header .txt .date{
		margin-top: 20px;
		display: block;
		color: #fff;
		font-weight: 700;
		font-size: 22px;
	}
	.entry-header .txt .sub{
		display: block;
		margin-top: 20px;
		font-size: 20px;
		color: #fff;
		font-weight: 500;
	}
	.entry-header .txt .label{
		display: inline-block;
		padding: 2px 10px;
		color: #fff;
		background: #042666;
	}
	.entry-header .txt h4{
		margin-top: 15px;
		color: #fff;
		font-weight: 500;
	}
	.entry-header .txt h4 strong{
		font-size: 50px;
		display: block;
		line-height: 1.3;
	}
	.entry-header .txt h4 span{
		display: inline-block;
		margin-top: 15px;
		font-size: 24px;
	}
	.entry-header figure{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.entry-header figure img{
		width: 100%;
		height: auto;
	}
	.entry-header figure img{
		position: absolute;
		right: 0;
		height: 100%;
		width: auto;
	}

	.entry-ex-header{
		position: relative;
		margin-top: 40px;
	}

	.entry-ex-header .section-header{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
	.entry-ex-header .section-header h2 img{
		width: auto;
		height: 32px;
	}
	.entry-ex-header .section-header span {
		position: relative;
		margin: 5px 0 0;
		display: block;
		width: 100%;
		font-size: 0;
		text-align: center;
	}
	.entry-ex-header .section-header span i {
		position: relative;
		display: inline-block;
		padding: 0 10px;
		color: #af9340;
		font-size: 10px;
		z-index: 20;
	}

	.entry-ex-header .section-header span:before,
	.entry-ex-header .section-header span:after {
		width: calc(50% - 60px);
	}

	#news .entry-ex-header .section-header span:before,
	#news .entry-ex-header .section-header span:after {
		width: calc(50% - 30px);
	}



	.entry-inner{
		padding: 40px 60px 60px;
	}

/* entry-body
------------------------------------------------------------*/

	.entry-body{
		padding: 60px 50px;
	}


	.entry-body h3{
		padding: 0 0 0 25px;
		font-weight: 700;
		color: #af9340;
		line-height: 1.8;
		border-left: 7px solid #042666;
	}
	.entry-body p{
		line-height: 2;
	}
	.entry-body p span{
		margin-top: 15px;
		display: block;
		font-size: 14px;
		line-height: 2;
	}
	.entry-body h3 + .col-txt,
	.entry-body .col-txt + .col-txt,
	.entry-body .col + .col{
		margin-top: 45px;
	}
	.entry-body .col-txt{
		display: flex;
	}
	.entry-body .col figure +  span{
		display: inline-block;
		font-size: 12px;
		margin-top: 5px;
	}
	.entry-body .col-txt i{
		width: 100px;
		line-height: 2;
	}
	.entry-body .col-txt i:after{
		content: "："
	}
	.entry-body .col-txt i + p{
		width: calc(100% - 100px);
	}
	.entry-body .profile{
		margin-top: 90px;
	}
	.entry-body .profile dt{
		font-weight: 700;
		color: #af9340;
	}
	.entry-body .profile dt + dd{
		margin-top: 20px;
		line-height: 2;
	}
	.entry-body .profile dd a{
		text-decoration: underline;		
	}
	.entry-body .profile dd a:hover{
		text-decoration: none;		
	}
	.entry-body .profile dt + dd + dd{
		margin-top: 20px;
	}

	.entry-body figure{
		position: relative;
	}
	.entry-body figure figcaption{
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		z-index: 20;
	}
	.entry-body img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 10;
	}
	.entry-body figure.img-v{
		text-align: center;
	}
	.entry-body figure.img-v span{
		position: relative;
		display: inline-block;
	}
	.entry-body figure.img-v img{
		position: relative;
		width: auto;
		height: auto;
		z-index: 10;
	}



/* pakuzu-nav
------------------------------------------------------------*/


	.pakuzu-nav{
		width: 100%;
		overflow: hidden;
	}
	.pakuzu-nav ul{
		position: relative;
 	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;

	}
	.pakuzu-nav ul li{
		position: relative;
		display: inline;
	}

	.pakuzu-nav ul li a{
		position: relative;
 		font-size: 16px;
 		font-weight: 500;
 		color: #042666;
	}
	.pakuzu-nav ul li a:hover{
		text-decoration: underline;
	}

	.pakuzu-nav ul li span{
		position: relative;
 		font-size: 16px;
 		font-weight: 500;
	}
	.pakuzu-nav ul li span br{
		display: none;
	}
	.pakuzu-nav ul li + li{
 		margin-left: 30px;
 		padding-left: 30px;
	}
	.pakuzu-nav ul li + li:before{
		position: absolute;
		content: "";
		left: -4px;
		top: 50%;
		margin-top: -5px;
		display: block;
		width: 8px;
		height: 12px;
		background: url(/100th/shared/img/arrow_pakuzu.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}	


/* social
------------------------------------------------------------*/


	.entry-body .social{
		margin-top: 40px;

	}
	.social ul{
 		font-size: 0;
	}
	.social ul li{
		position: relative;
 		display: inline-block;
 		vertical-align: top;
	}
	.social ul li a{
 		font-size: 16px;
 		font-weight: 500;
 		color: #042666;
	}
	.social ul li + li{
 		margin-left: 10px;
	}
	.social ul li:last-child{
		display: none;
	}






}



@media screen and (min-width: 801px) and (max-width: 980px) {

	
	.entry-inner{
		padding: 40px 20px;
	}

}








@media screen and (max-width: 800px) {



/* entry-header
------------------------------------------------------------*/

	.entry-header{
		position: relative;
		overflow: hidden;
	}
	.entry-header-inner{
		width: 680px;
/*		min-height: 335px;
*/		transform-origin: top left;
	}
	.entry-header a{
		position: relative;
		display: block;
	}
	.entry-header i{
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		z-index: 20;
	}
	.entry-header a:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: #d51322 url(/100th/shared/img/arrow_wh_r.png) 50% 50% no-repeat;
		background-size: 10px 16px;
		z-index: 10;
	}
	.entry-header .txt{
		position: absolute;
		top: 50%;
		left: 0;
		padding: 0 35px;
		display: inline-block;
		box-sizing: border-box;
		transform: translateY(-50%);
		z-index: 20;
	}
	.entry-header .txt-inner{
		position: relative;
		padding: 25px 0;
		z-index: 20;
	}
	.entry-header .txt .date{
		margin-top: 20px;
		display: block;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
	}
	.entry-header .txt .label{
		display: inline-block;
		padding: 2px 10px;
		font-size: 20px;
		color: #fff;
		background: #042666;
	}
	.entry-header .txt .sub{
		display: block;
		margin-top: 20px;
		font-size: 24px;
		color: #fff;
		font-weight: 500;
	}
	.entry-header .txt h4{
		margin-top: 10px;
		color: #fff;
		font-weight: 500;
	}
	.entry-header .txt h4 strong{
		font-size: 40px;
		display: block;
		line-height: 1.3;
	}
	.entry-header .txt h4 span{
		display: inline-block;
		margin-top: 15px;
		font-size: 24px;
	}
	.entry-header .txt p{
		margin-top: 15px;
		font-size: 24px;
		color: #fff;
		font-weight: 500;
	}
	.entry-header figure{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.entry-header figure img{
		width: 100%;
		height: auto;
	}
	.entry-header figure img{
		position: absolute;
		right: 50%;
		height: 100%;
		width: auto;
		transform: translateX(50%);
	}
	.entry-inner{
		padding: 20px 20px 40px;
	}

	.entry-ex-header{
		position: relative;
		margin-top: 20px;
	}

	.entry-ex-header .section-header{
		height: 26px;
		float: right;
		text-align: left;
		width: 89px;
	}
	.entry-ex-header .header-inner{
		text-align: center;
		width: 177px;
		transform: scale(0.5);
		transform-origin: left top;
	}
	.entry-ex-header .section-header h2 img{
		width: auto;
		height: 36px;
	}
	.entry-ex-header .section-header span {
		position: relative;
		margin: 5px 0 0;
		display: inline-block;
		width: 130px;
		font-size: 0;

	}
	.entry-ex-header .section-header span i {
		position: relative;
		display: inline-block;
		padding: 0 10px;
		color: #af9340;
		font-size: 10px;
		z-index: 20;

	}

	.entry-ex-header .section-header span:before,
	.entry-ex-header .section-header span:after {
		width: calc(50% - 60px);
	}

	#news .entry-ex-header .section-header span:before,
	#news .entry-ex-header .section-header span:after {
		width: calc(50% - 30px);
	}


/* entry-body
------------------------------------------------------------*/

	.entry-body{
		padding: 30px 0;
	}
	.entry-body h3{
		padding: 0 0 0 10px;
		font-weight: 700;
		color: #af9340;
		line-height: 1.8;
		border-left: 5px solid #042666;
	}
	.entry-body p{
		line-height: 2;
	}
	.entry-body p span{
		margin-top: 15px;
		display: block;
		font-size: 11px;
		line-height: 2;
	}
	.entry-body h3 + .col-txt,
	.entry-body .col-txt + .col-txt,
	.entry-body .col + .col{
		margin-top: 30px;
	}
	.entry-body .col figure +  span{
		display: inline-block;
		font-size: 11px;
		margin-top: 5px;
	}
	.entry-body .col-txt i{
		width: 60px;
		line-height: 2;
	}
	.entry-body .col-txt i:after{
		content: "："
	}
	.entry-body .col-txt i + p{
		padding: 1em 0 0 1em;
	}
	.entry-body .profile{
		margin-top: 50px;
	}
	.entry-body .profile dt{
		font-weight: 700;
		color: #af9340;
	}
	.entry-body .profile dt + dd{
		margin-top: 15px;
		line-height: 2;
	}
	.entry-body .profile dd a{
		text-decoration: underline;		
	}
	.entry-body .profile dt + dd + dd{
		margin-top: 15px;
	}
	.entry-body figure{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.entry-body figure figcaption{
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 11px;
		font-weight: 700;
		color: #fff;
		z-index: 20;
	}

	.entry-body img{
		width: 100%;
		height: auto;
	}

	.entry-body figure.img-v{
		margin: auto;
		width: 80%;
/*		padding: 0 20px;*/
		text-align: center;
		box-sizing: border-box;
	}
	.entry-body figure.img-v img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 10;
	}

/* pakuzu-nav
------------------------------------------------------------*/

	.pakuzu-nav{
		width: 100%;
		overflow: hidden;
	}
	.pakuzu-nav ul{
		position: relative;
 	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;

	}
	.pakuzu-nav ul li{
		position: relative;
		display: inline;
	}

	.pakuzu-nav ul li a{
		position: relative;
 		font-size: 10px;
 		font-weight: 500;
 		color: #042666;
	}
	.pakuzu-nav ul li span{
		position: relative;
 		font-size: 10px;
 		font-weight: 500;
	}
	.pakuzu-nav ul li span br{
		display: none;
	}
	.pakuzu-nav ul li + li{
 		margin-left: 12px;
 		padding-left: 12px;
	}
	.pakuzu-nav ul li + li:before{
		position: absolute;
		content: "";
		left: -2px;
		top: 50%;
		margin-top: -3px;
		display: block;
		width: 3px;
		height: 6px;
		background: url(/100th/shared/img/arrow_pakuzu.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}	



/* social
------------------------------------------------------------*/

	.social{
		clear: both;
		margin-top: 20px;
	}
	.social ul{
 		font-size: 0;
	}
	.social ul li{
		position: relative;
 		display: inline-block;
 		vertical-align: top;
	}
	.social ul li a{
 		font-size: 16px;
 		font-weight: 500;
 		color: #042666;
	}
	.social ul li:nth-child(n+3){
 		margin-right: 5px;
	}




}