@charset "utf-8";
/*
 * /css/p_books.css
 * Version: 1.0.0
 * Copyright (c) 2018 Kenshokai All Rights Reserved.
 */

.buy_button{
	display: block;
	width: 200px;
	height:50px;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	background:  #524e4b;
	color: #fff;
	border-radius: 32px;
	transition: 0.3s all;
	will-change: contents;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 30px;
	border:1px solid #524e4b;
}

a{
	color: #fff;
	text-decoration: none;
}

.buy_button:hover{
	position: relative;
	margin-top: 30px;
	background: #fff;
	color: #524e4b;
	border:1px solid #524e4b;
}

.clear{
	clear: both;
}

.product{
	width: 800px;
	margin: 0 auto;
	margin-top:70px; 
}
.product_right{
	width: 465px;
	float: right;
}

.product_left{
	width: 465px;
	float: left;
}

.img_right{
	float: right;
}

.img_right img{
	width: 250px;
}

.img_left{
	float: left;
}

.img_left img{
	width: 250px;
}

.title{
	font-size: 1.5em;
	font-weight: 500;
	color: #000;
	font-family: 'dnp-shuei-4go-st','Yu Mincho','ＭＳ Ｐ明朝', 'MS PMincho','serif';	
	line-height: 1.6em;
}

.author{
	font-size: 1.1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1.6em;
}

.price{
	font-size: 1.1em;
	color: #000;
	font-family: 'dnp-shuei-4go-st','Yu Mincho','ＭＳ Ｐ明朝', 'MS PMincho','serif';
	line-height: 2em;
	font-weight: 500;
}

.isbn{
	font-size: 1.1em;
	color: #000;
	font-family: 'dnp-shuei-4go-st','Yu Mincho','ＭＳ Ｐ明朝', 'MS PMincho','serif';
	line-height: 2em;
}

.desc_book{
	margin-top: 10px;
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1.6em;	
}

.desc_index{
	margin-top: 10px;
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1.6em;	
}

.info{
	width: 530px;
	margin: 0 auto;
	margin-top: 30px;
}

.info_tel{
	margin-top: 10px;
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1em;	
	text-align: center;
	margin-bottom: 30px;
}

.info_title{
	color: #000;
	margin-top: 70px;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	font-size: 2em;
	font-weight: 600;
	font-family: 'dnp-shuei-4go-st','Yu Mincho','ＭＳ Ｐ明朝', 'MS PMincho','serif';
	margin-bottom: 70px;

}

.info_button_tel{
	float: left;
	width: 220px;
	height:50px;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	background: #fff;
	color: #524e4b;
	border:1px solid #524e4b;
	border-radius: 10px;
	transition: 0.3s;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 10px;
}

.info_button_tel:hover{
	background: #524e4b;
	color: #fff;
}

.info_button_mail{
	float: right;
	width: 250px;
	height:50px;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	background: #fff;
	color: #524e4b;
	border:1px solid #524e4b;
	border-radius: 10px;
	transition: 0.3s;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 10px;
}

.info_button_mail:hover{
	background: #524e4b;
	color: #fff;
}

.info_add{
	margin-top: 10px;
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1em;	
	text-align: center;
}

.add{
	width: 350px;
	margin: 0 auto;
	margin-top: 30px;
}

.logo{
	width: 350px;
	margin: 0 auto;
	text-align: center;
}

@media all and (max-width: 768px) ,print{
.product{
	width: 90%;
	margin: 0 auto;
	margin-top:50px; 
}
.product_right{
	width: 90%;
	float: none;
	display: block;
	margin:0 auto;
}

.product_left{
	width: 90%;
	float: none;
	display: block;
	margin:0 auto;
}

.info{
	width: 90%;
	float: none;
	display: block;	

}

.img_right{
	width: 250px;
	margin: 0 auto;
	float: none;
	display: block;
}

.img_right img{
	width: 250px;
	margin:0 auto;
}

.img_left{
	width: 250px;
	margin: 0 auto;
	float: none;
	display: block;
}

.img_left img{
	width: 250px;
	margin:0 auto;
}

.bg_about {
  background:#12335a;
}

.header {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 100px;
  line-height: 100px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
}
.header h1 {
  width: 14em;
  margin: 0 auto;
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  /* font-family: @cothic; */
  font-family:"dnp-shuei-4go-std","Yu Mincho", "YuMincho",'ＭＳ Ｐ明朝', 'MS PMincho','serif';
  text-shadow:0px 0px 6px #000000;
  font-weight: 500;
}
.header_bg {
  position: relative;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background-position: center center;
  background-size: cover;
  z-index: 0;
}

.title{
	margin-top: 30px;
	font-size: 1.2em;
	font-weight: 500;
	color: #000;
	font-family:"dnp-shuei-4go-std","Yu Mincho", "YuMincho",'ＭＳ Ｐ明朝', 'MS PMincho','serif';	
	line-height: 1.6em;
}

.author{
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1.6em;
}

.price{
	font-size: 1em;
	color: #000;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	line-height: 1.6em;
}

.desc_book{
	margin-top: 10px;
	font-size: 1em;
	font-family: "tbchibirgothicplusk-pro",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ;
	color: #524e4b;
	line-height: 1.6em;	
}

.isbn{
	font-size: 1em;
	color: #000;
	font-family: 'dnp-shuei-4go-st','Yu Mincho','ＭＳ Ｐ明朝', 'MS PMincho','serif';
	line-height: 1.6em;
}

.info_title{
	color: #000;
	margin-top: 60px;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	font-size: 1.1em;
	font-weight: 500;
	font-family:"dnp-shuei-4go-std","Yu Mincho", "YuMincho",'ＭＳ Ｐ明朝', 'MS PMincho','serif';
	margin-bottom: 20px;

}


.info_title::after {
    content: '';
    position: relative;
    display: block;
    margin-top: 10px;
    width: 60px;
    text-align: center;
    height: 1px;
    left:50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #524e4b;
} 

	}