/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}
input[type="text"] {
    border : none;
    appearance : none;
    tap-highlight-color : rgba(0,0,0,0);
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}
select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  border-radius: 0;
}
select::-ms-expand {
    display: block;
}

/* 会社案内 */
.sec_company {
    display: flex;
	border-bottom: 1px dashed #bbb;
    padding: 17px 0;
}
.sec_company:first-child {
    display: flex;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 17px 0;
    margin-top: 40px;
}
.sec_company dt {
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 15px;
    width: 170px;
}
.sec_company dd {
	flex: 1;
}
.sec_company2 {
    display: flex;
    padding: 17px 0 3px 0;
}
.sec_company2 dt {
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 15px;
    width: 170px;
}
.sec_company2 dd {
	flex: 1;
}
.gray_bar {
    padding: 5px 5px 5px 15px;
    margin-top: 25px;
    background: #f3f3f3;
}
.gray_bar2 {
    padding: 5px 5px 5px 15px;
    background: #f3f3f3;
}
.gray_bar a:link {
    color: #0f8554;
	text-decoration: none;
}
.gray_bar a:visited {
    color: #0f8554;
	text-decoration: none;
}
.gray_bar a:hover {
    color: #0f8554;
	text-decoration: underline;
}
.phase01 {
    margin-top: 30px;
}
.phase02 {
    margin-top: 15px;
}
#map {
	border-bottom: 1px dashed #bbb;
    padding-bottom: 25px;
}
.ggmap {
    position: relative;
    padding-bottom: 30%;/*縦横比*/
    height: 0;
    overflow: hidden;
}
.ggmap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 78% !important;
    height: 100% !important;
}
.phase03 {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 0 24px;
    padding: 17px 15px;
    margin-top: 40px;
}
.phase04 {
    margin: 15px 0 50px 0;
}
.phase05 {
    margin-top: 50px;
}
.phase06 {
    margin-top: 20px;
    line-height: 1.6;
}
.phase04 a:link {
	color: #333;
	text-decoration: underline;
}
.phase04 a:visited {
	color: #333;
	text-decoration: underline;
}
.phase04 a:hover {
	color: #333;
	text-decoration: none;
}
/* プライバシーポリシー */
#pri li {
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 0 27px;
    padding: 20px 15px;
}
#pri li:first-child {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 0 27px;
    padding: 20px 15px;
    margin-top: 40px;
}
#pri {
   list-style-type: decimal;
   list-style-position: inside;
}

/* サイトマップ */
#sitemap {
    margin-top: 15px;
    display: flex;
}
#sitemap article {
    width: 50%;
}
#sitemap li {
    margin: 0 30px 50px 0;
}
#sitemap dt,.sitemap_list {
	border-bottom: 1px dashed #bbb;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
#sitemap dd {
	line-height: 2;
	background: url("../images/common/arrow.png") no-repeat 0 10px;
    padding-left: 13px;
}
#sitemap a:link {
	color: #333;
	text-decoration: none;
}
#sitemap a:visited {
	color: #333;
	text-decoration: none;
}
#sitemap a:hover {
	color: #333;
	text-decoration: none;
}
#sitemap a {
    position: relative;
    display: inline-block;
    transition: .3s;
}
#sitemap a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 2px;
    background-color: #0f8554;
    transition: .3s;
    transform: translateX(-50%);
}
#sitemap a:hover::after{
    width: 100%;
}
/* お問い合わせ */
#contact {
    margin-top: 15px;
}
#contact li {
    margin: 0 0 50px 0;
}
#contact dt {
	border-bottom: 1px dashed #bbb;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
#contact dd {
	line-height: 2;
	background: url("../images/common/arrow.png") no-repeat 0 12px;
    padding-left: 13px;
}
#contact dd.contact_list {
	line-height: 2;
	background: none no-repeat 0 0;
    padding-left: 0;
}
#contact dd.contact_list ul {
    display: flex;
    width: 95%;
}
#contact dd.contact_list li {
    margin: 0 0 0 0;
}
.tel-link a:link {
	color: #333;
	text-decoration: none;
}
.tel-link a:visited {
	color: #333;
	text-decoration: none;
}
.tel-link a:hover {
	color: #333;
	text-decoration: none;
}
#contact dd.tenpu {
	font-size: 16px;
	font-size: 1.6rem;
	background: none no-repeat 0 0;
    padding-left: 0;
}
#contact dd.tenpu a:link {
	color: #0f8554;
	text-decoration: underline;
}
#contact dd.tenpu a:visited {
	color: #0f8554;
	text-decoration: underline;
}
#contact dd.tenpu a:hover {
	color: #0f8554;
	text-decoration: none;
}
.tenpu_icon {
	font-size: 18px;
	font-size: 1.8rem;
}
#contact img {
    padding: 0 15px 10px 0;
}
br.sponly {
    display: none;
} 
.msg {
	color: #dd0000;
}
#form {
    background: #f1f1f1;
    margin: 25px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
#form dl {
    display: flex;
	border-bottom: 1px dashed #bbb;
    padding: 17px 15px;
}
#form dl:last-child {
    display: flex;
	border-bottom: none;
    padding: 17px 15px;
}
#form dt {
    width: 200px;
}
#form dd {
    flex: 1;
    padding-right: 15px;
}
.form01 {
    width: 350px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #fff;
    padding: 0 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.form02 {
    width: 90%;
    height: 200px;
    background: #fff;
    border: 1px solid #fff;
    padding: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.btn {
    text-align: center;
    margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.send_btn {
    width: 120px;
    height: 30px;
    background: #0f8554;
    border: 1px solid #0f8554;
    color: #fff;
    margin-right: 15px;
}
.reset_btn {
    width: 120px;
    height: 30px;
    background: #fff;
    color: #0f8554;
    border: 1px solid #0f8554;
    margin-right: 15px;
}
#form_caution {
	font-size: 14px;
	font-size: 1.4rem;
}
.thanks {
    padding: 20px;
}

/* トピックス */
#sec_topics {
    margin-top: 40px;
}
/* Shore more styles */
.showmore_content {
    position: relative;
    overflow: hidden;
}
.showmore_trigger {
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
}
.showmore_trigger span {
    display: block;
}
#sec_topics li {
    padding: 15px 0;
	border-bottom: 1px dashed #888;
}
#sec_topics li:first-child {
    padding: 15px 0;
	border-bottom: 1px dashed #888;
	border-top: 1px dashed #888;
}
#sec_topics dl {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
}
#sec_topics dt {
	color: #777;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
    margin-left: auto;
    padding-top: 10px;
    letter-spacing: 0.1em;
}
#sec_topics dd {
	color: #777;
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 10px;
}
#sec_topics li a:link {
	color: #333;
	text-decoration: none;
}
#sec_topics li a:visited {
	color: #333;
	text-decoration: none;
}
#sec_topics li a:hover {
	color: #333;
	text-decoration: underline;
}
.topics_dtl {
    margin-top: 40px;
    line-height: 1.8;
}
.topics_dtl h1 {
	border-top: 1px dashed #888;
    padding-top: 20px;
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1.3;
    color: #0f8554;
    font-weight: bold;
}
.topics_day {
    color: #777;
    text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
    border-bottom: 1px dashed #888;
    padding: 10px 0 20px 0;
    letter-spacing: 0.1em;
}
.sec_topi_dtl {
    margin: 20px 0;
}
.sec_topi_dtl a:link {
	color: #0f8549;
	text-decoration: underline;
}
.sec_topi_dtl a:visited {
	color: #0f8549;
	text-decoration: underline;
}
.sec_topi_dtl a:hover {
	color: #0f8549;
	text-decoration: none;
}
.sec_ichiran {
	text-align: left;
	background: url("../images/common/ichiran_g.png") no-repeat left 30px;
	padding: 20px 0 0 95px;
	margin: 10px 0;
	font-size: 16px;
	font-size: 1.6rem;
	color: #0f8549;
	border-top: 1px dashed #888;
}
.sec_ichiran2 {
	text-align: left;
	background: url("../images/common/ichiran_g.png") no-repeat left 30px;
	padding: 20px 0 0 95px;
	margin: 30px 0;
	font-size: 16px;
	font-size: 1.6rem;
	color: #0f8549;
	border-top: 1px dashed #888;
}
.sec_ichiran a:link,.sec_ichiran2 a:link {
	color: #0f8549;
	text-decoration: none;
}
.sec_ichiran a:visited,.sec_ichiran2 a:visited {
	color: #0f8549;
	text-decoration: none;
}
.sec_ichiran a:hover,.sec_ichiran2 a:hover {
	color: #0f8549;
	text-decoration: none;
}
.sec_ichiran a,.sec_ichiran2 a {
    position: relative;
    display: inline-block;
    transition: .3s;
}
.sec_ichiran a::after,.sec_ichiran2 a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 2px;
    background-color: #0f8554;
    transition: .3s;
    transform: translateX(-50%);
}
.sec_ichiran a:hover::after,.sec_ichiran2 a:hover::after {
    width: 100%;
}
/* 角川春樹小説賞 */
#haruki_head {
	background: url("../images/common/haruki_back.png") no-repeat right top;
    background-size: cover;
    text-align: center;
    border-bottom: 1px solid #666;
}
#haruki_head h1 {
    text-align: center;
    padding: 15px 20px;
}
#haruki_head h1 img {
    margin: 0 auto;
}
#zenkai {
    padding: 20px;
    margin: 30px 0;
    text-align: left;
}
#zenkai h1 {
	border-bottom: 1px dashed #888;
    padding: 0 0 15px 45px;
}
#zenkai h2 {
	font-weight: normal;
    padding-top: 15px;
}
#zenkai h3 {
    padding: 15px 0;
}
#zenkai ul {
    padding: 15px 0;
}
#boshu h1 {
	border-bottom: 1px dashed #888;
	color: #0f8549;
	font-size: 22px;
	font-size: 2.2rem;
	padding: 0 0 15px 0;
}
#boshu dl {
    display: flex;
	border-bottom: 1px dashed #bbb;
    padding: 17px 0;
}
#boshu dt {
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 15px;
    width: 170px;
}
#boshu dd {
	flex: 1;
}
#boshu p {
	font-size: 14px;
	font-size: 1.4rem;
    color: #777;
    padding-top: 30px;
}
#kako {
    margin-top: 30px;
}
#kako h1 {
	color: #0f8549;
	background: url("../images/common/arrow_g.png") no-repeat left 7px;
	padding-left: 15px;
}
#kako ol {
    border: 1px solid #ccc;
    margin-top: 15px;
	font-size: 16px;
	font-size: 1.6rem;
}
#kako li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
#kako li:last-child {
    display: flex;
    align-items: center;
    border-bottom: none;
}
#kako li h2 {
    width: 180px;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
}
#kako li h3 {
    width: 40%;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
    background: #f3f3f3;
}
#kako li p {
    width: 20%;
    padding: 10px 10px 10px 10px;
}
#kako li span {
	font-size: 14px;
	font-size: 1.4rem;
}
#kako a:link {
	color: #0f8549;
	text-decoration: underline;
}
#kako a:visited {
	color: #0f8549;
	text-decoration: underline;
}
#kako a:hover {
	color: #0f8549;
	text-decoration: none;
}
/* --------------ribon-------------- */
.cp_card {
	position: relative;
	overflow: visible;
    background: #f3f3f3;
}
.cp_ribbon02 {
	width: 100px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.cp_ribbon02 .cp_ribbon {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	position: relative;
	top: 20px;
	left: -32px;
	width: 140px;
	padding: 4px 0;
	-webkit-transform: rotate(-40deg);
	        transform: rotate(-40deg);
	text-align: center;
	letter-spacing: 0.2em;
	color: #ffffff;
	background-color: #0f8554;
}
/* 映像化情報 */
#eizo_tab {
	font-size: 16px;
	font-size: 1.6rem;
    background: #f3f3f3;
    padding: 2px 20px 10px 20px;
}
#eizo_tab p {
    text-align: left;
    padding-bottom: 5px;
}
.tab_icon {
	border-bottom: 1px dashed #888;
    padding-bottom: 10px;
    line-height: 2.5;
}
.tab_space {
    padding: 0 30px 0 5px;
}
#miwo_kanban {
	background: url("../images/common/main_back2.png") no-repeat center top;
    margin: 40px 0 0 0;
    padding: 30px;
    display: flex;
}
#miwo_kanban_r {
    padding-left: 20px;
}
.eizo_list01 dt {
    padding: 10px 0;
	border-bottom: 1px dashed #888;
    font-weight: bold;
}
.eizo_list01 dd {
	font-size: 16px;
	font-size: 1.6rem;
    padding: 10px 0;
}
.red {
    color: #f1563b;
}
.eizo_list01 dd a:link {
	color: #333;
	text-decoration: underline;
}
.eizo_list01 dd a:visited {
	color: #333;
	text-decoration: underline;
}
.eizo_list01 dd a:hover {
	color: #333;
	text-decoration: none;
}
#eizo_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
#eizo_box li {
    width: 48.5%;
    margin-bottom: 20px;
}
#eizo_box figure {
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px;
}
#eizo_dtl_box {
    display: flex;
    margin: 40px 0 0 0;
}
#eizo_p {
    width: 40%;
    margin-right: 20px;
}
#eizo_dtl {
    width: 60%;
}
#eizo_dtl h1 {
    color: #0f8554;
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
#eizo_dtl h2 {
    font-weight: normal;
	border-top: 1px dashed #888;
	border-bottom: 1px dashed #888;
    padding: 10px 0;
}
#eizo_dtl figcaption {
    margin: 20px 0 0 0;
}
.iinkai {
	font-size: 14px;
	font-size: 1.4rem;
    padding-top: 30px;
}
.pick {
    background: #d0e10f;
}
.eizo_url {
	font-size: 14px;
	font-size: 1.4rem;
	background: url("../images/common/arrow.png") no-repeat left 14px;
	padding: 10px 0 0 13px;
}
.eizo_url a:link {
	color: #333;
	text-decoration: underline;
}
.eizo_url a:visited {
	color: #333;
	text-decoration: underline;
}
.eizo_url a:hover {
	color: #333;
	text-decoration: none;
}
/* 書籍情報 */
#book_head {
	background: url("../images/common/book_back.jpg") no-repeat right bottom;
    background-size: cover;
    border-bottom: 1px solid #666;
}
#youtube_slide {
    width: 650px;
    margin: 0 auto;
    padding-top: 20px;
}
.you {
    width: 550px;
    height: 309px;
    margin-bottom: -7px;
    border: 10px solid rgba(255,255,255,0.8);
}
.title_dtl {
	display: flex;
    justify-content: space-between;
    text-align: left;
}
#title p.booksearch {
	font-size: 18px;
	font-size: 1.8rem;
    color: #333;
    line-height: 30px;
}
#title p.booksearch a:link {
	color: #333;
	text-decoration: underline;
}
#title p.booksearch a:visited {
	color: #333;
	text-decoration: underline;
}
#title p.booksearch a:hover {
	color: #333;
	text-decoration: none;
}
.book_wrap {
    margin: 30px -12px 0 -12px;
    display: flex;
    flex-wrap: wrap;
}
.book_wrap li {
    width: 33.33%;
    text-align: center;
}
.book_wrap li figure {
    margin: 0 13px 20px 13px;
}
.book_wrap figure p {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
.book_list {
    text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
}
.book_list dt {
    font-weight: bold;
    padding-bottom: 5px;
}
.book_name {
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom: 1px dashed #888;
    padding-bottom: 10px;
}
.book_genre {
	font-size: 14px;
	font-size: 1.4rem;
    padding-top: 10px;
}
.book_shubetsu {
    display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
    border: 1px solid #ccc;
    padding: 0 7px;
    margin-left: 5px;
}
.zeikomi {
	font-size: 12px;
	font-size: 1.2rem;
    padding-right: 5px;
}
.book_wrap img {
	width: 140px;
    border: 1px solid #f1f1f1;
}
#book_dtl_box {
    display: flex;
    margin: 40px 0 0 0;
}
#book_p {
    width: 40%;
    margin-right: 20px;
    text-align: center;
}
#book_p p {
    border: 1px solid #ccc;
    padding: 20px;
}
#book_p p img {
    border: 1px solid #f1f1f1;
}
#book_dtl {
    width: 60%;
}
#book_dtl h1 {
    color: #0f8554;
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1.5;
}
#book_dtl h1 img {
    margin: -15px 0 0 -35px;
}
#book_dtl h2 {
	border-bottom: 1px dashed #888;
    padding-bottom: 10px;
}
.book_shubetsu_dtl {
    display: inline-block;
    border: 1px solid #ccc;
    line-height: 1;
    padding: 0 7px;
    margin-top: 15px;
}
.book_price {
    padding-bottom: 10px;
}
.book_price2 {
	border-bottom: 1px dashed #888;
    padding-bottom: 10px;
}
.book_day {
	border-bottom: 1px dashed #888;
    padding: 10px 0;
}
.dtl_cart {
    text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
    margin-top: 10px;
}
.dtl_cart ul {
    display: table;
    width: 100%;
    border: 1px solid #e5e5e5;
}
.dtl_cart li {
    display: table-cell;
    vertical-align: middle;
    margin-right: 15px;
    text-align: center;
    margin: 0 auto;
    border-right: 1px solid #e5e5e5;
}
.dtl_cart li:last-child {
    display: table-cell;
    vertical-align: middle;
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
    border-right: none;
}
.dtl_cart a {
    display: inline-block;
    width: 100%;
    height: 100%;
	transition: 0.6s;
}
.dtl_cart a:hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #d0e10f;
}
.day {
    letter-spacing: 0.08em;
}
.selectbox {
    margin-top: 15px;
}
.monthform {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.ido {
    width: 100px;
    height: 30px;
    background: #0f8554;
    border: 1px solid #0f8554;
    color: #fff;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.shinagire {
	font-size: 18px;
	font-size: 1.8rem;
    text-align: left;
    color: #f1563b;
}
.tokushuform {
    width: 400px;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.tokushu_title {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow_g.png") no-repeat 0 24px;
    padding: 17px 15px;
    margin-top: 40px;
    color: #0f8554;
}
/* 書籍検索 */
#form_search {
    margin: 40px 0 25px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
#form_search dl {
    display: flex;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
}
#form_search dl:first-child {
    display: flex;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
}
#form_search dt {
    width: 150px;
}
#form_search dd {
    flex: 1;
    padding-right: 15px;
}
.form01_search {
    width: 280px;
    height: 30px;
    border-radius: 20px;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    padding: 0 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.form02_search {
    width: 80%;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.monthform02 {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    margin-right: 10px;
}
.monthform03 {
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    margin-right: 10px;
}
.monthform04 {
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
br.scl {
    display: none;
}
br.scl2 {
    display: none;
}
.small {
    font-size: 14px;
    font-size: 1.4rem;
}
.nobook {
    color: #f1563b;
}
.count {
	border-top: 1px dashed #bbb;
    padding: 20px 0;
}
/* webランティエ */
#online_head {
	background: url("../images/common/online_back.jpg") no-repeat right top;
    background-size: cover;
}
#online_head h1 {
    padding: 70px 20px;
}
#online_tab {
	font-size: 16px;
	font-size: 1.6rem;
    background: #f3f3f3;
    padding: 10px 20px;
}
#online_tab p {
    text-align: left;
}
.online_small {
	font-size: 18px;
	font-size: 1.8rem;
}
.online_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px;
}
.online_l,.online_r {
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc((100% / 2) - (30px * 1 / 2));
    background: #f1f1f1;
}
.online_l:nth-child(2n),.online_r:nth-child(2n) {
  margin-right: 0;
}
.ota_card {
	position: relative;
	overflow: visible;
	background: url("../images/online/ota.png") no-repeat right top #f1f1f1;
    text-align: left;
}
.yoshida_card {
	position: relative;
	overflow: visible;
	background: url("../images/online/yoshida.png") no-repeat right top #f1f1f1;
    text-align: left;
}
.work {
    padding: 30px;
}
.work h1 {
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1;
    color: #0f8554;
    margin-left: 28px;
}
.work h1 a:link {
	color: #0f8549;
	text-decoration: none;
}
.work h1 a:visited {
	color: #0f8549;
	text-decoration: none;
}
.work h1 a:hover {
	color: #0f8549;
	text-decoration: underline;
}
.work h2 {
	font-size: 16px;
	font-size: 1.6rem;
    color: #0f8554;
    margin-left: 15px;
}
.work h3 {
	border-bottom: 1px dashed #aaa;
    padding: 15px 0 15px 13px;
	background: url("../images/common/arrow.png") no-repeat 0 22px;
}
.online_sammary {
	font-size: 16px;
	font-size: 1.6rem;
    padding: 15px 0;
}
.work figure {
    position: relative;
    text-align: center;
}
.work figure figcaption {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
}
.work figure span {
	font-size: 14px;
	font-size: 1.4rem;
}
.work h4 {
    padding: 15px 0;
    line-height: 1.2;
}
.online_update {
	font-size: 14px;
	font-size: 1.4rem;
    letter-spacing: 0.08em;
	border-top: 1px dashed #aaa;
    padding: 15px 0;
}
.online_update strong {
    background: #d0e10f;
    padding: 0 5px;
}
.online_back {
    text-align: center;
}
.online_back a {
	font-size: 16px;
	font-size: 1.6rem;
    line-height: 25px;
    display: inline-block;
    padding: 2px;
    background: #0f8554;
    color: #fff;
    border-radius: 15px;
    width: 300px;
    height: 25px;
	transition: 0.6s;
}
.online_back a:link {
	color: #fff;
	text-decoration: none;
}
.online_back a:visited {
	color: #fff;
	text-decoration: none;
}
.online_back a:hover {
	color: #333;
	text-decoration: none;
    background: #d0e10f;
}
.pdf_caution dt {
    padding: 0 0 15px 13px;
	background: url("../images/common/arrow.png") no-repeat 0 7px;
    font-weight: bold;
}
.pdf_caution dd {
	font-size: 16px;
	font-size: 1.6rem;
}
.acrobat {
	font-size: 16px;
	font-size: 1.6rem;
    display: flex;
    align-items: center;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
    margin: 20px 0;
}
.get_acrobat {
    padding-right: 20px;
}
.acrobat a:link {
	color: #333;
	text-decoration: underline;
}
.acrobat a:visited {
	color: #333;
	text-decoration: underline;
}
.acrobat a:hover {
	color: #333;
	text-decoration: none;
}
.sakka_prof {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
    margin: 40px 0 0 0;
    display: flex;
}
.sakka_prof_l {
    width: 160px;
}
.sakka_prof_r {
    flex: 1;
	background: url("../images/online/pen_g.png") no-repeat 0 0;
}
.sakka_prof_r a:link {
	color: #333;
	text-decoration: underline;
}
.sakka_prof_r a:visited {
	color: #333;
	text-decoration: underline;
}
.sakka_prof_r a:hover {
	color: #333;
	text-decoration: none;
}
.sakka_prof h1 {
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1;
    color: #0f8554;
    padding-left: 50px;
}
.sakka_prof h2 {
	font-size: 16px;
	font-size: 1.6rem;
    color: #0f8554;
    padding: 0 0 15px 40px;
}
.work_list {
    margin: 25px 0;
}
.work_list h1 {
    color: #0f8554;
	background: url("../images/common/arrow_g.png") no-repeat 0 7px;
    padding-left: 13px;
}
.work_list h2 {
    color: #0f8554;
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: normal;
    padding: 10px 0 0 0;
}
.work_bar {
    padding: 5px 5px 5px 15px;
    margin-top: 25px;
    background: #f3f3f3;
}
.work_day {
    text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
    padding: 10px 0 0 0;
}
.work_day p {
    display: inline-block;
	background: url("../images/common/arrow.png") no-repeat 0 4px;
    padding-left: 15px;
    letter-spacing: 0.08em;
}
.new {
    background: #d0e10f;
    line-height: 1;
    padding: 0 5px;
}
.work_update {
    border-left: 1px solid #999;
    padding-left: 10px;
    margin-left: 10px;
}
.arc h1 {
    color: #0f8554;
    margin-top: 30px;
	background: url("../images/common/arrow_g.png") no-repeat 0 7px;
    padding-left: 10px;
}
.arc ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 25px;
}
.arc li {
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc((100% / 2) - (30px * 1 / 2));
    background: #f1f1f1;
}
.arc li:nth-child(2n) {
  margin-right: 0;
}
.arc_card {
	position: relative;
	overflow: visible;
	background: #f1f1f1;
}
.arc_ribbon02 {
	width: 100px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.arc_ribbon02 .arc_ribbon {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	position: relative;
	top: 20px;
	left: -32px;
	width: 140px;
	padding: 4px 0;
	-webkit-transform: rotate(-40deg);
	        transform: rotate(-40deg);
	text-align: center;
	background-color: #d0e10f;
    color: #000;
}
.arc_list {
    padding: 30px;
}
.arc_list h1 {
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1;
    color: #0f8554;
    margin: 0 0 10px 0;
    padding-left: 30px;
}
.arc_list h1 a:link {
	color: #0f8549;
	text-decoration: none;
}
.arc_list h1 a:visited {
	color: #0f8549;
	text-decoration: none;
}
.arc_list h1 a:hover {
	color: #0f8549;
	text-decoration: underline;
}
.arc_list h2 {
	font-size: 16px;
	font-size: 1.6rem;
    padding: 0 0 20px 30px;
	border-bottom: 1px dashed #aaa;
}
.arc_list figure {
    text-align: center;
    margin-bottom: 20px;
}


/* 広告主・代理店様向け */
.acrobat2 {
	font-size: 16px;
	font-size: 1.6rem;
    display: flex;
    align-items: center;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
    margin: 40px 0 20px 0;
}
.acrobat2 a:link {
	color: #333;
	text-decoration: underline;
}
.acrobat2 a:visited {
	color: #333;
	text-decoration: underline;
}
.acrobat2 a:hover {
	color: #333;
	text-decoration: none;
}
.phase07 {
	border-bottom: 1px dashed #bbb;
    padding-bottom: 20px;
}
#ad_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px;
}
#ad_l,#ad_r {
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc((100% / 2) - (30px * 1 / 2));
    background: #f1f1f1;
}
#ad_l:nth-child(2n),#ad_r:nth-child(2n) {
  margin-right: 0;
}
#ad_wrap h1 {
	background: url("../images/common/arrow.png") no-repeat 20px 20px;
    padding: 13px 0 0 34px;
}
#ad_wrap figure {
    text-align: center;
    padding: 20px;
}
#ad_wrap h2 {
    text-align: center;
    font-weight: normal;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px;
}
#ad_wrap ul {
    text-align: center;
    padding: 30px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
#ad_wrap li:last-child {
    margin-top: 10px;
}
#ad_wrap li.no_baitai span {
    display: inline-block;
    width: 80%;
    background: #0f8554;
    border-radius: 17px;
    color: #fff;
    padding: 2px 10px;
}
#ad_wrap li.bijina_last {
    margin-top: 25px;
}
#ad_wrap li a {
    display: inline-block;
    width: 80%;
    background: #0f8554;
    border-radius: 17px;
    color: #fff;
    padding: 2px 10px;
	transition: 0.6s;
}
#ad_wrap a:link {
	color: #fff;
	text-decoration: none;
}
#ad_wrap a:visited {
	color: #fff;
	text-decoration: none;
}
#ad_wrap a:hover {
	color: #333;
	text-decoration: none;
    background: #d0e10f;
}
.junbi {
	font-size: 14px;
	font-size: 1.4rem;
    color: #777;
}
/* 書店様向け */
.phase08 {
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
    margin-bottom: 20px;
}
#chumon_btn {
    text-align: center;
    margin: 0 0 50px 0;
}
#chumon_btn p a {
	font-size: 16px;
	font-size: 1.6rem;
    display: inline-block;
    width: 300px;
    background: #0f8554;
    border-radius: 17px;
    color: #fff;
    padding: 2px 10px;
	transition: 0.6s;
}
#chumon_btn p a:link {
	color: #fff;
	text-decoration: none;
}
#chumon_btn p a:visited {
	color: #fff;
	text-decoration: none;
}
#chumon_btn p a:hover {
	color: #333;
	text-decoration: none;
    background: #d0e10f;
}
#down_btn {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;;
}
#down_btn li {
	color: #0f8554;
    text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
    line-height: 80px;
    background: #cfe7dd;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 25px;
}
#down_btn li:last-child {
    margin-right: 0;
}
#down_btn a {
	color: #0f8554;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #cfe7dd;
	transition: 0.6s;
}
#down_btn p a:link {
	color: #0f8554;
	text-decoration: none;
}
#down_btn p a:visited {
	color: #333;
	text-decoration: none;
}
#down_btn a:hover {
	color: #333;
	text-decoration: none;
    background: #d0e10f;
}
.bunko_pop {
	color: #0f8554;
    margin-top: 0;
    border-bottom: 1px solid #0f8554;
	background: url("../images/common/arrow_g.png") no-repeat 0 20px;
    padding: 13px 0 10px 13px;
}
.book_wrap img.popimg {
	width: 90px;
    border: 1px solid #f1f1f1;
}


/* ------------------------------------------ */
/* 横スクロール調整用のスタイル記述
/* ------------------------------------------ */
@media screen and (max-width: 1080px) {

/* 会社案内 */
.sec_company dt {
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 10px;
    width: 120px;
}
.sec_company2 dt {
	background: url("../images/common/arrow.png") no-repeat left 7px;
	padding-left: 10px;
    width: 120px;
}
.ggmap {
    position: relative;
    padding-bottom: 40%;/*縦横比*/
    height: 0;
    overflow: hidden;
}
.ggmap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
/* webランティエ */
.online_wrap {
    display: block;
}
.online_l,.online_r {
    width: 100%;
}
.arc ul {
    display: block;
    margin-top: 25px;
}
.arc li {
    margin-right: 30px;
    margin-bottom: 30px;
    width: 100%;
}
/* 広告主・代理店様向け */
#ad_wrap {
    display: block;
    margin-top: 30px;
}
#ad_l,#ad_r {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
    background: #f1f1f1;
}






}





/* ------------------------------------------ */
/* 横スクロール調整用のスタイル記述
/* ------------------------------------------ */
@media screen and (max-width: 920px) {

/* 角川春樹小説賞 */
#kako li h2 {
    width: 130px;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
}
#kako ol {
    border: 1px solid #ccc;
    margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
/* 書籍検索 */
br.scl {
    display: inline;
}
br.scl2 {
    display: inline;
}
.form02_search {
    width: 100%;
}







}






/* ------------------------------------------ */
/* タブレット用のスタイル記述
/* ------------------------------------------ */
@media screen and (max-width: 768px) {

/* 会社案内 */
.ggmap {
    position: relative;
    padding-bottom: 40%;/*縦横比*/
    height: 0;
    overflow: hidden;
}
/* 書籍検索 */
br.scl {
    display: none;
}
br.scl2 {
    display: none;
}
/* 角川春樹小説賞 */
#haruki_head h1 {
    padding: 15px;
}

/* 書籍情報 */
#youtube_slide {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}






}







/* ------------------------------------------ */
/* スマートフォン用のスタイル記述
/* ------------------------------------------ */
@media screen and (max-width: 620px) {

/* 会社案内 */
.sec_company:first-child {
    display: flex;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 17px 0;
    margin-top: 30px;
}
.sec_company dt {
	background: url("../images/common/arrow.png") no-repeat 15px 5px;
	padding-left: 30px;
    width: 120px;
}
.sec_company2 dt {
	background: url("../images/common/arrow.png") no-repeat 15px 5px;
	padding-left: 30px;
    width: 120px;
}
.sec_company dd {
	padding-right: 15px;
}
.sec_company2 dd {
	padding-right: 15px;
}
#map {
	border-bottom: 1px dashed #bbb;
    padding-bottom: 15px;
}
.phase01 {
    margin: 30px 15px 0 15px;
}
.phase02 {
    margin: 15px 15px 0 15px;
}
.phase03 {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 15px 22px;
    padding: 17px 30px;
    margin-top: 30px;
}
.phase04 {
    margin: 15px 15px 40px 15px;
}
.phase05 {
    margin: 40px 0px;
}
.phase06 {
    margin: 15px 15px 0 15px;
    line-height: 1.6;
}
/* プライバシーポリシー */
#pri li {
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 15px 25px;
    padding: 20px 15px 20px 30px;
}
#pri li:first-child {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow.png") no-repeat 15px 25px;
    padding: 20px 15px 20px 30px;
    margin-top: 30px;
}
/* サイトマップ */
#sitemap {
    margin-top: 15px;
    display: block;
}
#sitemap article {
    width: 100%;
}
#sitemap li {
    margin: 0 0 25px 0;
}
#sitemap dt,.sitemap_list {
    margin-bottom: 15px;
    padding: 0 15px 5px 15px;
}
#sitemap dd {
	line-height: 1.7;
	background: url("../images/common/arrow.png") no-repeat 0 7px;
    margin-left: 15px;
}
/* お問い合わせ */
#contact {
    margin: 15px 0 0 0;
}
#contact li {
    margin: 0 0 30px 0;
}
#contact dt {
	border-bottom: 1px dashed #bbb;
    padding: 0 15px 10px 15px;
    margin-bottom: 20px;
    font-weight: bold;
}
#contact dd {
	line-height: 2;
	background: url("../images/common/arrow.png") no-repeat 15px 8px;
    padding-left: 28px;
}
#contact dd.contact_list {
	line-height: 2;
	background: none no-repeat 0 0;
    padding-left: 15px;
}
#contact dd.tenpu {
	font-size: 14px;
	font-size: 1.4rem;
	background: none no-repeat 0 0;
    padding-left: 15px;
}
br.sponly {
    display: inline;
}
#form dl {
    display: block;
	border-bottom: 1px dashed #bbb;
    padding: 17px 15px;
}
#form dl:last-child {
    display: block;
	border-bottom: none;
    padding: 17px 15px;
}
#form dt {
    width: 100%;
}
#form dd {
    flex: none;
    padding-right: 15px;
}
.form01 {
    width: 95%;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #fff;
    padding: 0 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.form02 {
    width: 95%;
    height: 150px;
    background: #fff;
    border: 1px solid #fff;
    padding: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
#form_caution {
	font-size: 14px;
	font-size: 1.4rem;
    margin: 0 15px;
}
/* トピックス */
#sec_topics {
    margin-top: 30px;
}
#sec_topics dt {
	color: #777;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
    margin-left: auto;
    padding-top: 5px;
}
#sec_topics dl {
    padding: 0 15px;
}
.topics_dtl {
    margin-top: 30px;
    line-height: 1.5;
}
.topics_dtl h1 {
	border-top: 1px dashed #888;
    padding: 15px 15px 0 15px;
	font-size: 18px;
	font-size: 1.8rem;
    line-height: 1.3;
    color: #0f8554;
    font-weight: bold;
}
.topics_day {
    color: #777;
    text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
    border-bottom: 1px dashed #888;
    padding: 10px 15px 15px 15px;
}
.sec_topi_dtl {
    margin: 20px 15px;
}
/* 角川春樹小説賞 */
#boshu h1 {
	border-bottom: 1px dashed #888;
	color: #0f8549;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 15px 15px 15px;
}
#boshu dt {
	background: url("../images/common/arrow.png") no-repeat 15px 7px;
	padding: 0 0 0 28px;
    width: 100px;
}
#boshu dd {
	flex: 1;
    padding-right: 5px;
}
#boshu p {
	font-size: 14px;
	font-size: 1.4rem;
    color: #777;
    padding: 20px 15px 0 15px;
}
#kako h1 {
	color: #0f8549;
	background: url("../images/common/arrow_g.png") no-repeat 15px 7px;
	padding-left: 28px;
}
#kako ol {
    border: none;
    margin-top: 15px;
}
#kako li:first-child {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
#kako li:last-child {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
#kako li h2 {
    width: 120px;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
}
#kako li h3 {
    width: 45%;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
    background: #f1f1f1;
}
/* --------------ribon-------------- */
.cp_card {
	position: relative;
	overflow: visible;
    background: #eee;
    margin: 0 15px;
}
/* 映像化情報 */
#eizo_tab {
	font-size: 14px;
	font-size: 1.4rem;
    background: #f3f3f3;
    padding: 0 10px 8px 15px;
}
.tab_icon {
	border-bottom: 1px dashed #888;
    padding-bottom: 10px;
    line-height: 2.8;
}
.tab_space {
    padding: 0 30px 0 5px;
}
#miwo_kanban {
	background: url("../images/common/main_back2.png") no-repeat center top;
    border: none;
    margin: 25px 0 0 0;
    padding: 15px;
    display: block;
    text-align: center;
}
#miwo_kanban img {
    width: 70%;
}
#miwo_kanban_r {
    padding: 15px 0 0 0;
}
.eizo_list01 dt {
    padding: 10px 0;
	border-bottom: 1px dashed #888;
    font-weight: bold;
}
.eizo_list01 dt p {
    margin: 0 15px;
}
.eizo_list01 dd {
	font-size: 16px;
	font-size: 1.6rem;
    padding: 10px 0;
    margin: 0 15px;
}
#eizo_box {
    display: block;
    margin-top: 20px;
}
#eizo_box li {
    width: 100%;
    margin-bottom: 20px;
}
#eizo_box figure {
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px;
    margin: 0 15px;
}
#eizo_box figure img {
    width: 70%;
}
.book_genre {
	font-size: 12px;
	font-size: 1.2rem;
    padding: 10px 0 0 0;
}
#eizo_dtl_box {
    display: block;
    margin: 20px 0 0 0;
}
#eizo_p {
    width: 100%;
    margin-right: 0;
    text-align: center;
}
#eizo_dtl {
    width: 100%;
}
#eizo_dtl h1 {
    color: #0f8554;
	font-size: 18px;
	font-size: 1.8rem;
    line-height: 1.5;
    margin: 15px 10px;
}
#eizo_dtl h2 {
	font-size: 14px;
	font-size: 1.4rem;
    font-weight: normal;
	border-top: 1px dashed #888;
	border-bottom: 1px dashed #888;
    padding: 10px 15px;
}
#eizo_dtl figcaption {
    margin: 20px 15px 0 15px;
}
.iinkai {
	font-size: 14px;
	font-size: 1.4rem;
    padding-top: 30px;
    margin: 0 15px;
}
.eizo_url {
	font-size: 12px;
	font-size: 1.2rem;
	background: url("../images/common/arrow.png") no-repeat left 14px;
	padding: 10px 0 0 13px;
    margin: 0 15px;
}
/* 書籍情報 */
#book_head {
	background: #fff;
}
#youtube_slide {
    padding-top: 0;
}
.you_wrap {
    position: relative;
    padding-bottom: 56.25%;
    border: none;
}
.you {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    margin-bottom: 0;
    border: none;
}
#title p.booksearch {
	font-size: 14px;
	font-size: 1.4rem;
    color: #333;
    line-height: 30px;
}
.book_wrap {
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.book_wrap li {
    width: 50%;
    text-align: center;
}
.book_wrap li figure {
    margin: 0 15px 20px 15px;
}
.book_wrap figure p {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
#book_dtl_box {
    display: block;
    margin: 30px 0 0 0;
}
#book_p {
    width: 100%;
    margin-right: 0;
    text-align: center;
}
#book_p p {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0 15px;
}
#book_dtl {
    width: 100%;
}
#book_dtl h1 {
    color: #0f8554;
	font-size: 18px;
	font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 15px;
}
#book_dtl h1 img {
    margin: -5px 0 0 15px;
}
#book_dtl h2 {
	border-bottom: 1px dashed #888;
    padding: 0 15px 10px 15px;
}
.book_shubetsu_dtl {
    display: inline-block;
    border: 1px solid #ccc;
    line-height: 1;
    padding: 0 7px;
    margin: 15px 15px 0 15px;
}
.book_price {
    padding: 0 0 10px 0;
}
.book_price2 {
	border-bottom: 1px dashed #888;
    padding: 0 15px 10px 15px;
}
.book_day {
	border-bottom: 1px dashed #888;
    padding: 10px 15px;
}
.dtl_cart {
    text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
    margin: 10px 0 0 0;
    padding: 0 15px;
}
.dtl_cart li img {
    padding-bottom: 3px;
}
.selectbox {
    margin: 15px 15px 0 15px;
}
.shinagire {
	font-size: 16px;
	font-size: 1.6rem;
    text-align: left;
}
.tokushuform {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.tokushu_title {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	background: url("../images/common/arrow_g.png") no-repeat 15px 23px;
    padding: 17px 30px;
    margin-top: 30px;
    color: #0f8554;
}
.monthform {
    width: 90px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.ido {
    width: 90px;
    height: 30px;
    background: #0f8554;
    border: 1px solid #0f8554;
    color: #fff;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
/* 書籍検索 */
#form_search {
    margin: 30px 0 25px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
#form_search dl {
    display: block;
	border-bottom: 1px dashed #bbb;
    padding: 10px 15px;
}
#form_search dl:first-child {
    display: block;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 10px 15px;
}
#form_search dt {
    width: 100%;
}
#form_search dd {
    flex: none;
    padding-right: 0;
    text-align: right;
}
.form01_search {
    width: 93%;
    height: 30px;
    border-radius: 20px;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    padding: 0 15px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
br.scl {
    display: inline;
}
br.scl2 {
    display: none;
}
.nobook {
    color: #f1563b;
    margin: 0 15px;
}
.count {
	border-top: 1px dashed #bbb;
    padding: 20px 15px;
}
/* webランティエ */
#online_head {
	background: url("../images/common/online_back.jpg") no-repeat center top;
    background-size: cover;
}
#online_head h1 {
    padding: 60px 5px;
}
#online_tab {
	font-size: 14px;
	font-size: 1.4rem;
    background: #f3f3f3;
    padding: 7px 15px;
}
.online_wrap {
    display: block;
    margin: 30px 15px 0 15px;
}
.work {
    padding: 20px;
}
.work h1 {
	font-size: 18px;
	font-size: 1.8rem;
    margin-left: 45px;
}
.work h2 {
	font-size: 14px;
	font-size: 1.4rem;
    margin-left: 30px;
}
.work h3 {
	font-size: 16px;
	font-size: 1.6rem;
}
.pdf_caution {
    margin: 0 15px;
}
.pdf_caution dd{
	font-size: 14px;
	font-size: 1.4rem;
}
.acrobat {
	font-size: 14px;
	font-size: 1.4rem;
    margin: 20px 15px;
}
.sakka_prof {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 0;
    margin: 30px 0 0 0;
    display: block;
}
.sakka_prof_l {
    width: 100%;
    text-align: center;
}
.sakka_prof_r {
    flex: none;
	background: url("../images/online/pen_g.png") no-repeat 15px 0;
}
.sakka_prof h1 {
	font-size: 22px;
	font-size: 2.2rem;
    line-height: 1;
    color: #0f8554;
    padding-left: 65px;
}
.sakka_prof h2 {
	font-size: 16px;
	font-size: 1.6rem;
    color: #0f8554;
    padding: 0 0 15px 50px;
}
.sakka_prof figcaption {
    margin: 0 15px;
}
.work_list h1 {
    color: #0f8554;
	background: url("../images/common/arrow_g.png") no-repeat 0 7px;
    padding-left: 10px;
    margin: 0 15px;
}
.work_list h2 {
    color: #0f8554;
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: normal;
    padding: 10px 15px 0 15px;
}
.work_day {
    text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
    padding: 10px 15px 0 0;
}
.online_small {
	font-size: 14px;
	font-size: 1.4rem;
}
.arc{
    margin: 0 15px;
}
.arc_list h1 {
	font-size: 18px;
	font-size: 1.8rem;
}
/* 広告主・代理店様向け */
.acrobat2 {
	font-size: 14px;
	font-size: 1.4rem;
    display: flex;
    align-items: center;
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
    padding: 20px 15px;
    margin: 30px 0 20px 0;
}
.phase07 {
	border-bottom: 1px dashed #bbb;
    padding: 0 15px 20px 15px;
}
#ad_wrap {
    display: block;
    margin: 30px 15px 0 15px;
}
/* 書店様向け */
.phase08 {
	border-bottom: 1px dashed #bbb;
    padding: 20px 15px;
    margin-bottom: 20px;
}
#chumon_btn {
    text-align: center;
    margin: 0 0 30px 0;
}
.bunko_pop {
	color: #0f8554;
    margin-top: 0;
    border-bottom: 1px solid #0f8554;
	background: url("../images/common/arrow_g.png") no-repeat 15px 20px;
    padding: 13px 0 10px 27px;
}







}