@charset "utf-8";
/*
 * /css/p_history.css
 * Version: 1.0.0
 * Copyright (c) 2018 Kenshokai All Rights Reserved.
 */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

body {
	color: #47a3da;
	font-family: "tbchibirgothicplusk-pro", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, sans-serif;
}

.top_move{
  display: block;
  position: fixed;
  bottom: 50px;
  right: 0px;
  width: 40px;
  height: 40px;
  z-index: 100;
  opacity: 0.8;
}

.top_move img{
  width: 40px;
  height: 40px;
}


.top_move2{
  display: none;
  position: fixed;
  bottom: 95px;
  right: 0px;
  width: 40px;
  height: 40px;
  z-index: 100;
  opacity: 0.8;
}

.top_move2 img{
  width: 40px;
  height: 40px;
}

.top_move3{
  display: block;
  position: fixed;
  bottom: 5px;
  right: 0px;
  width: 40px;
  height: 40px;
  z-index: 100;
  opacity: 0.8;
}

.top_move3 img{
  width: 40px;
  height: 40px;
}

.top_move:active{
  opacity: 0.5;
   -webkit-tap-highlight-color:rgba(255,255,255,0.7);
}

.top_move2:active{
  opacity: 0.5;
   -webkit-tap-highlight-color:rgba(255,255,255,0.7);
}

.top_move3:active{
   opacity: 0.5;
   -webkit-tap-highlight-color:rgba(255,255,255,0.7);
}

.fuji_bg{
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
	height: 100px;
	line-height: 100px;
	color: #fff;
	text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 1 ;
    transition: .3s;
}

.fuji_bg::after {
     z-index: 0;
	 opacity: 0;
}

.fuji{
	height: 100px;
	margin: 0 auto;
	background:#12335a;
	background-position: center top;
	background-size: cover;
}

h3{
	font-size: 1.35em;
	line-height: 60px;
	width: 100%;
	font-weight: 500;
	font-family:"dnp-shuei-4go-std","Yu Mincho", "YuMincho",'ＭＳ Ｐ明朝', 'MS PMincho','serif';
	}

.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	font-family: 'dnp-shuei-4go-st', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
}

.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5px;
	background: #c1e9f5;
	left: 20%;
	margin-left: -10px;
}

.description {
	margin-bottom: 20px;
}

.description_tate {
	margin-bottom: 20px;
}

.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2em;
	color: #2384a9;
}

.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 100px 45px 25%;
	background: #fff;
	color: #000;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.8;
	position: relative;
	border: 1px solid #fff;
	margin-bottom: 80px;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


@media screen and (max-width: 65.375em) {
	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	li {
		width: 90%;
		margin: 0 auto;
	}
	.description {
		margin-top: 0px;
	}
	.cbp_tmtimeline:before {
		display: none;
	}
	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}
	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}
	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}
	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}
	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}
}

.figure {
	width: 300px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.figure img {
	width: 300px;
	border: 10px solid #fff;
	box-shadow: 0px 0px 11px 1px #c2c2c2;
}

.portrait {
	width: 250px;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.portrait img {
	width: 250px;
	box-shadow: 0px 0px 11px 1px #c2c2c2;
}

.portrait_l {
	width: 200px;
	height: 400px;
	margin: 0 auto;
	cursor: pointer;
	margin-bottom: -20px;
}

.portrait_l img {
	width: 200px;
	border: 10px solid #fff;
	box-shadow: 0px 0px 11px 1px #c2c2c2;
}

.landscape {
	width: 600px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 30px;
	cursor: pointer;
}

.landscape img {
	width: 600px;
	border: 10px solid #fff;
	box-shadow: 0px 0px 11px 1px #c2c2c2;
}

@media all and (max-width: 768px) ,print{

.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 30%;
	padding-right: 100px;
	position: absolute;
}

.figure{
  width: 270px;
  margin: 0 auto;
  margin-bottom:20px;
  cursor: pointer;
  
}
.figure img{
  width: 250px;
  border:10px solid #fff;
}

.portrait{
  width: 270px;
  height: 300px;
  /*border:10px solid #254a52;*/
  margin: 0 auto;
  margin-bottom: 60px;
}

.portrait_l{
  width: 200px;
  height: 400px;
  /*border:10px solid #254a52;*/
  margin: 0 auto;
  cursor: pointer;
  margin-bottom:-20px;
}

.portrait_ img{
  width: 200px;
  border:10px solid #fff;
  box-shadow:0px 0px 11px 1px #c2c2c2;
}

.landscape{
  width: 270px;
  /*border:10px solid #51889e;*/
  margin: 0 auto;
  margin-bottom: 20px;  
  cursor: pointer;
}

.landscape img{
  width: 250px;
  border:10px solid #fff;
  box-shadow:0px 0px 11px 1px #c2c2c2;
}

.fuji{
  height: 100px;
  margin: 0 auto;
  background:#12335a;
  background-position: center top;
  background-size: cover;
}

.fuji_bg{
  height: 100px;
  }

h3{
  font-size: 1.3em;
  }

}