@charset "shift_jis";
/* CSS Document */
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:0;
	outline:0;
	vertical-align:baseline;
}
html {
	background-color:#FFF;
	/*background-image:url(img/bg.png);
	background-repeat:repeat;
	background-size:auto;
	background-position:center top;*/
	-webkit-text-size-adjust:none;
	font-size:calc(100vw / 32);
	color: #000;
}
body {
	background-color:transparent;
	font-size:1.6rem;
	line-height:1.25;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
img {
	display:block;
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	border:0;
}
.iPhoneBody {
	background-color:transparent;
}
/* aタグ色指定 */
/*.morelink a,*/
.backtotop_box a {
	color:#1558d6;
}
/*.morelink a:visited,*/
.backtotop_box a:visited {
    color: #4b11a8;
}
/* リード */
.lead {
	margin: 1rem;
	font-size:1.4rem;
	text-align: justify;
}
/* 画像リンク */
/*.imgbtn_box {
	margin:2rem 1rem;
	text-align:center;
}
.imgbtn_box a {
	display:block;
}*/
/* テキストリンク */
.linkbtn_box {
	margin: 2rem 1rem;
	text-align: center;
	border: solid 0.2rem #000;
	border-radius: 50vh;
	background-color: #000;
	background: -moz-linear-gradient(top, #FFF 10%, #9D843A 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #9D843A));
	background: linear-gradient(to bottom, #FFF 10%, #9D843A 50%);
	position: relative;
}
.linkbtn_box a {
	display: block;
	font-size: 1.8rem;
	line-height: 1.0;
	font-weight: bold;
	text-decoration:none;
	color:#FFF;
    border: solid 0.3rem #9D843A;
	border-radius: 50vh;
}
.linkbtn_box:not(.four):not(.five):not(.six) a {
	font-size: 1.6rem;
}
.linkbtn_box a p {
	padding: 1rem;
    border: solid 0.2rem #FFF;
	border-radius: 50vh;
}
.linkbtn_box.four {
	background: -moz-linear-gradient(top, #FFF 10%, #009944 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #009944));
	background: linear-gradient(to bottom, #FFF 10%, #009944 50%);
}
.linkbtn_box.four a {
    border-color: #009944;
}
.linkbtn_box.five {
	background: -moz-linear-gradient(top, #FFF 10%, #920783 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #920783));
	background: linear-gradient(to bottom, #FFF 10%, #920783 50%);
}
.linkbtn_box.five a {
    border-color: #920783;
}
.linkbtn_box.six {
	background: -moz-linear-gradient(top, #FFF 10%, #e4007e 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFF), color-stop(50%, #e4007e));
	background: linear-gradient(to bottom, #FFF 10%, #e4007e 50%);
}
.linkbtn_box.six a {
    border-color: #e4007e;
}
/* ページタイトル */
.iPhoneHead {
	margin:0;
	padding:0.8rem 0.2rem;
	height:auto;
	border-bottom:none;
	background-image:none;
	background-color:#9D843A;
}
.iPhoneHead h1 {
	margin:0;
	padding:0;
	font-size:1.6rem;
	color:#FFF;
	text-align:center;
	white-space:normal;
	overflow:visible;
}
.iPhoneHead span {
	display: block;
	font-size: 1.2rem;
}
.iPhoneHead b {
	font-size: 1.8rem;
}
/* 年表 */
.history {
	margin: 2rem 1rem;
	display: flex;
}
.history .goki {
	margin-right: 1rem;
	padding: 2rem 0.5rem;
	font-size:1.4rem;
	font-weight: bold;
	color: #FFF;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.history .goki.four {
	background-color: #009944;
}
.history .goki.five {
	background-color: #920783;
}
.history .goki.six {
	background-color: #e4007e;
}
.history_tbl {
	margin: 0 auto;
	width:100%;
	background-color: #FFF;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    /*color:#666;*/
	text-align:center;
}
.history_tbl tr {
    border-top:solid 0.1rem #CCC;
    border-bottom:solid 0.1rem #CCC;
}
.history_tbl td {
	padding:1rem 0;
	font-size:1.2rem;
}
.history_tbl td.year,
.history_tbl td.month {
	width: 1%;
	text-align: right;
	white-space: nowrap !important;
    color:#13007C;
}
.history_tbl td.name {
	padding-left:1rem;
	text-align: left;
}
/* 見出し */
.midashi_box {
	margin: 1rem;
}
.iPhoneHead + .midashi_box {
	margin-top: 2rem;
}
.midashi_box p {
	padding: 1rem 1.75rem 1rem 1.5rem;
    background-color: #DCDCDC;
	position: relative;
	background: #DCDCDC;
	background: linear-gradient(135deg, transparent 0.8rem, #DCDCDC 0) top left, linear-gradient(225deg, transparent 0, #DCDCDC 0) top right, linear-gradient(315deg, transparent 0, #DCDCDC 0) bottom right, linear-gradient(45deg,  transparent 0, #DCDCDC 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}
.midashi_box p::after {
    position: absolute;
    right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto;
    content: "";
	width: 0.75rem;
	height: 0.75rem;
	background-image: url(../img/ico_arrow_bk.svg);
	background-size: cover;
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.midashi_box p.open::after{
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/* 本文 */
.text_box {
    display: none;
	margin: 2rem 1rem;
	padding-bottom: 2rem;
	font-size:1.4rem;
	text-align: justify;
	position: relative;
}
.text_box img {
	margin: 0 auto;
}
.text_box p {
	margin: 0.5rem 0 0;
	text-align: center;
}
/* 機種ページへのリンク */
.morelink {
	text-align:right;
	position: absolute;
	top:0;
	right: 0;
	z-index: 2;
}
.morelink a {
	padding: 0 1.2rem;
	display: inline-block;
    font-size:1.2rem;
	line-height: 2.4rem;
	text-decoration:none;
	color: #FFF;
	background-color: #36328c;
	border-radius: 50vh;
	position: relative;
}
/*.morelink a::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-top: solid 0.1rem #1558d6;
    border-right: solid 0.1rem #1558d6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.morelink a::after {
    position: absolute;
    left: -0.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-top: solid 0.1rem #1558d6;
    border-right: solid 0.1rem #1558d6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.morelink a:visited::before,
.morelink a:visited::after {
    border-top-color: #4b11a8;
    border-right-color: #4b11a8;
}*/
/* テーブル */
table {
	margin: 0 auto;
}
table.table {
	width:96%;
	font-size:1.4rem;
}
table.table th,
table.table td {
	padding:0.4rem 0.2rem;
	vertical-align: middle;
}
table.table th,
table.table td[bgcolor*="#CCCCCC"] {
	font-size:1.2rem;
}
table.table td {
	font-size:1.4rem;
}
/* スライダー */
.swiper{
}
.swiper-wrapper {
}
.swiper-slide {
}
.swiper-pagination-bullets {
	margin-top: 0.2rem;
	position: static !important;
} 
.swiper-pagination-bullet {
	margin: 0 0.4rem !important;
	width: 0.8rem !important;
	height: 0.8rem !important;
	background: #C0C0C0 !important;
}
.swiper-button-prev,
.swiper-button-next {
    height: auto !important;
	transform: translateY(-50%);
}
.swiper-button-prev {
	left: 0 !important;
}
.swiper-button-next {
	right: 0 !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 1.6rem !important;
	color: #000 !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .2 !important;
}
/* TOPに戻るリンク */
.backtotop_box {
	margin:2rem auto 0;
	padding:1rem 0;
	text-align:center;
	font-size: 1.4rem;
	background-color:transparent;
	border-top:solid 0.1rem #999;
}
.backtotop_box + .backtotop_box {
	margin-top:0;
}