/*
******************************************************************************************
* book.css
* site name : 羊土社hp
* description : 書籍ページv1807
* Lastupdate: 18/07/01
* logs:
*	snsupdate:18/07/01
******************************************************************************************
*/
/* snsupdate */
div.social_btns{float:right;}
div.social_btns div.social_items{display: inline-block;vertical-align: top;margin-right:2px;margin-bottom: 5px;position: relative;}
/* 立ち読みボタンのbrowser style 無効 */
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {border:none;padding:0;}
div#cboxContent button{border:none;padding:0;}
/* 執筆者プロフィール */
div.tab-pane{padding:1em 8px 2em;}
div.editors h4{margin-bottom:1em; }
/* 表紙周り */
div.book_base_info{margin-top:-8px;margin-bottom:1em;}
div.bookimages {padding-top:40px;}
div.bookimages img.book-cover{max-width:80%;max-height:45vh;box-shadow:0 4px 5px 2px rgba(0,0,0,0.25);border-radius:3px;border:none;}
div.bookimages div#book-inside {margin-top:24px;text-align: center;}
div.bookimages div#book-inside ul li{max-width:22.5%;max-height:100px;}
div.bookimages div#book-inside ul li img{max-height:100px;box-shadow:0 2px 3px 1px rgba(0,0,0,0.4);border-radius:3px;border:none;}
div.bookimages div.book-inside {text-align:center;}
div.bookimages div#book-inside ul li#img-more{margin-top:8px;text-align:center;max-width:100%;width: 99%;}
img.not-shown{width:1px}
#slide_btn{padding:16px 12% 8px;}
#slide_btn #prev_btn{float: left;}
#slide_btn #next_btn{float: right;}
/* タイトル周り */
section#booktitle {padding-top:24px;}
section#booktitle h1.maintitle{margin:5px 0px;padding:0px;line-height:120%;font-weight:bold;}
section#booktitle h2.subtitle{margin:5px 0px 10px 0px;padding:0px;line-height:120%;}

section#selling{border: 1px solid #003388;padding:16px 24px;border-radius:4px;margin-top:24px;}
section#selling ul.bookdatalist li{margin-bottom:8px;}
section#selling ul.bookdatalist li.price span{font-size:1.5em;font-weight:bold;}
section#selling ul.bookdatalist li.status span{font-size:1.5em;font-weight:bold;}

section#selling div.booktocart{margin:0px 0px 10px;text-align:center;}
section#selling sdiv.booktocart img{max-width:100%;}
section#selling div.booktocart + div.booktocart img{padding:0 4%;}
section#selling .buy_button{width:100%;display: block;margin-right: auto;margin-left: auto;}
@media all and (min-width: 700px) {section#selling .buy_button{max-width:200px;}}
@media all and (max-width: 440px) {section#selling .buy_button{min-width:35vw;}}

section#selling .buy_button:hover{opacity:.5;}
section#selling .buy_button:active{-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}

section#selling div.ebook_pr button{white-space:normal;width:100%;}
/*section#selling div.booktocart + .ebook_pr{margin-bottom:11px;padding:0 4%;}*/
section#selling .buy_button .btn{white-space:normal;}
section#selling ul.revisioninfo {padding:0;text-align: center;font-size:1.1em;}
section#selling ul.revisioninfo li{list-style-type:none;}

section.option{border-radius:4px;margin-top:15px;padding:10px;display: block;padding: 1em; ;border:1px solid silver;}
section.option h4{margin:0;font-size:15px}
section.option ul li{font-size:19px}
span.option_button{background-color: #fff;border: 2px solid #333;color: #333;line-height:1.3;margin:5px;padding:5px 10px;}
span.option_button:hover{border-style: dashed;}
/* divalgn_c */
div.algn_c{margin-top:16px;padding:0 16px;}
div#image_view div.modal-lg div.modal-content{max-height:93vh;}
div#image_view img#modal-image{max-height:calc(93vh - 195px);max-width:90vw;margin:auto;display:block;}
section#bookinfo_sp{margin:30px 0;}
section#bookinfo_sp div.book_youtube{max-width: 640px;margin: 10px auto;}
section.subscription,section.gairon {margin:15px 1vw;}
section.subscription a,section.gairon a{color: inherit;}
section.subscription a:hover,section.gairon a:hover{text-decoration: none;}
div.btn_sub{text-align:center;font-size:24px;font-weight:500;background:rgb(234,240,253);padding:10px;border-radius:5px;background: -moz-linear-gradient(bottom, rgb(234,240,253), rgb(204, 219, 253));background:-webkit-linear-gradient(bottom, rgb(234,240,253), rgb(204, 219, 253));background: linear-gradient(to top, rgb(204, 219, 253), rgb(234,240,253));box-shadow:2px 2px 4px rgba(0,0,0,0.6);}
/* div.btn_sub:hover {-ms-transform: translateY(1px);-webkit-transform: translateY(1px);transform: translateY(1px);box-shadow:2px 2px 4px rgba(0,0,0,0.6);} */
div.btn_sub:active {-ms-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px);box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
div.btn_gairon{margin:20px 25%;border:1px solid rgba(69, 87, 101,.3);background:#f8f8f8;padding:5px;}
div.btn_sub_small {
	font-size:20px;
}
div.btn_sub_rn {
	background: #d6e9ca;
	background: -moz-linear-gradient(bottom, #d6e9ca, #76cc33);
	background: -webkit-linear-gradient(bottom, #d6e9ca, #76cc33);
	background: linear-gradient(to top, #76cc33, #d6e9ca);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

/* タブ周り改善 */
ul.book_info_menu{margin-top:20px;}
div.tab-content{border:1px solid #ddd;border-top:none;padding:0 10px 10px;}
ul.book_info_menu{padding:0 10px;}
ul.book_info_menu li {margin-right:3px;}
ul.book_info_menu li a{background-color: #F0F0F0;border: 1px solid #ddd;}
ul.book_info_menu li.active a{background-color:#fff;border:1px solid #ddd;border-bottom-color:white;}
div.tab-content div.bookdetaildata{padding:8px 16px;}
div.tab-content div#tab12 h4{margin-bottom:16px;}

ul.voice p {margin:.4em 0;}
ul.voice li{list-style-type:none;padding:.5em .5em 1em;}
ul.voice li + li {border-top:1px solid silver;}
ul.voice li p:last-child {color:gray;text-align:right;}
/* 旧バージョン対応用 */
ul.voice p span {color: gray;display: block;text-align:right;}
/* 編著者プロフ */
@media (min-width:768px){dl.cols2{column-count:2;}}
dl.editors dt{border-bottom:1px dotted darkgray;margin:8px 20px 4px 4px;break-after:avoid;break-inside: avoid;}
dl.editors dd{margin:4px 16px 32px 16px;break-before:avoid;break-inside:avoid;}
dl.editors p{margin:0;}
.centered {position: relative;overflow: hidden;}
.centered>ul {position: relative;left: 50%;float: left;}
.centered>ul>li {position: relative;left: -50%;float: left;}







div#book_detail_action_box{margin-top:10px;}
div#book_detail_action_box ul.mag_prev_next li{padding-left:15px;padding-right:15px;}

div.bookdetaildata{padding:10px 0px;}
div.bookdetaildata h3{font-size:medium;border-bottom:1px dotted silver;margin-top:2em;}
div.bookdetaildata h4{font-size:medium;margin-left:0.5em;}
div.bookdetaildata h5{font-size:medium;font-weight:normal;margin-left:2em;text-indent:-1em;}
div#tab1 h3{font-size:medium;font-weight:bold;border-bottom:1px dotted silver;margin-top:2em;margin-bottom:0;line-height:1.2;}
div#tab1 h4{font-size:medium;margin-left:12px;margin-top:0.5em;margin-bottom: 0;line-height:1.2;}
div#tab1 h5{font-size:medium;font-weight:normal;margin-left:20px;text-indent:0;margin-top:.4em;margin-bottom: 0;line-height:1.2;}
div#tab1 h6{margin-left:28px;text-indent: 0;margin-top: .4em;margin-bottom: 0;line-height: 1.2;font-size:14px;}
div#tab1 h5 + h4,div#tab1 h6 + h4,div#tab1 h4 + h4{margin-top:1em;}
div#tab1 div.cdetail + h4{margin-top:.6em;}
/* div#tab1 h3 small,div#tab1 h4 small,div#tab1 h5 small{} */


div.bookdetaildata div.buttonimages img{margin:5px 10px;}


div.booktoebookcart{margin:10px 0px;text-align:center;}
div.ebook_pr {
	margin: 1em 0 1em 0;
	text-align:center;
}
div.sp_em {
	margin: 1em 0 1em 0;
}

div#ebook{border:1px solid silver;border-radius:5px;padding:0px;margin:20px 10px;}
div#ebook h3{margin:0px 0px 10px 0px;background-color:silver;padding:5px;font-size:large;border-radius:5px 5px 0px 0px;}
div#ebook p{margin:0px;padding:0px 10px 10px 10px;}
div#ebook ul.comp{margin:0px 10px;font-size:small;}
div#ebook ul.ebookstore{margin:10px 20px;}
div#ebook ul.ebookstore li{padding-bottom:20px;}

ul#pdfdownload{margin-top:20px;padding:0;margin:10px;line-height:160%;}
ul#pdfdownload li{display:inline;padding:0 0 0 22px;background-image:url("/images/pdficon_small.gif");background-repeat:no-repeat;padding-right:1em;white-space:nowrap;}
ul#pdfdownload2{text-align:center;}
ul#pdfdownload2 li{display:inline;padding-left:21px;padding-top:2px;background-image:url("/images/pdficon_small.gif");background-repeat:no-repeat;padding-right:2em;}


/* twitter & facebook */
ul.twfb{list-style:none;margin:0;padding:0;font-size:small;}
ul.twfb li{display:inline;margin:0;padding:0;vertical-align:top;}
ul.twfb li.twfb_li0{color:#696969;}
ul.twfb li.twfb_li1{margin:0 2px 0 0;}
ul.twfb li.twfb_li1 img{cursor:pointer;vertical-align:top;margin-bottom:1px;}
ul.twfb li#twfb_lig ,ul.twfb li.twfb_lig{vertical-align:bottom;}
ul.twfb li.twfb_li1 img.hatena{margin:4px 0 0 0;}

div.book_copy{margin:10px 5px 5px 5px;background-color:#efefef;padding:10px;border-radius:5px;}
div.book_copy p{font-size:medium;}


div.sampletitles{margin:2em 0 5px 0;border-radius:3px;background-color:#efefef;padding:3px;font-weight:normal;font-size:large;}




h2.magazines{font-size:medium;margin:20px 10px 5px 10px;padding:5px;background-color:gray;color:white;}
div.h3div{font-size:medium;margin:5px 15px 5px 15px;font-weight:bold;}
div.h3div span.subtitle{font-size:small;}
div.plannerc{font-size:medium;margin:0px 15px 5px 15px;border-left:18px solid silver;padding-left:5px;}
div.plannerc span.multiple{padding-left:3em;}
div.h4titles{font-size:medium;margin:5px 15px 5px 40px;font-weight:normal;display:list-item;list-style-type:circle;}
div.summary{margin:5px 15px 10px 50px;display:none;}
div#summaryviewer{text-align:right;margin:10px;}
a#summaryviewerclick{text-decoration:underline;color:blue;}


div.cdetail{margin:5px 15px 5px 50px;display:none;}
div.cdetail ul{margin:0px;padding:0px;}
h6 + div.cdetail ul li{font-size:14px;}


div.bookdetaildata img.page{display:block;margin:35px auto 35px auto;padding:10px 0 10px 0;}


div.contents_list{margin:0; padding:0;}
div.contents_list h2{line-height:130%;font-size:large;margin:0;}
div.contents_list h3{line-height:130%;font-size:large;margin:0;}
div.contents_list h3.subttl{margin:0; padding:2px 0 0 0; font-size:small;font-weight:normal;}
div.contents_list dl{clear:both; margin:10px; padding:0; overflow:hidden; height:1%; border-bottom:1px dotted #666;}
div.contents_list dl.contents_data dt{float:left; margin:0; padding:10px; width:100px;}
div.contents_list dl.contents_data dd{float:left; margin:0; padding:10px; width:68%; min-width:345px;}
div.contents_list dl.contents_data_spread dt{float:left; margin:0; padding:10px; width:180px;}
div.contents_list dl.contents_data_spread dd{float:left; margin:0; padding:10px; width:68%; min-width:345px;}
div.contents_list p{margin:0; padding:0;}
div.contents_list p.series_name{font-weight:bold;}
div.contents_list p.series_title{margin:5px 0 0 0; padding:0;}
div.contents_list p.edit{margin:5px 0 0 0; padding:0;}
div.contents_list p.edit2{margin:5px 0 0 0; padding:0;font-size:small;}



div.intro_rcd{margin:30px 0 30px 0;padding:5px 3px;border:1px solid #ccc;height:1%;overflow:hidden;}
div.intro_rcd ul{margin:10px 0 0 0;padding:0;list-style-type:none;overflow:hidden;text-align:center;}
div.intro_rcd ul li{float:left;margin:0;padding:0;width:20%;text-align:center;}
div.intro_rcd ul li img{margin:0;padding:0;}
div.intro_rcd img.shosai{margin:0 10px 0 0;padding:0;}
div.intro_rcd img.konyu{margin:0 0 0 10px;padding:0;}
div.intro_rcd div.b_icon{margin:0;padding:0;}
div.intro_book_list{margin:0;padding:5px 3%;height:1%;overflow:hidden;}
h3.intro_book{color:#333333;font-weight: normal;font-size:medium;padding:3px 0 3px 5px;margin:0;}

table.rcd_tbl{margin:0;padding:0;}
table.rcd_tbl tr{margin:0;padding:0;}
table.rcd_tbl tr.book_img td{margin:0;padding:5px 0 0 0;text-align:center;}
table.rcd_tbl tr.btn_img td{margin:0;padding:5px 0 0 0;text-align:center;}
table.rcd_tbl tr td{width:20%;}


/*�摜�g��*/
		div#bigimgbox{border:1px solid gray;overflow:scroll;position:absolute;margin: 0 auto -30px;padding: 0 0 30px;}
		div#bigimgbox img#bigimg{position:relative;}
		div#bigimgboxfooter{position:absolute;bottom:5px;left:5px;}
div#scope{position:absolute;z-index:3000;background:url("/webedition/images/bg_gray_a.png");overflow:hidden;display:none;}


#recommendbox{background-color:silver;border-radius:5px;margin-bottom:2em;margin-top:3em;padding:1px 15px 10px;}
#recommendbox h2{font-size:medium;}
#recommendbox #recommendlist{height:145px;padding:10px;background-color:white;overflow:hidden;white-space:nowrap;font-size:0;position:relative;}
#recommendbox #recommendlist li{padding:0px 7px;margin:0px;position:relative;}
#recommendbox #recommendlist li img{vertical-align: bottom;}

#recommendbox .recommendchange{display:none;border-radius:10px;padding:5px 10px;background-image:url("/images/recommend_arrow_back.png");color:gray;cursor:pointer;font-size:x-large;}
#recommendforward{position:absolute;top:130px;right:10px;}
#recommendbackward{position:absolute;top:130px;left:10px;}

/* 概論公開用 */
article.webarticle {letter-spacing:0.04em;font-family:"BlinkMacSystemFont", 'Times New Roman', Times, "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
article.webarticle section::after {display: block;content: "";clear: both;}
article.webarticle p,section.column h4{font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
h3.first{font-size: 2em;color: #ff0090;}
h4.midasi{font-weight:bold;color:#006e54;font-family: initial;}
h5.midasi2{font-weight:bold;margin-top:1.5em;font-size:large;font-family:initial;}
article.webarticle p{font-size:16px;text-align:justify;line-height:1.7;margin-left:8px;margin-bottom:8px;}
article.webarticle section p{text-indent:1em;}
article.webarticle h1{font-size:30px;}
article.webarticle h2{font-size:18px;margin-top:16px;}
article.webarticle section.overviewsummary{background:rgba(245,229,107,.4);padding:24px 16px;border-radius:5px;margin:16px 0;display:block;}
article.webarticle section.overviewsummary p{margin:0;}
article.webarticle figure.overview{float:right;margin:24px;max-width:50%;background-color: white;text-align: center;}
article.webarticle figure.overview2{overflow: hidden;float:right;margin:24px;max-width:30%;background-color: white;text-align: right;display: inline-block;}
@media all and (max-width: 768px) {
	article.webarticle figure.overview{float:right;margin:24px;max-width:98vw;}
article.webarticle figure.overview2{float:right;margin:24px;max-width:98vw;}
		}
article.webarticle figure.overview figcaption{text-align:center;text-align-last:left;}
article.webarticle figure.overview figcaption span{font-weight:bolder;text-align:center;}/* old */
article.webarticle figure.overview figcaption h5{font-weight:bolder;text-align:center;text-align-last:center;}/* new */

.commentary{font-family:BlinkMacSystemFont, "Times New Roman", Times, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

.keypoints{margin:20px 30px 20px 30px;padding: 0.5em 1em 1em 1em;border: solid 3px #006e54;}
.keypoints2{margin:20px 30px 20px 30px;border-radius: 10px;padding: 1.5em;border: dotted 3px #46b4eb;overflow: hidden;}
.keypoints2 .keypoints2-title{font-weight:bold;color:#006e54;display: inline-block;margin-left:-25px;font-family:BlinkMacSystemFont, "Times New Roman", Times, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

dl.evaluation{overflow: hidden;}
dl.evaluation dt{font-weight:700;font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:medium;}
dl.evaluation dd{font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:medium;}
ul.evaluation{font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;list-style-type:none;font-size:medium;}

dl.evaluation2 dt{font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:medium;}
dl.evaluation2 dd{font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:medium;}
.evaluation3 dl{
	margin:1em 0 0.5em 20px;
}
.evaluation3 dt{
	font-family:sans-serif;
	font-size:medium;
	line-height:1.8em;
	float: left;
}
.evaluation3 dd{
	font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:medium;
	line-height:1.8em;
	margin-left:15px;
}

.syourei {
	position: relative;
	margin: 2em auto;
	width:100%;
	padding: 25px 10px 7px;
	background:#f7ead7;
}
.syourei .syourei-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	font-size:14px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: #e3c18f;
	color: #000000;
	font-weight: bold;
}

.keyword {
	width:105px;
	margin-right:20px;
	position: relative;
	padding:0.3em 0.6em 0.3em 0.6em;
	background-color:#0094a8;
	color:#ffffff;
			border-radius: 5px;
	font-size:large;
	font-weight:bold;
	font-family:BlinkMacSystemFont, "Times New Roman", Times, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		}

p.keyword-p:not(:root){
	font-family:BlinkMacSystemFont, "Times New Roman", Times, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.qa-box {
	position: relative;
	margin: 6em 0 2em 0;
	padding: 2em 1em;
	background-color:#fffacd;
}

.box-icon {
	position: absolute;
	display: block;
	top:-30px;
	margin-right:10px;
	width:10%;
}

.box-question {
	display: block;
	margin: 0 auto;
	padding-left:30px;
	width:80%;
}

.qa-text{
	margin: 0 auto;
	padding-left:30px;
	width:80%;
}

@media screen and (max-width: 768px) {
	.qa-box {
	margin: 2em 0 1em 0;
	padding: 2em auto;
}

	.box-icon{
	width: 10%;
	top:-10px;
	margin:0 0 5px 0;
}
.box-question{
	display: block;
	margin-top:30px;
	margin-left:auto;
	margin-right;auto;
	padding-left:0;
	width: 100% ;
}
.qa-text{
	width:90%;
}
}

@media screen and (max-width: 550px) {
	.box-question {
	margin-top:10px;
}
.qa-text{
	width:100%;
	padding:10px 0 0 5px;
}
}

@media screen and (max-width: 400px) {
	.box-question {
	margin-top:-5px;
	padding-top:-10px;
}
.qa-text{
	margin-top:-15px;
}
}

.a_img{
	display:block;
	margin: 0 auto;
	max-width:80%;
}

@media screen and (max-width: 768px){
.mgt2{
	margin-top:2em;
}
}



.sougou_point {background:#d9ecfa;max-width:800px;margin:0 auto 2em auto;position:relative;padding:10px;}

.sougou_point .point_title{position:absolute;display:inline-block;top:-13px;right: -10px;padding:0 10px;line-height:1;font-size:19px;border:solid #2172ad 3px;border-radius:10px;background:#ffffff;color:#2172ad;font-weight:bold;}

.sougou_point2 {background:#e8e7e3;max-width:800px;margin:0 auto 2em auto;padding:15px 10px 10px 10px;}

.onething {
	position: relative;
	margin: 2em 0;
	padding: 1em 1em 0.5em 1em;
	border: solid 3px #f2ebdc;
	background-color:#f2ebdc;
}
.onething .onething-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 5px 9px 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #f2ebdc;
	color: #000000;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

article.webarticle h3{margin:32px 0 16px -10px;padding-bottom:2px;border-bottom:5px dotted #006e54;font-weight: 900;line-height:1.5;margin-right:24px;}
article.webarticle h3 span{font-size:70%;background-color:#006e54;color:white;padding:4px;margin-right:8px;border-radius:2px;}
article.webarticle h4{margin:24px 0 16px;font-weight: 900;}

article.webarticle p.profile,section.column p{text-indent:0em;font-family:"BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
@media all and (min-width: 768px) {
	article.webarticle{padding-left:16px;padding:15px;}
}

.download{
padding-left: 15px;
height: 20px;
background-image: url(../yodobook/booksample_img/9784758118385/pdficon_small.gif);
background-repeat: no-repeat;
color:#fff;
}
/* article.webarticle figure:nth-of-type(2n) {float:left;} */


.maru {
	height:50px;
	width:50px;
	border-radius:50%;
	line-height:30px;
	text-align:center;
	background:#d60081;
	color:#fff;
	font-size:20px;
	padding:10px;
	margin-left:20px;
	margin-bottom:0.5em;
}

.interviewee {
	font-weight:bold;
	font-family:sans-serif;
	margin-right:1em;
	margin-left:-1em;
	color:#4d589e;
}
sup.ant{
	color:#a6d9f5;
	font-family:sans-serif;
}
sup.blue{
	color:#035C9C;
	font-family:sans-serif;
}

/*--------Gノート用見出し--------*/
h3.gnote:not(:root) {
	position: relative;
	left:38px;
	padding: 0 0 0 10px;
	color:#0779a6;
	border-bottom:#0779a6 dotted 2px;
}

h3.gnote::before {
	position: absolute;
	content: url(/gnote/images/gn_gairon_icon.png);
	display: inline-block;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	top:-14px;
	left:-48px;
	z-index: 1;
}

h3.gnote span{
	position: absolute;
	z-index: 2;
	color: #fff !important;
	left: 0;
	transform: translateX(-163%);
	background: none !important;
	top: -1px;
	font-size: 24px !important;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
		sans-serif;
		padding: 0 !important;
}

/*--------レジ用見出し--------*/
h3.rnote-empty:not(:root),
h3.rnote-number:not(:root) {
	border-bottom:2px #039de1 solid;
	}

h3.rnote-empty span.r-emp,
h3.rnote-number span.r-num{
    line-height: 30px;
    padding:6px 7px;
    vertical-align: middle;
    border-radius: 3px;
}

h3.rnote-empty span.r-emp:not(:root){
    background: #8ccbec;
}

h3.rnote-number span.r-num{
    background: #039de1;
    color: #fff;
    font-weight: normal;
    text-align: center;
    vertical-align: text-bottom;
	}

/*--------リスト-ドットの色変更--------*/
.color-dots-list{
	list-style-type: none;
}
.color-dots-list li{
	line-height: 1.9;
	font-size: medium;
	text-indent: -0.4em;
	margin-left: 0.6em;
}
.color-dots-list li::before{
	content: "";
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background-color: #4F89A5;
	display: inline-block;
	position: relative;
	top: 0px;
	left: -11px;
	margin-right: -4px;
}


article.webarticle section.column{background-color:#e8ecef;padding:24px 16px;border-radius:5px;margin:32px 0;display:block;}
article.webarticle section.column{background-color:#e8ecef;padding:24px 16px;border-radius:5px;margin:32px 0;display:block;}
article.webarticle section.column p{margin:0;}
article.webarticle h1 {line-height:1.3;}
article.webarticle h1 small{display: inline-block;line-height: 1.2;}
article.webarticle section.column h4{margin-top: 0;}
article.webarticle h4.gairon_header{padding:8px 8px;background:#F0F0F0;background:linear-gradient(90deg,#F0F0F0,#F0F0F0 50%,#D0D0D0) ;border:1px solid #DDD;}
article.webarticle div.btn_sub{margin:32px 15% 40px;color:white;background:#455765;padding:5px;}
/* 参考文献 */
article.webarticle section.reference ul.reference {counter-reset:reference;list-style-type: none;padding-left:0;}
article.webarticle section.reference ul.reference li.reference{text-indent:-2em;padding-left:2em;word-break: break-all;}
article.webarticle section.reference ul.reference li.reference:before {counter-increment:reference;content: counter(reference)'）';padding-right:.5em;}
span.tips{text-decoration:underline;color: #428bca;cursor:pointer;}
span.tips .glyphicon{text-indent:0;}
.popover {
	max-width: 600px; /* この数字を変える */
	z-index: 2;
}

span.tips2{text-decoration:none;cursor:pointer;}
span.tips2 a:hover {
	text-decoration: underline;
}

.fig-vertical{
	margin:3em auto;
	width:60%;
}
@media screen and (max-width: 768px) {
	.fig-vertical{
	width:100%;
}
	}
.bold001,
.a-bold,
a[href^="#modal-id"]{
	font-family: "Hiragino Kaku Gothic ProN",
	"メイリオ",
	"Meiryo",
	"verdana",
	sans-serif;
	font-weight: bold;
}

.r-bold{
	font-family:sans-serif;
	font-size:17px;
}

.mt2{
	margin-top:2em;
}
.mt3{
	margin-top:3em;
}
.mt4{
	margin-top:4em;
}
.mb2{
	margin-bottom:2em;
}
.mb3{
	margin-bottom:3em;
}
.mb4{
	margin-bottom:4em;
}

/*--------図表--------*/
.figure001{
	margin:3em auto;
    max-width: 70%;
	}

/*２つ以上横並びにさせたい時*/
.figure002{
	display:flex;
	margin:3em auto;
    justify-content: space-evenly;
}
.figure002 img{
    max-width:95%;
}
.item002{
    flex:1;
}
@media screen and (max-width: 640px) {
    .figure001,.figure002{
    max-width:100%;
    }
	.figure002{
		flex-wrap: wrap;
}
	.figure002 a{
		padding-bottom:2em;
        margin-left: auto;
        margin-right: auto;
}
	.figure002 a:last-child{
		padding-bottom:0;
}
}