@charset "UTF-8";
html {
    overflow-y:scroll;
}
html, body {
    height:100%;
}
/**********************
 header
**********************/
header {
    position:fixed;
    top:0;
    width:100%;
    z-index:10;
}
header .main {
    position:relative;
    display:flex;
		display: -webkit-flex;
    align-items:center;
		-webkit-align-items: center;
    height: 86px;
    background-color:#231815;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.6);
}
header .main h1 {
    flex-grow: 3;
		-webkit-flex-grow: 3;
    margin-left:20px;
    font-size:20px;
    color:#fff;
}
header .main a.toTopPage {
    text-decoration: none;
}
header .main .header-item-group {
	position:absolute;
	right:0px;
	top: 0;
}
header .main .header-item-group .links-area .links a:hover {
	color: #4ca5ff;
}
header .main .links-area {
    display:inline-block;
}
header .main .list-area{
		display:inline-block;
    margin-right:10px;
}
header .main .links {
    justify-content:flex-end;
		-webkit-justify-content: flex-end;
    display:flex;
		display: -webkit-flex;
    color:#fff;
}
header .main .links li {
    padding: 0 9px;
	height: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flexbox-align: center;
	box-align: center;
}
header .main .links li a {
	text-decoration: none;
}
header .main a.showlistmodal {
    background : url(../img/top_bookmark_star.png) no-repeat;
    color: #fff;
	height: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flexbox-align: center;
	box-align: center;
	text-decoration:none;
} 
header .main a.showlistmodal:hover {
    background : url(../img/top_bookmark_star_b.png) no-repeat;
    color: #4ca5ff;
}
header .main .showlisttext {
    margin-left:25px;
    display: block;
}
.sub {
    background-color:#dcdcdc;
		-webkit-justify-content: space-between;
}
.sub .leftside {
    flex-grow: 5;
		-webkit-flex-grow: 5;
    display:flex;
		display: -webkit-flex;
    align-items:flex-end;
		-webkit-align-items: flex-end;
    color:#3c3c3c;
}
.sub .leftside h2 {
    margin-left:37px;
    margin-bottom:8px;
    line-height: 0em;
}
.sub .leftside .book-name {
    font-size:14px;
    font-weight:bold;
    color:#3c3c3c;
    margin-bottom:8px;
    margin-left:14px;
}
.sub .rightside {
    width: 100%;
    height: 100%;
    padding-right: 30px;
    align-items: center;
    -webkit-align-items: center;
}

/**********************
 bread crumb
**********************/
.bread-crumb {
    padding:21px 0 0 37px;
    margin-right: 180px;
}
.bread-crumb-item,
.bread-crumb-item:visited {
    text-decoration:underline;
    color: #4470ae;
    cursor:pointer;
}

.bread-crumb-item:hover {
    text-decoration:underline;
    color:#4ca5ff;
    cursor:pointer;
}

.bread-crumb .homeIcon {
		background : url(../img/home_link.png) no-repeat;
		padding-left:25px;
        background-position: center;
        font-size: 17px;
}

.bread-crumb .homeIcon:hover {
		background : url(../img/home_link_mouseover.png) no-repeat;
        background-position: center;
}

/**********************
 has-children
**********************/
a.has-children:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    margin-top: 3px;
    margin-left: 10px;
    border-right: 2px solid #b2b2b3;
    border-top: 2px solid #b2b2b3;
    transform: rotate(45deg);
		-webkit-tranform: rotate(45deg);
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
a.has-children.open:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
form ul li div a.has-children:after {
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
form ul li div a.has-children.open:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}                 
form ul .child-list {
    display: none;
    padding-top: 5px;
}
.child-list .child-item {
    margin-top:3px;
}
/**********************
remodal
**********************/
.remodal{
    text-align: left;
}
.remodal-body {
    padding-top: 0px;
}

.remodal-showlist-star {
    width:20px;
    margin-bottom:-4px;
}
.remodal-showlist-star-yellow {
    width:20px;
    margin-bottom:-4px;
}
.remodal-showlist-content {
    width: 100%;
    display: flex;
		display: -webkit-flex;
    overflow: auto;
}
/**********************
 common menu
**********************/
nav li a.has-children:after {
    content:'';
    position:absolute;
    top: 50%;
    right:18px;
    width:8px;
    height:8px;
    margin-top:-6px;
    border-right:2px solid #fff;
    border-top:2px solid #fff;
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
}
/**********************
 common menu
**********************/
nav li a.has-children-noanimation:after {
    -webkit-transition-property:none;
    -moz-transition-property:none;
    -ms-transition-property:none;
    -o-transition-property:none;
    transition-property:none;
}

/**********************
 header top menu
**********************/
#toggleMenu {
		display:none;
    cursor:pointer;
    position:fixed;
    background-color:transparent;
    border:transparent;
		outline:none;
        padding-left: 20.5px;
        padding-right: 20.5px;        
}
#toggleMenu.active .toggleimage_pc {
		display:none;
}

#toggleMenu .toggleimage_pc {
		display:inline;
}

#toggleMenu.active .toggleimage_close {
		display:inline;
}

#toggleMenu .toggleimage_close {
		display:none;
}

#toggleMenu span.bar {
    display:block;
    width:22px;
    height:3px;
    margin-top:5px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-color:#fff;
}
#toggleMenu span.bar:first-child {
    margin-top:0px;
}
#top-menu {
    position:fixed;
    display:none;
		margin-top: -4px;
}
#top-menu.active {
    display:block;
}
#top-menu li {
    position:relative;
}

#top-menu ul li:first-child {
		margin-top:4px;
}

#top-menu ul li ul li:first-child {
		height:initilize;
		margin-top:0px;
}

#top-menu li a {
    display:block;
    padding:14px 40px 14px 14px;
    text-decoration:none;
    color:#ffffff;
		position:relative;
}
#top-menu li a:hover {
    background:#40404a;
}
#top-menu li a.has-children:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/**********************
 コンテンツ右上のアイコン画像
**********************/
.contents-buttons-div-bottom a:not([href]) {
    pointer-events : none;
}
.contents-button-bookmark_gray {
    float: left;
    background: url(../img/body_bookmark_star.png) no-repeat;
    height: 34px; /* 実寸で指定する */
    width: 34px; /* 実寸で指定する */
}
.contents-button-bookmark_yellow {
    float: left;
    background: url(../img/body_bookmark_star_y.png) no-repeat;
    height: 34px; /* 実寸で指定する */
    width: 34px; /* 実寸で指定する */
}
.contents-button-printer {
    float: right;
    background: url(../img/print.png) no-repeat;
    height: 40px;
    width: 42px;
    margin-top: 4px;
    display: inline;
    margin-left: 20px;  /* ☆との間は27pxの指定だが☆画像に余白があるため調整した */}
.contents-button-printer:hover {
    background : url(../img/print_mouseover.png) no-repeat;
}
.contents-button-prev {
    float: left;
    background: url(../img/page_previous.png) no-repeat;
    height: 40px;
    width: 66px; /* 実寸で指定する */
}
.contents-button-prev:hover {
    background : url(../img/page_previous_mouseover.png) no-repeat;
}
.contents-button-next {
    float: right;
    background: url(../img/page_next.png) no-repeat;
    height: 40px;
    width: 66px; /* 実寸で指定する */
}
.contents-button-next:hover {
    background : url(../img/page_next_mouseover.png) no-repeat;
}
.contents-button-prev:not([href]) {
    background: url(../img/page_previous_noactive.png) no-repeat;
}
.contents-button-next:not([href]) {
    background: url(../img/page_next_noactive.png) no-repeat;
}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both; 
  visibility:hidden;
}
/**********************
 main contents
**********************/
.content {
    margin-left:20px;
}
.content .contents-inner {
    padding-top:85px
}
.content main {
    display:block;
    padding: 21px 37px 65px 37px;
}
.print {
    position:absolute;
    top: 20px;
    right: 20px;
    height: 35px;
    width: 35px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAChyAAAocgF7isG5AAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMS0yNFQxNToxNjo1MyswOTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMjRUMTU6MjE6NTYrMDk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMjRUMTU6MjE6NTYrMDk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQwYWU2MjItZjhkZC04NjQ5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');
}
.view-chart {
    margin:50px 100px 50px 100px;
}
.view-chart ol {
    text-align:left;
}
/**********************
 containd topics
**********************/
.containd-topics {
    position: relative;
    background: #E6E6E6;
    line-height: 1.4;
    padding: 0.25em 0.5em;
    margin: 2.5em 0 0.5em;
    /*border-radius: 0 5px 5px 5px;*/
}
.containd-topics:after {
    font-size:0.8em;
    position: absolute;
    content: 'Contains Topics';
    background: #000000;
    color: #ffffff;
    left: 0px;
    bottom: 100%;
    /*border-radius: 5px 5px 0 0;*/
    padding:0.5em;
    line-height: 1;
}
.containd-topics ul {
    margin-left:2em;
}
.containd-topics li {
    list-style:disc;
}

/**********************
Questionnaire
**********************/
.questionnaire-area {
    width: 100%;
    padding: 30px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: gray;
}

.questionnaire-area .questionnaire-form {
    padding: 0 10px;
}

.questionnaire-area .questionnaire-form div {
    margin: 10px 0;
}

.questionnaire-area .questionnaire-form textarea {
    width: 100%;
}

.questionnaire-area .questionnaire-form button {
    width: 100px;
    height: 30px;
    border: none;
    background-color: #3E6AA4;
    color: white;
}

.questionnaire-area .questionnaire-form input {
		float: left;
		margin-right: 8px;
}

.questionnaire-area .questionnaire-form button:disabled {
    background-color: #989EA4;
}

.questionnaire-area .questionnaire-form label {
		display: block;
		text-align: left;
}

.questionnaire-area .questionnaire-form label:after {
		content: "";
		clear: both;
		display: block;
}

.questionnaire-area .questionnaire-form label p {
		float: left;
		width: calc(100% - 29px);
		margin-bottom: 0px;
}

/**********************
pc
**********************/
@media (min-width: 769px) {
    /**********************
     header top menu
    **********************/
    #top-menu ul {
        position:absolute;
        width:338px;
        background:#231815;
				border:solid 1px #dcdcdc;
    }

    #top-menu ul > li > div > ul {
				position:static;
				top:0px;
				left:0px;
				max-height:438px;
				overflow-y:scroll;
				border:none;
    }

		#top-menu ul > li > div {
				position:absolute;
				left:100%;
				top:-2px;
				width:320px;
				overflow-x:hidden;
				border:solid 1px #dcdcdc;
		}

    #top-menu .link {
        display:none;
    }
    #top-menu .displayMobileMenu {
        display: none;
    }
    /**********************
     main contents
    **********************/
    .content.active {
        margin-left:280px;
    }

		.sub {
				padding-top: 13px;
				padding-bottom: 10px;
		}

		.sub .rightside .model-logos {
				padding-left: 40px;
				text-align: right;
		}

    .sub .rightside .model-logos .model_names {
        margin-left: 10px;
    }

    .sub .rightside .model-logos .model_names:first-child {
        margin-left: 0px;
    }

		.contents-buttons-div-top {
				position: absolute;
				right: 37px;
				margin-top: 15px;
		}

		.contents-buttons-div-bottom {
				position: absolute;
				right:37px;
				width:calc(66px + 6px + 66px); /* 前のページに戻る画像の幅+アキ+次のページに進画像の幅 */
				margin-top: 68px;
		}
}

/**********************
mobile
**********************/
@media (max-width: 768px) {
    /**********************
     header
    **********************/
    header .main {
     	  height:auto;
        display: block;
    }
    header .main h1{
        padding-top: 9.5px;
				padding-bottom: 9.5px;
				font-size: 14px;
				margin-left: 20px;
				height: 35px;
    }
    header .main .links-area {
        display:none;
    }
    header .main .list-area {
        margin-right: 10px;
    }
		header .main a.showlistmodal {
				background-size: 20px;
                background-position-y: -2px;
		}

		header .main a.showlistmodal:hover {
				background-size: 20px;
                background-position-y: -2px;
		    color: #4ca5ff;
		}

		header .main .links li {
			height: 35px;
		}

    .sub {
        padding-top: 40px;
				padding-bottom: 10px;
    }
    .sub .rightside img{
        max-width: 280px;   /* iPhone5/SEの横幅320を基準として、左側の閉じた目次幅20pxと機種ロゴの左アキ10pxと右アキ10px(念のため)を除いたサイズ */
    }
    .sub .leftside {
        height:calc(6px + 21px + 4.5px); /* 上アキ+画像の高さ+下アキ */
        padding-top:6px;
        padding-bottom:4px;
        padding-left: 7px;
    }
    .sub .leftside h2 {
        margin-left:0;
				margin-bottom:5px;
    }
    .sub .leftside .book-name {
        margin-left:4px;
        padding-top: calc(8px - 6px); /* ブックタイトルの上アキ - 行全体のラッパーの上アキ */
				margin-bottom: 5px;
    }
    .sub .rightside {
        padding-right: 0;
        padding-left: 10px;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .sub .rightside .model-logos .model_names {
        margin-right: 10px;
    }
    .sub .rightside .model-logos .model_names:last-child {
        margin-right: 0px;
    }
		#toggleMenu {
            height: 35px;
            padding-left: 10px;
		}

        #toggleMenu .toggleimage_pc, #toggleMenu .toggleimage_close {
            width: 21px;
            margin-top: 2px;
        }

		/********************
		search area
		********************/
		.search-area .disp {
			display:block;
		}

		.search-area .undisp {
			display:none;
		}

    /**********************
     header top menu
    **********************/
    #top-menu {
        left:5px;
        width:240px;
				bottom: 0px;
    		top:39px;
        overflow-y: auto;
        background:#231815;
    }
    #top-menu li a.has-children:after {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #top-menu a.has-children.open:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #top-menu li > ul > li a {
        padding:1em 5em 1em 2em;
    }

    /**********************
     main contents
    **********************/
    .content .contents-inner {
        /*padding: calc(20px + 24.5px) 0 0 3;*/
        /* calcは黒色オビ上部の高さ */
				padding: 40px 0 0 0;
    }

    .content main {
        padding-left:10px;
        /* mainタグはパンくずリストの下（タイトル以下）を包括するが、レイアウト仕様書では
            モバイル表示の場合、タイトルの左アキは8pxが指定されているため、タイトルでは左に-2pxする必要がある */
        padding-right: 10px;
    }
    .view-chart {
        margin:10px;
    }

    /**********************
     コンテンツ右上のアイコン画像
    **********************/
    .contents-buttons-div-top {
				margin-top: 30px;
				margin-right: 10px;
    }
    .contents-buttons-div-bottom {
				margin-top: 7px;
				margin-bottom: 2px;
				margin-right: 7px;
    }
		.contents-buttons-div {
				float: right;
		}
    .contents-button-bookmark {
        float: right;
        width: 50px;
    }
    .contents-button-printer {
        display: none;
    }
		.contents-button-next {
				height: 30px;
		}
		.contents-button-prev {
				height: 30px;
				margin-right: 3px;
		}
    /**********************
     bread crumb
    **********************/
    .bread-crumb {
        padding:0 0 0 8px;
				margin-right:7.5px;
    }
}
/**********************
mobile(横幅380px以下の場合の特別な設定）
**********************/
@media (max-width: 380px) {
    header .main h1{
        font-size: 3.7vw;
    }
    header .main .list-area .showlisttext {
        font-size:  3.7vw;
    }
}

/**********************
IEのみ
**********************/
@media all and (-ms-high-contrast: none) {
	#toggleMenu {
		top: 30px;
	}

	header .main .header-item-group {
		position:absolute;
		right:0px;
		top: 10px;
	}

	header .main .search-area {
		margin-top: 0px;
	}

	header .main .showlisttext {
		margin-top: 4px;
	}

	header .main a.showlistmodal {
		margin-top: -4px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width: 768px) {
	#toggleMenu {
		top: 0px;
	}

	header .main .showlisttext {
		margin-top: 2.5px;
	}

	header .main a.showlistmodal {
		margin-top: -5.5px;
	}

	header .main .header-item-group {
		top: 11.5px!important;
	}
}

/**********************
Safari6-10
**********************/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)  and (min-width: 769px)
{ @media {
  #toggleMenu {
        padding-top: 30px;
  }
}}

/**********************
Safari10.1 only
**********************/
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

  @media (min-width: 769px) {
    #toggleMenu {
          padding-top: 30px;
    }
  }
}}