@charset "UTF-8";
/*corporate color ＝ #B2243C*/

img, object, embed, video {	max-width: 100%;}
ul, li, div, p {margin:0; padding:0;}


/*============== LAYOUT ===============*/

.wrapper { width:100%; margin:0; padding:0; background-color:#FFF;}

.col_l70, col_l65, .col_l60, .col_l50, .col_l40, col_l35, coll_30, colr_70, col_r65, col_r60, col_r50,col_r40, col_r35, col_r30 { width:96%; float:none; margin:0 2%; padding:0;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.indent {text-indent:1em;}

section { display:block; margin:0 0 50px 0; width:100%; clear:both;}

h1{;}
h2, h3, h4, h5 { display:block; clear:both; width:100%; float:none; text-align:center; padding-bottom:4px;}
h2{ max-width:380px; max-height:50px; font-size: 1.2em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}
h2 img{ max-height:50px; float:left; width:100%;}
h3{ font-size: 1.8em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:30px 0; border-bottom:#999 dotted 1px;}
h4{ font-size: 1.5em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:20px 0;}
h5{ font-size: 1.2em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:10px 0;}

.pagetop { display:block; width:100%; max-width:1000px; margin:0 auto;}
.pagetop a{ display: block; clear: both; float: none; padding: 0.2em; position: fixed; bottom: 20px; right: 20px; background-color: #999; border-radius: 8px; width: 40px; height: 40px; text-align: center; text-decoration: none; color: #FFF; font-size: 1.5em; opacity: 0.6;}


	
/*------ pankuzu ------*/
.p-navi { display: block; width: 90%; text-align: left; font-size:1em; text-decoration:none;}
.p-navi ul { margin: 0 0 30px 0; list-style: none inside;}
.p-navi ul li {	display: block; padding: 0 0 0 0.3em; float: left;}
.p-navi ul li:before { content:"　>　";}
.p-navi ul li.homebtn:before { content:"";}

section#header{margin-bottom:20px;}

/*------ table ------*/
table.def_t tr { border-bottom:1px #FFF solid;}
table.def_t th { background-color: #E3DEDE; padding: 0.5em 0; text-align: center; font-weight: bold; border-right:1px #FFF solid;}
table.def_t td { background-color: #EEE; padding: 0.5em 0 0.5em 1em; text-align: left;}


@media only screen and (min-width: 426px) {


}
@media print, only screen and (min-width: 769px) {

section { display:block; margin:0 0 100px 0; width:100%; clear:both;}

.wrapper { width:100%; max-width:1000px; margin:0 auto; padding:0; background-color:#FFF;}

.col_l70 { width:68%; float:left; margin:0; padding:1%;}
.col_l65 { width:63%; float:left; margin:0; padding:1%;}
.col_l60 { width:58%; float:left; margin:0; padding:1%;}
.col_l50 { width:48%; float:left; margin:0; padding:1%;}
.col_l40 { width:38%; float:left; margin:0; padding:1%;}
.col_l35 { width:33%; float:left; margin:0; padding:1%;}
.col_l30 { width:28%; float:left; margin:0; padding:1%;}

.col_r70 { width:68%; float:right; margin:0; padding:1%;}
.col_r65 { width:63%; float:right; margin:0; padding:1%;}
.col_r60 { width:58%; float:right; margin:0; padding:1%;}
.col_r50 { width:48%; float:right; margin:0; padding:1%;}
.col_r40 { width:38%; float:right; margin:0; padding:1%;}
.col_r35 { width:33%; float:right; margin:0; padding:1%;}
.col_r30 { width:28%; float:right; margin:0; padding:1%;}

h1{;}
h2, h3, h4, h5 { display:block; clear:both; width:100%; float:none; text-align:left; padding-bottom:4px;}
h2{ max-width:380px; max-height:50px; font-size: 1.2em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}
h2 img{ max-height:50px; float:left; width:100%;}
h3{ font-size: 1.8em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:30px 0; border-bottom:none;}
h4{ font-size: 1.5em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:20px 0;}
h5{ font-size: 1.2em; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; margin:10px 0;}

}


/*============== SUB NAVIGATION ===============*/

/*------ sub navigation ------*/
.sub_navi {display:none;}

/*.sub_navi {
	width: 100%;
	clear: both;
	padding:0;
	margin:20px 0px;
	display: block;
	float:left;
}

.sub_navi ul{
	display: block;
	margin:0;
	list-style:none;
	background-color: #EEE;
}
.sub_navi ul li{
	display: block;
	background-color:#EEE;
	border-bottom:1px #FFF solid;
}
.sub_navi ul li a {
	display:block;
	width:90%;
	padding:2% 5%;
	color:#222;
	text-decoration:none;
}
	
.sub_navi h4 {
	display:none;
}
.sub_navi .accordion ul {
	display:none;
}
.sub_navi p {
	display: block;
	width: 100%;
	background-color:#666;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2% 0;
	margin:0;
	border-bottom:#FFF thin solid;
	height: auto;
	text-align: center;
}
.sub_navi p:hover {
	background-color:#AAA;
	cursor:pointer;
}
.sub_navi_mark {
	display:none;
}
*/
@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {


.sub_navi {
	display: block;
	margin: 0;
	padding: 1%;
	width: 25%;
	clear: both;
	float: right;
}
.sub_navi ul{
	display: block;
	list-style:none;
}
.sub_navi ul li{
	display: block;
	background-color:#EEE;
	border-bottom:1px #FFF solid;
	margin:0;
}
.sub_navi ul li a {
	display:block;
	color:#222;
	padding:3% 2% 3% 8%;
	text-decoration:none;
	border-left:10px solid;
}
.sub_navi ul li a:hover {
	color:#000;
	padding:3% 2% 3% 8%;
	text-decoration:none;
	background-color:#CF9D9E;
}
.sub_navi ul li.type_nav{
	display: block;
	padding:0;	
	background-color:#F6F5B2;
	margin:0;
}
.sub_navi ul li.type_nav a {
	width:auto;
	color:#222;
	padding:3% 2% 3% 8%;
	text-decoration:none;
	border-left:10px solid;
}
.sub_navi ul li.type_nav a:hover {
	color:#000;
	padding:3% 2% 3% 8%;
	text-decoration:none;
	background-color:#CF9D9E;
}
.sub_navi h4 {
	display: block;
	width: 100%;
	background-color:#666;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5% 0;
	margin:0;
	border-bottom:#FFF thin solid;
	height: auto;
	text-align: center;
}
.sub_navi p {
	display: block;
	width: 100%;
	background-color:#666;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2% 0;
	margin:0;
	border-bottom:#FFF thin solid;
	height: auto;
	text-align: center;
}
.sub_navi .accordion ul {
	display:block;
}
.sub_navi_mark {
	display:block;
	margin:20px 0;
	padding: 0;
	width: 25%;
	clear: both;
	background:none;
	border:none;
}

}



/*============== PAGES ===============*/

/*===== TOP PAGE /index.php =====*/

/*-- promotion area --*/
#promotion{ display:block; width:100%; clear:both; float:none; margin-bottom:40px;}

.theme-default .nivoSlider{ position: relative; background: #fff url(loading.gif) no-repeat 50% 50%; margin-bottom: 0;}

/*---- lists ----*/
.recommend, .booklist, .category_box{display:block; clear:both; width:100%; float:none;}

.recommend .recommend_box{ display:block; padding:2%; float:left; margin:0 2% 2% 0; width:calc( 94% - 2px); border:#666 1px solid;}
.recommend_box .new_book_img { margin: 0 5px; width: 80px; float:left;}
.recommend_box h4.recommend_ttl { padding: 0; margin: 0; display: block; font-size: 0.9em; color: #444; height: 7em; clear:none; text-align:left; float:right; width:calc( 100% - 90px);}

a.a_box { color: #FFF; text-decoration: none;}
.cat_box { display: block; width: 47%; margin: 0 1% 2% 1%; height: 5em; float:left;}
.cat_box dl {margin: 0; padding: 0;}
.cat_box dt { margin-bottom: 0.3em; font-size: 2em; line-height: 0.8em; font-family: 'Archivo Black', sans-serif;}
.cat_box dd { font-size: 1em; margin:0; padding:0.5em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.booklist .booklist_box{display:block; float:left; margin: 2%; width:calc( 92% - 2px);}

#news_area ul{list-style:none;}
#news_area li{margin:0 5% 1em 5%; border-bottom:#999 2px dashed; width:90%; padding:0;}
.news_date{display:block; font-size:0.8em; font-weight:bold;}
.news_title{display:block; font-size:0.9em; margin:1em 0;}
#news_area .go_list{ text-align:right;}

#bnr .r_bnr {sidplay:block; width:96%; margin:20px auto; max-width:400px;}


@media only screen and (min-width: 426px) {

#bnr .r_bnr {sidplay:block; width:46%; margin:10px 2%; max-width:400px; float:left;}

}

@media print, only screen and (min-width: 769px) {

.recommend .recommend_box{display:block; padding:2%; float:left; margin:0 2% 2% 0; width:calc( 27% - 2px); border:#666 1px solid;}
.recommend_box .new_book_img { margin: 0 auto 5px auto; width: 100px; height: 150px; float:none;}
.recommend_box h4.recommend_ttl {clear:both; float:none; width:100%;}

.booklist .booklist_box	 {display:block; float:left; margin:0 2% 2% 0; width:calc( 31% - 2px);}

.cat_box {display: block; width: 22%; margin: 0 2% 2% 0; height: 5em; float:left;}

#bnr .r_bnr {display:block; width:100%; margin:10px auto; max-width:600px;}

.topbnr #bnr {margin-bottom: 40px;}
.topbnr #bnr .r_bnr {display:block; width:45%; margin:10px 2.5%; max-width:300px;float: left;}

}

/*===== COMPANY /index.php =====*/

.president_photo { margin: 0 0 10px 10px; width: 160px; float: right;}
.main_area .signature { clear: both; width: 15em; margin:5% 0; float: right;}
.main_area .column-g { clear: both; width: 90%; padding:5% ; float: left; background-color:#EEE;}
.main_area .column-g .profile { width:100%; display:block; float:left;}
.main_area .column-g dl dt { width:100%; display:block; float:left;}
.main_area .column-g dl dd { display:block;}


@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {
.president_photo { margin: 0 0 10px 20px; width: 200px; float: right;}
.main_area .column-g dl {
	clear:both;
	line-height:1.8em;
}
.main_area .column-g dl dt {
	width:22%;
	display:block;
	float:left;
}
.main_area .column-g dl dd {
	width:74%;
	display:block;
	margin:0;
	float:right;
}
.main_area .column-g dl dd p{
	width:95%;
	display:block;
	float:right;
	margin:0;
}

}


/*===== SHOPS /index.php =====*/

/* table */
table.shop_list tr.shoptitle {
	height:2em;
}
table.shop_list th.shopttl1 {
	text-align:center;
	background-color:#C5C2C2;
	border-left:#979595 6px solid;
	border-bottom:#FFF 1px solid;
}
table.shop_list th.shopttl2{
	text-align:center;
	background-color:#C5C2C2;
	border-left:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
table.shop_list th.pref {
	font-size: 0.9em;
	background-color: #D0C7B5;
	padding: 0.3em 0;
	text-align: center;
	font-weight: bold;
	border-left: solid 6px;
	padding: 0 0.2em;
	border-right:1px #FFF solid;
	vertical-align: inherit;
	font-weight:normal;
}
table tr.shop_line {
	height:3em;
	border-bottom:1px #FFF solid;
}
table.shop_list td {
	font-size: 0.9em;
	background-color: #E9E4DB;
	padding: 0 0.3em;
	border-right:1px #FFF solid;
	text-align: left;
	vertical-align: inherit;
}
@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {

section#shops{ clear:none !important; float:left !important;}
section#shoplist{ clear:none !important;}

}

/*===== BOOKS /index.php =====*/

cat_box { display: block; float: left; width: 46%; height: 6em; margin: 2%;}

@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {

section#books{ clear:none !important; float:left !important;}
section#booklist{ clear:none !important;}
.cat_box { display: block; width: 30%; margin: 1.5%;}

}

/*------ book list ------*/

.book_list {
	display: block;
	width: 94%;
	padding:3%;
	margin-bottom: 20px;
	border-radius: 10px;
	background-image: -moz-linear-gradient(top, #EEE, #CCC);
	background-image: -ms-linear-gradient(top, #EEE, #CCC);
	background-image: -webkit-linear-gradient(top, #EEE, #CCC);
	background-image: linear-gradient(top, #EEE, #CCC);
	background-clip: padding-box;
}
.book_list .book_img {
	width: 30%;
	margin: 0;
	float: left;
	display: block;
}
.ico_new {
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 0.2em;
    background-color: red;
    color: #FFF;
    font-size: 0.7em;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
}
a.btn_buy { display:block; margin-top:0.4em; padding:0.2em 0; background-color:#EF696B; border-radius:16px; text-align:center; font-size:0.8em; font-weight:bold; font-family:sans-serif; color:#FFF; text-decoration:none;}
a.btn_buy:visited{ color:#FFF; }
a.btn_buy:hover, a.btn_buy:actibe{ color:#FFF; text-decoration:none;}

.book_detail {
	display: block;
	width: 62%;
	height: auto;
	float:right;
	margin:0 0 0 5%
}
h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	line-height: 1.3em;
	color:#5F6C99;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h4 a {
	text-decoration: none;
	color: #036;
}
.book_detail p {
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 0.8em 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.book_detail p.copy iframe.youtube{
	display: block;
    position: relative;
    width: 140%;
    height: 100%;
    margin-left: -45%;
}
@media only screen and (min-width: 320px) {
.book_detail p.caption iframe.youtube,
.book_detail p.copy iframe.youtube{
    display: block;
	margin:0;
    position: relative;
    width: 140%;
	height:174px;
    margin-left: -45%;
}
}
@media only screen and (min-width: 376px) {
.book_detail p.caption iframe.youtube,
.book_detail p.copy iframe.youtube{
    display: block;
	margin:0;
    position: relative;
    width: 140%;
	height:200px;
    margin-left: -45%;
}
}
@media only screen and (min-width: 426px) {
.book_detail p.caption iframe.youtube,
.book_detail p.copy iframe.youtube{
    display: block;
	margin:0;
    position: relative;
    width: 100%;
	height:294px
}
}

@media print, only screen and (min-width: 769px) {
.book_detail p.caption iframe.youtube,
.book_detail p.copy iframe.youtube{
    display: block;
	margin:0;
    position: relative;
    width: 100%;
	height:294px
}
}


.book_detail p.writer {
    color: #360;
}
.book_detail p.copy {
	color:#000;
}
/*.book_detail p.copy iframe.youtube{
	display: block;
    position: relative;
    width: 140%;
    height: 100%;
    margin-left: -45%;
}*/

.main_contents img.sampleimg{width:48%; border:1px solid #666; margin:0 1% 20px 0; float:left;}

@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {


.book_list {
	display: block;
	width: 100%;
	padding:0;
	border-radius: 0;
	background-image: -moz-linear-gradient(top, #FFF,#FFF);
	background-image: -ms-linear-gradient(top, #FFF, #FFF);
	background-image: -webkit-linear-gradient(top, #FFF, #FFF);
	background-image: linear-gradient(top, #FFF, #FFF);
	background-clip: padding-box;
	margin-bottom: 20px;
	border-bottom: 1px dotted #B2243C;
}
.book_list .book_img {
	width: 100px;
	margin: 0 30px 0 0;
	float: left;
	display: block;
}
.book_detail {
	display: block;
	width: 520px;
	height: auto;
	margin: 0 0 30px 0;
	float:right;
}

.books_btn{height:2em; background-color:#B2243C; border-radius:10px; font-weight:bold; font-family:sans-serif; color:#FFF; padding:0.2em 1em;}
.books_btn:hover{opacity:0.6;}
}

/*===== INFORMATION /index.php =====*/

@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {

.topics_box .topics_date {
	width: 100%;
	text-align: right;
	clear: both;
}
.topics_box .topics_main {
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
	height: auto;
	min-height: 200px;
	padding-bottom: 2em;
	border-bottom: 1px dotted;
	margin-bottom: 2em;
}
.topics_box .topics_main img.timg {
	margin: 0 20px 20px 0;
	width: 180px;
	float: left;
}
.main_contents .go_list a {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	text-align: right;
}

}


/*===== INFORMATION /index.php =====*/

.main_contents ul.pastline{
	list-style:none outside;
	margin-left:1em;
}
.main_contents ul.pastline li{
	line-height:2em;
	text-indent:-1em;
	border-bottom:1px dotted #B2243C;
}
.main_contents ul.pastline li:before{
	content:"＊ ";
	color:#B2243C;
}
@media only screen and (min-width: 426px) {


}

@media print, only screen and (min-width: 769px) {
.main_contents ul.pastline li{
	line-height:2em;
	text-indent:-2em;
	border-bottom:none;
}
.main_contents ul.pastline li:before{
	content:"＊ ";
	color:#B2243C;
}

}