@charset "shift_jis";
/* CSS Document */

/* reset */
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    /*word-break: break-all;*/
    -webkit-text-size-adjust: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
*, 
*:before, 
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
    border: 0;
}
ul {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
}
/* root */
html,
body {
    background-color: #FFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    font-size: calc(100vw / 32);
    line-height: 1.1;
    height: 100%;
    color: #333;
}
body {
    font-size: 1.6rem;
}
.iPhoneBody {
    background-color: transparent;
}
/* 注釈 */
font[color*="#999999"][size*="-1"],
font[color*="#666666"][size*="-1"],
.note {
    display: inline-block;
    font-size: 1.2rem;
    color: #808080;
}
.crtext + .note {
    padding: 0 1rem 1rem;
    display: block;
}
/* 機種名 */
.iPhoneHead {
    padding: 0;
    background-color: #FFF;
}
.iPhoneHead h1 {
    font-size: 2rem;
    line-height: 4rem;
    font-weight: 900;
    color: #333;
}
/* メニュー・ドロワーメニュー */
.menuBox {
    margin-top: 2rem;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 20;
}
.menu_item {
    display: flex;
    width: 100%;
    background-color: #FFF;
    white-space: nowrap;
    border-collapse: collapse;
    border: solid 0.1rem #DCDCDC;
}
.menu_item li {
    flex: 1 1 20%;
}
.menu_item li:last-child {
    flex: 0 1 4.5rem;
}
.menu_item li + li {
    border-left: solid 0.1rem #DCDCDC;
}
.menu_item li a,
.menu_item li button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    color: #444;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
    background-color: #F0F0F0;
}
.menu_item li button {
    background-color: #444;
}
.menu_item li.active a {
    color: #FFF;
    background-color: #EA4335;
}
.menu_item li.disabled a {
    color: #A9A9A9;
    background-color: #C0C0C0;
    pointer-events: none;
}
.drawer-open .menu_item li button,
.menuBox + .drawer-hamburger,
.drawer-nav {
    display: none;
    opacity: 0;
}
.drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon {
	width: 4.5rem;
	height: 4.5rem;
	background-position: center center;
	background-size: 50% auto;
}
.drawer-open .menuBox + .drawer-hamburger {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    background-color: transparent;
    position: fixed;
    top: 0;
    animation: fadein 0.2s ease 0.3s 1 forwards;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
.drawer-nav,
.drawer-menu {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.drawer-menu {
    padding-bottom: 3rem;
}
.drawer-height {
    height: 100%;
}
.drawer-nav::-webkit-scrollbar,
.drawer-menu::-webkit-scrollbar {
    display: none;
}
.drawer-menu > li {
    padding: 1rem 1rem 1rem 2.4rem;
    font-size: 1.2rem;
}
.drawer-menu > li.accordion_body {
    padding-left: 5.2rem;
}
.drawer-menu > li p,
.drawer-menu > li a {
    padding: 0;
	text-decoration: underline;
	background-image: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.drawer-menu > li p,
.drawer-menu > li a[href^="#"] {
	text-decoration: none;
}
.drawer-menu > li p::before {
    padding-right: 0.2rem;
    content: "▼";
}
.drawer-menu > li.open p::before {
    content: "▲";
}
.drawer-menu > li.accordion_body a + a {
    margin-top: 2rem;
}
.drawer-menu > li h5 {
    margin: 0 -1rem 0 -2.4rem;
	padding: 1.2rem;
    background-color: #F0F0F0;
}
.drawer-menu > li:first-child h5 {
    margin-top: -1rem;
}
.drawer-menu > li h6 {
    margin-left: -1.2rem;
}
.drawer-menu > li + li {
	border-top: none;
}
/* 概要 */
.summaryBox {
    margin: 0 1rem;
    display: flex;
}
.summaryBox_left {
    margin-right: 0.5rem;
    flex: 0 1 33%;
}
.summaryBox_right {
    margin-left: 0.5rem;
    flex: 1 1 67%;
}
.summary_dai a {
    display: block;
    position: relative;
}
.summary_dai a::after,
.reelBox a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: url(db/img/icon_zoom.png) no-repeat;
    background-size: 2.5rem 2.5rem;
    content: '';
}
.summary_dai img {
    width: 100%;
}
.summary_type {
    display: flex;
    flex-wrap: wrap;
}
.summary_type p {
    padding: 0.1rem;
    text-align: center;
    flex: 0 1 16.66666%; /*(5列：20%、6列：16.66666%)*/
    flex: 0 1 calc(100% / 6);
}
.summary_type img {
    width: 100%;
}
.summary_info {
    font-size: 1.2rem;
}
.summary_type + .summary_info,
.summary_info + .summary_info {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: solid 0.1rem #DCDCDC;
}
.summary_info::after {
    content: '';
    display: block;
    clear: both;
}
.summary_info-title {
    float: left;
    width: 4.8rem;
    font-weight: 900;
    white-space: nowrap;
}
.summary_info-text {
    padding-left: 6rem;
    text-indent: -1.2rem;
}
.summary_info-text::before {
    content: '：';
}
.summary_info-text a {
    color: #444;
}
/* ツール・バナー・ホール広告 */
.toolBox,
.bannerBox {
    margin: 1rem;
}
.halladBox > div {
    margin: 1rem auto !important;
}
.toolBox a,
.bannerBox a,
.halladBox a {
    display: block;
}
/* 項目カコミ */
.sectionBox {
    margin: 2rem 1rem;
    display: none;
}
.selected {
    display: block;
}
.sectionBox#jissen {
    margin: 0 1rem 2rem;
}
/* 項目タイトル */
.section_title {
    margin-bottom: 2rem;
    padding: 1rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 900;
    color: #FFF;
}
.section_title.red {
    display: none;
    background-color: #EA4335;
}
.section_title.gray {
    background-color: #808080;
}
.iPhoneListTitle {
    margin-bottom: 2rem;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.1;
    font-weight: 900;
    color: #FFF;
    background-color: #808080;
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}
.section_subtitle {
    margin: 1rem 0;
    padding: 0.5rem 0 0.5rem 0.5rem;
    color: #444;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 900;
    border-left: solid 0.5rem #FFF;
}
.section_subtitle.red {
    border-left-color: #EA4335;
}
.section_subtitle.gray {
    border-left-color: #808080;
}
/* アコーディオン */
.accordion_body {
    display: none;
}
/* 各ページ内容 */
.section_title.red + .article_content {
    margin-top: -1rem;
}
.article_content-title {
    padding: 1rem 0;
}
.accordion_body > .article_content-title {
    margin: 0 0 0 2rem;
}
.article_content-title p,
.article_content-title a {
    padding-left: 2rem;
    display: block;
    font-size: 1.6rem;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.article_content-title p::before,
.article_content-title a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #444;
    position: absolute;
    left: 0;
    top: 0;
}
.article_content-title p::before {
    content: '\f0fe';
}
.article_content-title.open p::before {
    content: '\f146';
}
.article_content-title a::before {
    content: '\f138';
    font-weight: 900;
}
.article_content-body {
    padding: 1rem 0 2rem;
    font-size: 1.5rem;
    line-height: 1.5;
}
#jissen .article_content-body {
    padding: 0;
}
.article_content-body > p + p {
    margin-top: 1rem;
    line-height: 1.3;
}
.article_content-body h4 {
    padding: 0.8rem;
    line-height: 1.2;
    background-color: #F0F0F0;
    font-feature-settings: "palt";
}
.article_content-body h5 {
    padding: 0.5rem;
    line-height: 1.2;
    border-left: solid 0.5rem #DCDCDC;
    font-feature-settings: "palt";
}
.article_content-body :not(.gridBox) img:not(.iconGear):not(.iconlight) {
    width: 100%;
}
.article_content-body .img-caption {
    text-align: center;
}
/* 表テーブル */
table.table {
    margin: 0 auto;
	width: 100% !important;
	font-size: 1.4rem;
    line-height: 1.1;
    border: solid 0.1rem #DCDCDC;
    border-collapse: collapse;
    border-spacing:0;
}
table.table.uchikata {
    margin: 0.5rem auto;
}
table.table th,
table.table td {
	padding: 0.5rem 0.4rem;
	font-size: 1.4rem;
	line-height: 1.1;
    font-weight: 400;
    vertical-align: middle;
	color: #333;
    border: solid 0.1rem #DCDCDC;
}
table.table th,
table.table td[bgcolor*="#F0F0F0" i],
table.table td[bgcolor*="#CCCCCC" i],
table.table td[bgcolor*="#EEEEEE" i],
table.table td[bgcolor*="#E6E6E6" i],
table.table td[bgcolor*="#333333"] {
	font-size: 1.2rem;
	line-height: 1.1;
}
table.table td[style^="padding"] {
	padding: 1rem 0.4rem !important;
}
/* リール配列 */
.reelBox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.reelBox a {
    display: block;
    max-width: 40%;
    position: relative;
}
.reelBox a:nth-last-child(2) {
    margin-right: 1rem;
}
.reelBox img {
    width: auto !important;
}
/* 画像の整列 */
.gridBox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.gridBox img {
    padding: 0.25rem;
}
/* しのけん's EYE */
.shinokenseyeBox img[src*="shinokens_eye-midashi"] {
    margin-bottom: -7%;
}
.shinokenseyeBox_innner {
    padding: 10% 1rem 1rem;
    border: solid 0.2rem #946c45;
    border-radius: 0 0 1rem 1rem;
}
/* ワンポイント */
.onepoint {
	padding: 1rem;
	border: solid 0.2rem #EA4335;
	background-color: rgba(234,67,53,0.05);
	border-radius: 1rem;
}
.iconlight {
	margin: 0 0.3rem 0.3rem 0;
    width: auto;
    height: 2rem;
	animation: blink 1.3s infinite;
}
@keyframes blink {
	50% {opacity: 0;}
}
/* 閉じるボタン */
.article_content-closebtn {
    margin-top: 1.5rem;
    text-align: right;
}
.article_content-closebtn p {
    padding: 0 2rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #444;
    background-color: #EEE;
    border-radius: 50vh;
    cursor: pointer;
}
.article_content-closebtn p::before {
    margin-right: 0.5rem;
    font-family: "Font Awesome 5 Free";
    content: '\f146';
    font-weight: 400;
}
/* 関連記事・シリーズ機種 */
.related_content {
	margin: 2rem 0;
}
.related_content li {
	margin: 1.5rem 0;
}
.related_content a {
	display: flex;
    font-size: 1.4rem;
	color: #444;
	position: relative;
}
.related_content-title {
    margin-bottom: 2rem;
    padding: 1rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 900;
    color: #FFF;
    background-color: #808080;
}
.related_content-img {
    flex: 0 1 15%;
    min-width: 15%;
}
.related_content-tmb {
    flex: 0 1 36%;
    min-width: 36%;
}
.related_content-text {
    text-align: left;
    flex: 1 1 85%;
}
.related_content-img + .related_content-text,
.related_content-tmb + .related_content-text {
    margin-left: 0.5rem;
}
.related_content-text-caption {
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
	color: #808080;
    text-decoration: none;
}
.related_content-text-date {
    display: block;
    font-size: 1.2rem;
    text-align: right;
	color: #808080;
    position: absolute;
    bottom: 0;
    right: 0;
}
/* NEWマーク */
.newmark {
    margin-left: 0.4rem;
	font-size: 1rem;
	color: #EA4335;
	vertical-align: 25%;
	white-space: nowrap;
	animation: blink 1.1s infinite;
}
@keyframes blink {
	50% {opacity: 0;}
}
/* リンクボタン */
.linkbtn,
.backtolist_btn a {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #EA4335;
    background-color: #FFF;
    border-radius: 0.5rem;
    border: solid 0.1rem #EA4335;
    cursor: pointer;
}
.linkbtn.btn_otherspec,
.backtolist_btn a {
    font-size: 1.2rem;
    line-height: 3rem;
}
/* PVリンクボタン */
.moviebotan {
    margin: 0 0.3rem;
	text-align: center;
}
.moviebotan a {
	padding: 1rem 0;
	display: block;
    line-height: 1.1;
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2061b), color-stop(100%,#c20214));
	background-color: #e2061b;
	border-radius: 0.8rem;
	border: solid 0.2rem #92000e;
	box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,0.5), inset 0 0 0.5rem rgba(255,255,255,0.5);
}
/* 罫線 */
hr {
    margin: 2.5rem 0 !important;
    padding: 0;
    height: 0;
    border: 0;
    color: transparent !important;
    background-color: transparent !important;
    border-top: solid 0.1rem #DCDCDC;
}
/* コピーライト調整 */
.crtext {
	padding: 1rem;
	font-size: 1rem;
    font-size: min(1rem,14px);
}
/* 非ログイン広告回避 */
.fixed_banner_margin {
    height: 10rem;
}
/* スワイパー調整 */
.swiper-wrapper {
	height: auto !important;
}
.swiper-slide img {
    width: 100%;
}
.swiper-pagination-bullets {
    margin-top: 0.5rem !important;
    height: 1.2rem !important;
    line-height: 1rem !important;
	position: static !important;
} 
.swiper-pagination-bullet {
	width: 1rem !important;
	height: 1rem !important;
	background: #a9a9a9 !important;
}
.swiper-button-prev,
.swiper-button-next {
    width: auto !important;
    height: auto !important;
}
.swiper-button-prev {
	left: 1rem !important;
}
.swiper-button-next {
	right: 1rem !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 2.5rem !important;
	color: #FFF !important;
    text-shadow: 0 0 0.5rem #000;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .2 !important;
}
/* Q&A調整 */
.QandA_container {
	background-color: transparent !important;
}
.QandA_title,
.QandA_title a,
.nolink {
    display: none !important;
}
.QandA_box {
	padding: 0 !important;
	background-color: transparent !important;
}
.QandA_box li {
    margin: 1.5rem 0 !important;
	font-size: 1.4rem !important;
	line-height: 1.1 !important;
	border: none !important;
}
.QandA_box li:first-child {
	border: none !important;
}
.QandA_box li a {
	padding: 0 !important;
    text-decoration: underline !important;
	background: none !important;
	color: #444 !important;
}
.QandA_box .category {
	margin: 1.5rem 0 !important;
	padding: 0.5rem 0 0.5rem 0.5rem !important;
	text-align: left !important;
	font-size: 1.6rem !important;
	line-height: 1.1 !important;
    font-weight: 900 !important;
	color: #444 !important;
	background-color: transparent !important;
	border: none !important;
    border-left: solid 0.5rem #808080 !important;
}
.QandA_box div:not(.category):first-of-type {
	border: none !important;
}
.QandA_box .linkButton {
	margin: 0 auto !important;
	font-size: 1rem !important;
	line-height: 1.1 !important;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
    position: static !important;
}
.QandA_box .linkButton a {
	padding: 0 !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    line-height: 3rem !important;
    color: #EA4335 !important;
    background-color: #FFF !important;
    border-radius: 0.5rem !important;
    border: solid 0.1rem #EA4335 !important;
}
/* 共通フッター調整 */
.ftsrc2 {
    display: flex;
}
.indiv2,
.indiv3,
.indiv4 {
    width: auto;
    border: none;
    flex: 1 1 25%;
}
.ftsrc2 div[class^="indiv"] + div[class^="indiv"] {
    border-left: #999 solid 1px;
}
/* シェアボタン調整 */
ul.sns-box ul {
    display: flex;
}
ul.sns-box ul li {
    flex: 1 1 50%;
}
ul.sns-box ul li:last-of-type {
    display: none;
}
ul.sns-box li a {
    font-size: 1rem;
    font-size: min(1rem,14px);
    line-height: 2.5;
    text-decoration: none;
    color: #FFF;
    border-radius: 5px;
}
ul.sns-box li a[href*="line"] {
    background-color: #06C755;
}
ul.sns-box li a[href*="line"]::before {
    content: 'LINE';
}
ul.sns-box li a[href*="twitter"] {
    /*background-color: #1D9BF0;*/
    background-color: #000;
}
ul.sns-box li a[href*="twitter"]::before {
    /*content: 'Twitter';
    content: 'X';*/
    content: '\e61b';
    font-family: "Font Awesome 5 Brands";
}
ul.sns-box ul li a img {
    display: none;
}
/* TOPに戻るボタン調整 */
.pagetop {
    z-index: 50 !important;
}
.pagetop a {
    font-size: min(1em,33px) !important;
}
/* ニューマシン実戦記 */
.jissen_mokuji {
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 2;
	background-color: #FFF;
	border: solid 0.1rem #DCDCDC;
}
.jissen_mokuji a {
	color: #444;
	text-decoration: none;
}
.jissen_mokuji span {
    font-size: 1.6rem;
    font-weight: 900;
}
.jissen_gaiyo {
    padding: 1rem;
    font-size: 1.2rem;
    color: #666;
    background-color: #F5F5F5;
    border-radius: 0.5rem;
}
.jissen_gaiyo b {
    display: block;
    text-align: center;
}
/* 機種TOPに戻るリンク */
.backtotopBox {
    margin-top: 0.5rem;
	padding: 1.5rem 0;
	text-align: center;
	font-size: 1.4rem;
	border-top: solid 0.1rem #DCDCDC;
}
.backtotopBox a {
    color: #444;
}