@charset "utf-8";
/* CSS Document */


.sp_block{
	display: none;
}

/* ==========================
======　各ページタイトル　======
============================= */

.page_visual {
    background: url(../img/page_visual.png)no-repeat center center;
    padding: 63px 0;
    background-size: cover;
    margin: 87px auto 0;
    width: 100%;
    max-width: 1366px;
}

.page_visual .content_title {
	text-align: center;
	margin: 0;
}

.page_visual .content_title .big_title {
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
}
.page_visual .content_title .small_title {
	font-size: 85%;
	color: #FFF;
}




/* ==========================
==========　メイン　===========
============================= */
.history_copy {
    margin: 30px auto;
    width: 800px;
    text-align: center;
    font-size: 120%;
    background: #e7f4ff;
    padding: 20px;
}
.txt_box.last {
    border-bottom: 1px solid #9fccee;
}
.content_title {
	text-align: center;
	margin: 50px 0 30px;
}

.content_title .big_title {
    font-size: 30px;
    color: #14509b;
    font-weight: bold;
}
.content_title .small_title {
	font-size: 85%;
	color: #666666;
}





.content_box.history_about {
	background: url(../img/contents_bg.png)no-repeat center center;
    background-size: cover;
    overflow: hidden;
    padding: 0 0 50px;
	width: 1160px;
    margin: auto;
}

.history_detail {
    background: url(../img/contents_bg02.png)no-repeat center center;
    width: 1000px;
    height: 210px;
    margin: 0 auto;
}

.history_detail p {
    padding: 0px 30px 0px 300px;
    height: 210px;
    display: flex;
    align-items: center;
    line-height: 1.8;
}




.content_box.history_log .log_detail {
	width: 1035px;
    margin: 50px auto 50px;
	overflow: hidden;
	
	display: flex;
	justify-content: center;
}

.log_detail .age,
.log_detail .log_txt {
	float: left;
}

.log_detail .log_txt {
	width: 840px;
   /* padding: 0 0 0 30px;*/
}

.log_detail .log_txt .txt_box {
    padding: 17px 0;
    border-top: 1px solid #9fccee;
	text-align: left;
}

p.gray_box {
    background: #efefef;
    padding: 20px 20px;
    margin-top: 20px;
}


.pickup {
    display: flex;
    border: 13px solid #ccdaeb;
	margin: 15px 0;
}
.pickup .pick_img {
    width: 194px;
}
.pickup .pick_about {
    width: 620px;
    background: #e7e7e7;
    padding-top: 20px;
}
.pickup .pick_about p.pick_name {
    background: url(../img/contents_bg03.png)no-repeat center left;
    height: 48px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    padding: 7px 17px;
}
.pickup .pick_about p.pick_name span {
	color: #6c6c6c;
	font-size: 13px;
	font-weight:normal;
}
.pickup .pick_about p.pick_name.take {
    padding: 19px 17px;
    height: 24px;
}
.pickup .pick_about p.pick_comment {
    padding: 17px;
    line-height: 1.7;
}

.pickup.event .pick_img {
    width: 370px;
}
.pickup.event .pick_about {
    width: 444px;
    padding-top: 0px;
}
.pickup.one_pic .pick_img {
    width: 813px;
}
.pickup.one_pic {
    width: 813px;
}
.pickup.takew .pick_img {
    width: 119px;
}
.pickup.takew .pick_about {
    width: 695px;
    background: #e7e7e7;
    padding-top: 20px;
}



.txt_box.img_his {
    display: flex;
    justify-content: space-between;
}
.txt_box.img_his p {
    width: 635px;
	text-align: left;
}
.txt_box.img_his img {
    width:  181px;
}

p.tips {
    background: #40a5f5;
    color: #fff;
    text-align: center;
    padding: 19px 0;
    margin: 15px 0 0px;
}

	.age {
    width: 174px;
}

.table_box {
	width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
}
	
.scroll_table {
    width: 823px;
    line-height: 1.5em;
    text-align: center;
    border-collapse: collapse;
    margin: 0 10px;
    /*border: 1px solid #7fa1cc;*/
}


@media screen and ( max-width: 1024px ){
    /* ==========================
    1500px以下で表がスクロール表示
    ============================= */
    .table_box {
        overflow-x: scroll;
			width: 100%
    }
    }


/* 固有のスマホ対応記述
========================== */

/* 1200pxより小さい場合 
@media screen and ( max-width: 1200px ){

    body,
	header nav {
        width: 1200px;
    }
	
}*/

/* 700pxより小さい場合 */
@media screen and ( max-width: 767px ){
	
	.sp_block{
		display: block;
		font-size: 13px;
		margin:30px;
		
    color: #00469d;
    font-weight: bold;
	}
	
	.content_box.history_about {
    width: 100%;
}
	.history_detail {
    background: url(../img/contents_bg02_sp.png)no-repeat center ;
    width: 90%;
    height: 450px;
    margin: 0 auto;
		position: relative;
}
	.history_detail p {
     padding: 0px; 
    height: 450px;
    width: 240px;
    position: absolute;
    top: 54px;
    margin: auto;
    right: 0;
    left: 0;
    line-height: 1.8;
}
/*  .content_box.history_log .log_detail {
      width: 100%;
    display: flex;
    justify-content: center;
  }*/
/*	.age{
		width: 149px;
	}*/
.age img {
    width: 230px;
    height: 3388px;
	}
	.log_detail .log_txt {
    padding: 0;
}
	.content_box.history_log .log_detail {
    width: 100%;
		margin: 20px auto 50px;
}
	
}


/* 400pxより小さい場合 */
@media screen and ( max-width: 400px ){

	.content_title .big_title {
		font-size: 160%;
	}
	.content_title {
		margin: 20px 0;
	}

	
}


/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){}

@media print {}