﻿/*header*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@page {
  margin: 2% ;
}
.print_pages {size: A4 landscape; page-break-before: always; background-image:url("../images/obi.jpg"); background-position:top; background-repeat:no-repeat; background-size:100%; padding-top:80px;}
#common_HEADER_naratv,#common_FOOTER_naratv{display:none;}

body{font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important; -webkit-print-color-adjust: exact; zoom: 0.68;}
img{border: none;}
a:focus{outline: none;}
a:link{color:#000000; text-decoration:none;}
a:visited{color:#000000;}
.m-photo{margin-bottom:1rem;}
.m-photo img{height:400px; object-fit: cover; width:100%; object-position: 0 90%;}
#pageall{font-size:13px; background-repeat:no-repeat; letter-spacing:1px;}
#pagewrap{width:1230px; margin:0 auto; color:#444444;}
#pagewrap .header{letter-spacing:1px; line-height:160%; font-size:28px; margin:0 0 30px 0; margin-bottom:15px; text-align:center; margin-bottom:15px; padding:1rem;}
#pagewrap .header span{font-size:12px; font-weight:normal; letter-spacing:2px; color:#3d3d3d;}

#pagewrap h2{margin:2rem 0 2rem 0; font-size:24px; font-weight:normal; width:100%; text-align:center;}
#pagewrap h3{margin:0 0 1rem 10px; font-size:19px; font-weight:normal; padding-bottom:15px; border-bottom:1px solid #000000; width:15%;}

#pagewrap .contents-wrap {display: flex; flex-wrap:wrap; justify-content: space-between; align-items:stretch;}
#pagewrap .contents-wrap div.graph{display:flex; width:1230px;}
#pagewrap .contents-wrap div.graph .right-box{width:35%;}
#pagewrap .contents-wrap div.graph .right-box img{width:100%;}
#pagewrap .contents-wrap div.graph .right-box li{margin-bottom:5px;}


#pagewrap .contents-wrap div.graph .left-box{width:65%;}
#pagewrap .contents-wrap div.graph .left-box table{width:97%; line-height:150%; margin-right:3%; background-color:#fbfbfb;}
#pagewrap .contents-wrap div.graph .left-box table td{padding:15px 12px; vertical-align:middle; border-bottom:1px dotted #c3c3c3;}
#pagewrap .contents-wrap div.graph .left-box table td.title{background-color:#f5f5f5; width:20%; text-align:center; font-weight:bold; border-bottom:1px dotted #989898;}
#pagewrap .contents-wrap div.graph .left-box table tr:last-child td{border-style: none;}
#pagewrap .contents-wrap div.graph .left-box table td span{font-size:13px;}
#pagewrap .item dl{margin-bottom:2rem;}
#pagewrap .item{display:flex; flex-wrap:wrap; justify-content: space-between; align-items:stretch;}
#pagewrap .item dl dt{font-weight:bold; background-color:#f5f5f5; line-height:150%; padding:10px; margin-bottom:10px; font-size:15px;}
#pagewrap .item dl dd.price{font-size:17px; text-align:center; margin:20px 0;}
#pagewrap .item dl dd.price span{font-size:13px; font-weight:bold;}
#pagewrap .item dl dd.repletion{font-size:12px; background-color:#fbfbfb; padding:10px; line-height:150%;}
#pagewrap p.i-point{line-height:150%; margin-left:10px;}

#pagewrap .information dl{width:85%; margin:2rem auto 0 auto;}
#pagewrap .information dt{display:none;}
#pagewrap .information dd{line-height: 180%; font-size: 1.2rem; text-align: center; background-color: #eeeeee; padding: 40px 0;}
#pagewrap .contents-wrap div.graph .left-box table td.sub{font-weight:bold;}

