@media screen and (max-width: 480px) {

img {  max-width: 100%; height:auto;}
#ozora{ min-width:100%;}

/*---ヘッダー---*/
#headarea{height:auto; min-width:100%;}
#headarea .menu{ width:100%; margin:0 auto; overflow:hidden; height:auto;}
#headarea .menu .title{ float:none; width:100%; padding:0; text-align:center; border-bottom:1px solid #ddd;}
#headarea .menu ul{ float:none; width:100%; overflow:auto;font-size:14px; height:auto; }
#headarea .menu ul li{ display:block; float:left; width:50%; border:0; height:auto; text-align:center; }
#headarea .menu ul li a{ display:block; width:auto;border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-decoration:none; color:#000; padding:4px 0; height:auto; line-height:2; }
#headarea .menu ul li a:hover{ background:#cdedee;}

#headarea .menu ul li.cartbutton{ width:50%; border:0; border-right:0; border-bottom:0;height:auto; text-align:center;}
#headarea .menu ul li.cartbutton a{background:none; width:auto; display:block; color:inherit; font-size:inherit; margin:0 auto 0; padding:4px 0;
border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;
line-height:2; height:auto;box-shadow:none;

}
#headarea .menu ul li.cartbutton a:hover{ background:#cdedee;}
#headarea .menu ul li:nth-child(2n) a{ border-right:0;}

/*---スライド---*/
#topslideArea,
#topslide{ xdisplay:none;}
.dots { display:none;}
#topslide2{display:none;}

#topslideBox{height:auto; padding-bottom:18px;}
.topslide{ position:relative; text-align:center; width:100%; margin:auto; height:auto;}
.topslide p{ position:absolute; left:0; top:0; display:none; width:100%;}


.bx-wrapper .bx-viewport{	width: 100% !important;	overflow: visible!important;	margin: 0 auto;  box-shadow:none;  border:0;  left:0; background:#000; z-index:8; }
.bx-wrapper .bx-controls{ position:relative;}
.bx-wrapper .bx-pager{position:absolute; bottom:-16px; width:100%; text-align:center; z-index:150;}
.bx-wrapper .bx-pager .bx-pager-item{ display:inline-block; padding:0 4px 0 0; vertical-align:bottom;}
.bx-wrapper .bx-pager a { width:20px; height:0; line-height:4; overflow:hidden; padding:8px 0 0; margin:12px 0 0; display:block; background:#ccc;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
-ms-transition: All 0.3s ease;
transition: All 0.3s ease;
}
.bx-wrapper .bx-pager a:hover{ padding:16px 0 0; margin:4px 0 0; background:#39c;
}
.bx-wrapper .bx-pager a.active { padding:14px 0 0; margin:6px 0 0; background:#07b;}
.bx-controls-direction{position:absolute; bottom:110px; display:none;}
.bx-wrapper .bx-next{left:100px; right:auto;}


/*---フッター---*/
#footerarea{ width:100%;min-width:100%; background:url(../images/footer_bg.jpg) #fff4ed; box-shadow:0px -1px 3px #999999; font-size:12px;}
#footerarea .footermenu{ width:auto; padding:1em;}
#footerarea .footermenu ul{ padding:0; margin:0; width:100%; float:none;}
#footerarea .footermenu ul li{ background:url(../images/w_c.png) no-repeat; padding:0 1em 1em 18px; float:left;}
#footerarea .footermenu .bnrarea{ float:none; width:100%; clear:both;}
#footerarea .footermenu .bnrarea a img{ border:#4790be 1px solid; margin-bottom:5px;}

/*---メイン---*/

#main{ width:99%;}
#mainL{ float:none; width:100%;}
#mainR{ float:none; width:100%;}

/*---お知らせ---*/
#top_news{ padding-top:.5em;}
#main .news{ width:94%; background:#FFFFFF; padding:.5em; overflow:hidden; border:#999999 1px dotted; margin:0 auto 1em;}
#main .news .left{ display:none; }
#main .news .right{ float:none; width:100%; line-height:1.5;}
#main .news span{ display:block; overflow:auto; padding:0 0 8px; font-size:12px;}
#main .news small{ min-width:0; font-size:11px; display:block; background:none; padding-right:20px; margin-right:10px;}
#main .news .right a:hover{ background-color:#e4f2ef; text-decoration:underline;}
#main .news span img{ border:3px #FFFFFF solid; box-shadow:0px 0px 1px #999999; float:left; margin:0 10px;}

/*---書籍情報---*/
#main .allbook{ width:99%; padding:0 0 3px 0; margin:auto; overflow:hidden; position:relative; line-height:1.2;}

#main .allbook ul.area2{ overflow:hidden; padding:0 7px 20px; }
#main .allbook ul.area2 li{ float:left; width:49%;  display:block; }
#main .allbook ul.area2 li span{ display:block; font-size:12px; width:210px; text-align:center; }
#main .allbook ul.area2 li img{}
#main .allbook ul.area2 li a img{ border:#4790be 1px solid; width:100%;}

#main .allbook ul.area3{ overflow:hidden;  padding:0 0 20px; }
#main .allbook ul.area3 li{ float:left; width:34%; padding:0 0 5px; display:block;}
#main .allbook ul.area3 li span{ display:block; font-size:0.9em; width:100%;}
#main .allbook ul.area3 li a{display:block; width:92%;}
#main .allbook ul.area3 li a img{ border:#4790be 1px solid; width:94%;}
#main .allbook ul.area3 li:nth-child(3){float:right; width:31% !important;}
#main .allbook ul.area3 li:nth-child(3) span{ width:100%;}
#main .allbook ul.area3 li:nth-child(3) a{width:99%;}
#main .allbook ul.area3 li:nth-child(3) a img{ width:95%;}

#main .allbook ul.small{ overflow:hidden;  padding:0 6px 20px; }
#main .allbook ul.small li{ float:left; width:126px; display:block;  margin:0;}
#main .allbook ul.small li:nth-child(4){ float:right; width:109px; padding:0; margin:0;}
#main .allbook ul.small li span{ display:block; font-size:11px; width:107px;}
#main .allbook ul.small li a img{ border:#4790be 1px solid; margin:0; }

#main .allbook ul.small{ overflow:hidden;  padding:0 6px 20px; display:none; }
#main .search{ width:100%; background:#deeae7; padding:1em;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;}
.search b{ font-size:15px;}
.search_side{ width:100%; margin:0 0 1em; background:#deeae7; padding:.5em; overflow:hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
behavior: url(/css/PIE.htc);
}
.search_side b{ font-size:12px; }
.search_side span{ display:block; color:#e64556; font-size:12px; padding:12px 0 6px;}
.search_side li{ font-size:12px; margin:0 0 4px;}
.search_side .w100{ font-size:11px; padding:1px 4px; height:16px; line-height:20px; width:110px;}
.search_side .btn_g_s{ font-size:11px; padding:0 4px; height:20px; line-height:20px;}
.searchbox_top .search_side .w100{ font-size:11px; padding:1px 4px; height:16px; line-height:20px; width:80px;}

.Side_bnrarea{ display:none;}
.Side_bnrarea p{ margin:0 0 .5em;}




/*---まだある。---*/
#main .mada{ width:98%; position:relative; overflow:hidden; background:none; margin-top:10px; min-height:0; line-height:1.2}
#main .mada p{ padding:0;}
#main .mada ul{ overflow:hidden; width:100%; text-align:center; padding:0 0 1em;}
#main .mada ul li{ float:left; width:34%; margin-right:0;}
#main .mada ul li span{ display:block; width:95%; margin:auto; text-align:center; padding-right:0}
#main .mada ul li a{ display:block; font-size:11px; width:92%; }
#main .mada ul li a img{ border:#4790be 1px solid; width:94%; margin:0 0 1px;}
#main .mada .bnr{ position:relative; right:0; bottom:0; text-align:center;}
#main .mada a.gray{ text-align:center;}
#main .mada ul li:nth-child(3){ float:right; width:31%; margin-right:0;}
#main .mada ul li:nth-child(3) a{ width:100%}
#main .mada ul li:nth-child(3) a img{ width:95%;}

#main .mada2{ position:relative;  background:#fdffd7; margin:15px 0 10px; padding:10px 0 0; border-radius:5px; box-shadow:0 2px 2px #ddd;}
#main .mada2 h1{padding:0 0 10px; margin:0; line-height:1; display:none}
#main .mada2 h2{padding:0 0 0 10px; margin:0; line-height:1; display:none;}
#main .mada2 ul{ overflow:hidden; padding:0 0 12px 2px;}
#main .mada2 ul li{ float:left; width:33%; line-height:1.4;}
#main .mada2 ul li a{ display:block; font-size:0.85em; width:90%; text-align:center;}
#main .mada2 ul li a img{ border:#4790be 1px solid; /*margin-bottom:4px;*/}
#main .mada2 ul li span{ display:block;}
#main .mada2 .bnr{ display:block; padding:0 10px 10px; text-align:center; display:none;}
#main .mada2 .bnr img{vertical-align:middle; margin:0 5px;}

#md_ph01{position:absolute; left:190px; top:170px; display:none;}
#md_ph02{position:absolute; right:-20px; top:160px; display:none;}
#md_ph03{position:absolute; left:-10px; top:435px; display:none;}

/*---特集・リンク---*/
#main .tokushulink{ position:relative; overflow:hidden; padding:0 0 1em; width:98%}
#main .tokushulink p.bnr{ width:49%; font-size:11px; float:left; text-align:center; line-height:1.2;}
#main .tokushulink img{ border:1px #4790BE solid;}
#main .tokushulink span{ width:100%; display:block;}
#main .tokushulink p.bnr:nth-child(2){float:right; width:49%; }

/*---検索---*/
.search{ background:#deeae7; width:auto; padding:1em; margin:auto;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */}
.search b{ font-size:15px;}
.search span{ display:block; color:#e64556; font-size:12px; padding:12px 0 6px;}
.search li{ font-size:12px; margin:0 0 4px;}
.search .w100{ font-size:11px; padding:1px 4px; height:16px; line-height:20px; width:110px;}
.search .btn_g_s{ font-size:11px; padding:0 4px; height:20px; line-height:20px;}
.TagCloud li{ display:inline; margin:0 4px 4px 0;
	}
.TagCloud li.rank-1{}
.TagCloud li.rank-2{ font-size:1.1em;}
.TagCloud li.rank-3,
.TagCloud li.rank-4{ font-size:0.9em;}
.TagCloud li.rank-5,
.TagCloud li.rank-6{ font-size:0.8em;}
.TagCloud li.rank-7,
.TagCloud li.rank-8{ font-size:0.7em;}
.TagCloud li.rank-9,
.TagCloud li.rank-10{ font-size:0.6em;}

/*---検索---*/
.searchbox_topbox{ margin:0 0 2em; background:#deeae7; padding:12px 10px; overflow:hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/css/PIE.htc);}
.searchbox_topbox b{ margin:0 1px 0 0; font-size:0.8em; }
.searchbox_topbox input{ }
.searchbox_topbox .w100{ font-size:11px; padding:1px 4px; height:16px; line-height:20px; width:80px;}
.searchbox_topbox a{float:right;}


/*---↓中ページここから↓---*/

.line{ border-top:1px #0066CC dotted; height:1px; width:100%; margin-bottom:20px;}

/*---メイン本文---*/

.contents{ float:none; width:auto; margin:auto; border-left:0; border-right:0; height:auto; background:#FFFFFF; padding:0; position:relative;}
.contents h3{ margin-bottom:2em; font-size:1.2em;}
.contentsInner{
	padding:1em;
	/*width=616px*/
}

.sidearea{ float:none; width:auto; margin:auto; padding:1em;}
.sidearea .archive{ font-size:12px; padding-bottom:2em;}
.sidearea .archive a{ display:inline-block; text-decoration:underline;}

/*---メイン940px用---*/
.contents_940{ width:98%; margin:auto; border-left:0; border-right:0; margin:0 auto; height:auto; background:#FFFFFF; padding:1em; position:relative;}



/*---買い物かご---*/
.sidearea .shopping{ width:98%; border:0; background:#FFFFFF; margin:0 0 1em; text-align:center;}
.sidearea .shopping p{ padding:10px; text-align:center;}
.sidearea .shopping a img{ vertical-align:bottom; margin:auto;}

.pankuzu{ font-size:11px; }
.pankuzu a{ text-decoration:underline;}

/*---お知らせ---*/
.kiji .title{ display:block; border-bottom:1px dotted #006da1; font-size:15px; padding:3px 0; margin-bottom:20px; font-weight:bold;}
.kiji .left{ float:left; width:360px; font-size:12px;}
.kiji .left a{ text-decoration:underline;}
.kiji .ph{ float:right; }
.kiji .ph img{ border:4px #95d0fa solid; border:0;}
.kiji a.next{ text-align:right; display:block;}
.kiji p{padding:0 0 1.5em;}

.kiji{ width:100%; overflow:hidden; padding-bottom:50px;}
.kiji h3{ font-weight:bold;}
.kiji h3 span{ font-weight:normal;}
.kiji .title{ display:block; border-bottom:1px dotted #006da1; font-size:15px; padding:3px 0; margin-bottom:20px; font-weight:bold;}
.kiji .left{ float:none; width:100%; font-size:12px;}
.kiji .left a{ text-decoration:underline;}
.kiji .ph{ float:none; text-align:center }
.kiji .ph img{ border:4px #95d0fa solid; border:0;}
.kiji a.next{ text-align:right; display:block;}
.kiji p{padding:0 0 2em;}
.kiji .FR{float:none;}

/*お知らせTOP*/
.Listkiji{ overflow:hidden;margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #999;}
.Listkiji p.date{ font-size:0.9em;}
.Listkiji p.title{ font-weight:bold;border-bottom:1px dotted #ddd; margin-bottom:1em;}
.Listkiji p.Listkijiimg{ width:136px; float:left;}
.Listkiji p.ListkijiBody{ line-height:1.8;}

/*お知らせPAGE*/

.kiji{overflow:hidden; padding-bottom:50px;}
.kiji h3{ font-weight:bold;}
.kiji span.date{
	display:block;
  font-size: 0.7em;
	margin:0 0 0.5em;
	color:#555;
	font-weight:normal;
}





/*---書籍情報---*/
.booktitlearea{
	position:relative; padding:1em 0 0; margin:0 0 1em;
	background:url(../images/line.jpg) repeat-x bottom;
	}
.booktitlearea h3{
	padding:0;
	margin:0;
	height:auto;
	background:none;
	background:url(../images/line.jpg) repeat-x bottom;
	}
.booknavi{
	position:relative; top:0; right:0;
	}
	
.booknavi ul{ overflow:hidden;border:1px #bae2e2 solid;}
.booknavi li{ 
	float:none; width:auto;
	float:left; width:50%;
	}
.booknavi a{
	 display:block;height:auto; line-height:1.1; padding:4px 0 4px 4px; 
	 border:0;
	 border-right:1px #bae2e2 solid;border-bottom:1px #bae2e2 solid;
	 font-size:0.85em;
	 }
.booknavi a.select,
.booknavi a.select:hover{
		background:#bae2e2; color:#000; cursor:default;
}
.booknavi a:hover{
	background:#bae2e2; color:#FFFFFF;
	}
.booknavi li:first-child a{
	border-right:1px #bae2e2 solid;
	}
.booknavi li:nth-child(2n) a{
	border-right:0;
}
.booknavi li:nth-child(5) a{
	border-bottom:0;
}


.contents .lmenu{ width:98%; margin:auto; position:absolute; top:66px; right:40px; text-align:right;}
.contents .lmenu a{ border:1px #bae2e2 solid; padding:5px 8px 8px; font-size:12px; border-bottom:none; border-right:none;}
.contents .lmenu a:hover{ background:#bae2e2; color:#FFFFFF;}


.bookTopArea{ overflow:hidden; }
.bookTopArea ul{ }
.bookTopArea ul li{ float:left; width:35%; padding:0 0 2em; font-size:0.85em; line-height:1.3em;min-height:0;}

.bookTopArea ul li:nth-child(5n){width:35% !important;}
.bookTopArea ul li:nth-child(5n+1){ clear:none !important;}
.bookTopArea ul li:nth-child(3n){width:30% !important;}
.bookTopArea ul li:nth-child(3n+1){ clear:both !important}

.bookTopArea ul li span{display:block; padding:3px 0 0;}
.bookTopArea ul li strong{ display:block; font-weight:normal; width:auto; padding:0 1em 0 0;}
.bookTopArea ul li small{ color:#FF0000; font-size:12px;}
.bookTopArea ul li a{display:block; padding-right:1.5em;}
.bookTopArea ul li:nth-child(3n) a{ padding-right:2px;}
.bookTopArea ul li:nth-child(3n) strong{ padding-right:0;}
.bookTopArea ul li a img{ border:#4790be 1px solid;}
.bookTopArea ul li a.details{ background:url(../books/images/next.jpg) no-repeat 0 1px; padding:2px 0 4px 20px; margin-top:5px; display:block; text-decoration:underline;}
.eBoook{text-align:left; padding:.5em 0; overflow:hidden;}
.eBoook ul{ padding:.5em 0;}

.whatsmadaaru{overflow:hidden; padding-bottom:40px; }
.whatsmadaaru p{ padding:0 0 1em;}

.booktitleareaB{
	background:none;
	padding:0 ;
	}

.booktitleareaB .booknavi{
	position:relative; 
	top:2px; right:0;
	overflow:hidden;
	}
	.booktitleareaB .booknavi a{
	 display:block;height:30px; line-height:30px; padding:0 8px;
	 border:1px #bae2e2 solid; border-right:none;
	 font-size:12px;
	 }


/*---書籍PAGE---*/
.bookarea ul li strong{
	font-size:1em;
	padding:3px 0;
}

.bookarea ul li{ min-height:155px; height:auto; margin-bottom:25px;}



.bookarea ul li{ min-height:255px; height:auto; margin-bottom:25px;}

.bookarea{ overflow:hidden; padding:0 0 10px;}
.bookCover{ float:none; margin:0 auto; text-align:center; width:auto;}
.bookCover p{ text-align:center;}
.bookCover img{margin:0 auto .5em;}
.bookCover .buybtn{ margin:0 auto 16px;}
.bookCover p{ text-align:center;}
.bookRead{ text-align:center; padding:0 0 1em;}
.bookCover em{display:block; padding:8px 0 0; font-style:normal;}
.bookCover .amazonlink{margin:0 0 0 0; white-space:nowrap; font-size:11px;}
.bookCover ul{overflow:hidden; padding:8px 0 0 8px; background:#f6f5f4; width:auto;}
.bookCover ul li{float:left; width:auto; min-width:95px; min-height:0; height:auto; margin:0; padding:0 8px 8px 0; text-align:left; line-height:1.2;}
.bookCover ul li a{ background-image:url(../images/i_right.gif); padding-left:7px; background-position:0 2px; background-repeat:no-repeat}
.bookCover ul li a:hover{background-position:0 -98px;}
.bookCover2{ float:none; margin:0 0 1em 0; text-align:center;}
.bookCover2 form{display:inline; margin:0 1em;}





.bookAbout{ font-size:1em; line-height:1.8; padding:1em 0; width:auto; float:none;}
.bookAbout p{ padding:0 0 1.5em;}
.bookAbout ul{overflow:hidden;}
.bookAbout ul li{ margin:0; padding:0 1em 1px 0; min-height:0; height:auto; width:auto; min-width:100px; float:none; font-size:0.9em;}
.bookAbout strong{}
.bookAbout ul li.bookInfoList{float:none !important; width:auto !important; padding:0 0 .3em;}
.bookAbout .bookInfo{overflow:hidden; clear:both; width:auto; padding:1em; background:#fffddd; margin:0 0 2em; border:1px solid #eeeddd;}
.bookAbout .bookInfo li{ margin:0; padding:0 0 1px 0; min-height:0; height:auto; width:auto; float:left; font-size:0.9em;}
.bookAbout .bookInfo li em.em40{float:left; width:40px; font-style:normal;}
.bookAbout .bookInfo li em.em40over{float:left; font-style:normal;}

.bookAbout2 ul{float:none; width:98%; margin:0 auto 1em;}
.bookAbout2 ul img{display:none;}

.kakomi{padding:1em; margin:0 0 2em; background:#f0f0f0; border:1px solid #ddd;}
.kakomi strong{font-size:1em;}


.EntryMore{padding:0 0 30px;}
.story{ overflow:hidden; width:98%; margin:auto; padding-top:1em;}
.story p{ line-height:190%;}
.story .left{ float:left; width:440px;}
.story .left strong{ font-size:15px; padding-bottom:20px; display:block;}
.story .left p{ padding-bottom:25px;}
.story .right{ float:right; width:130px; background:#fffddd; padding:10px 5px 13px 13px; margin-bottom:25px;}

.cbox{ font-size:12px; color:#343434; padding:15px 18px;line-height:190%; margin-bottom:20px; border:dotted 1px #ffb7ad; overflow:hidden;}

.nortable {
width: 100%; /* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #c7c7c7 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
margin-top:20px;
margin-bottom:20px;
}

.nortable td {
border: 1px #c7c7c7 solid; /* セルの枠線（太さ・色・スタイル） */
padding:5px;
font-size:12px;
} 

.recommend{ border-top: 1px dotted rgb(0, 102, 204);  padding: 1em 0;}

.recommend strong{ font-size:13px; margin:10px 0 15px 0; display:block;}
.recommend ul{ overflow:hidden; display:block;}
.recommend ul li{ float:left; display:block; width:33% !important; padding:0; margin:0 0 30px; line-height:1.4; font-size:0.9em; }
.recommend ul li a{ display:block; padding:0; width:95% !important;}
.recommend ul li a img {
    border: 1px solid rgb(71, 144, 190);
}
.recommend ul li:nth-child(3n){ float:right; width:33% !important;}
.recommend ul li:nth-child(4n){ float:left !important; width:33% !important;}


/*---まだあるページ---*/

.whatsmadaaru{ width:100%; overflow:hidden; padding-bottom:40px; background:none;}
.whatsmadaaru p{ width:100%; line-height:1.5;}


/*---書店様向け---*/

.bookstore{ width:100%; overflow:hidden; padding-bottom:20px;}

.bookstore .chumon{ float:left; width:270px;}

.mailform{ background:#eef5f7; padding:20px; margin-top:20px; margin-bottom:40px;}
.mailform p{ font-size:14px; line-height:180%;}
.mailform a:hover{ text-decoration:underline;}

ul.pop{ overflow:hidden; padding-top:30px;}
ul.pop li{ float:left; width:165px; font-size:12px; background:url(../shoten/images/pdf.gif) no-repeat; padding-right:10px; padding-left:30px; margin-bottom:20px;}


.code {
width: 100%; /* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
margin-top:20px;
}

.code td {
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */
padding:5px;
font-size:12px;
text-align:center;
} 

.code td b{ font-size:14px; /*padding-bottom:5px; */display:block;}
.code td small{ color:#FF0000; font-size:14px;}

.gotop{ width:100%; text-align:right; padding-top:40px; font-size:12px;}
.gotop a{ text-decoration:underline;}


/*---カート---*/

.cartform{ width:100%;}

.cartstep{ width:100%; text-align:left; display:none;}
.cartstep ul{ overflow:hidden; margin-bottom:0; padding-top:0; display:block; margin:.5em 0}
.cartstep ul li{ float:left; margin-right:0; width:50%;min-height:40px;}
.cartstep ul li img{ max-width:150px; width:100px; height:auto; }

/*---サイトマップ---*/

.sitemap{ width:100%; overflow:hidden; padding-bottom:20px; display: flex; flex-wrap: wrap;}
.sitemap h2{width: 100%; margin: 1em 0 0;}
.sitemap .left{ width:280px; float:left;}
.sitemap ul{border: none; font-size:12px; line-height:180%; width: 45%; padding-top: 2em;}
.sitemap ul li{ padding:0 0 0 18px;}
.sitemap ul li strong{line-height: 0;}
/*ul.sitemap li a:hover{ text-decoration:underline;}*/



.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.btn_g{border:1px solid #CCC; margin:0 1em 0 0; background:#f0f0f0;}
.btn_g:hover{ cursor:pointer; background:#ccc;}
.btn_g_s{ font-size:0.85em; padding:2px 6px;}
.btn_g_m{ font-size:1em; padding:4px 12px;}
.btn_g_l{ padding:4px 12px; margin:0 1em 0 0;}

.btn_r_s{border:1px solid #CCC; padding:4px 12px; margin:0 1em 0 0;}
.btn_r_m{border:1px solid #CCC; padding:4px 12px; margin:0 1em 0 0;}
.btn_r_l{border:1px solid #CCC; padding:4px 12px; margin:0 1em 0 0;}





/*CART*//*CART*//*CART*//*CART*/
.cart_item{padding:1em; font-size:0.8em; border-bottom:1px dotted #ccc;}

.contents100{ float:none; width:auto; border-left:0; border-right:0; height:auto; background:#FFF; padding:1em .5em; position:relative;}
.contents100 h3{ background:url(../images/line.jpg) no-repeat left bottom;}
.ShopIn{ font-size:0.9em; line-height:1.2;}
.flow{ padding:0 0 2em}
.message{ padding:0 0 3em; color:#F00; font-weight:bold; font-size:1.5em;}
.cart_error{line-height:2; font-size:0.9em; padding:1em 0; margin:0 0 1em;}
.cart_error hr{margin:2em 0;}
.mess{font-size:0.85em;}
.OrderTable{ border-collapse:collapse; width:100%; margin:0 0 2em; }
.OrderTable th,
.OrderTable td{ border-collapse:collapse; padding:0.2em; text-align:left; font-weight:normal; border-bottom:1px solid #eee; font-size:0.9em; }
.OrderTable th{background:#f6f6f6; min-width:25%;}
.OrderTable th.totprice{width:10%; min-width:1%;}
.OrderTable th span{color:#555; font-size:0.9em;}
.OrderTable th.txtR,
.OrderTable td.txtR{text-align:right; white-space:nowrap;}
.OrderTable td.kei{border-top:2px solid #bbb;}
.OrderTable input,
.OrderTable textarea{padding:0.3em; max-width:150px;}
.btn_set p{text-align:center;}
td .btn_set p{text-align:left;}

.OrderTable input.btn_route,
.btn_route{padding:1em 2em;border-radius:4px;
background: rgb(255,48,25);
background: -moz-linear-gradient(top,  rgb(255,48,25) 0%, rgb(207,4,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,48,25)), color-stop(100%,rgb(207,4,4)));
background: -webkit-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: -o-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: -ms-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: linear-gradient(to bottom,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
color:#FFF;
box-shadow:0 1px 2px #999;
cursor:pointer;
}
.OrderTable select{margin:0 0 0.5em;}

.btn_route:hover{background:#C00;}

#otodokesaki{display:none;}


.xbuybtn{ border-radius:4px; padding:0.4em 0.6em; border:1px solid #fff;
background: rgb(255,48,25);
background: -moz-linear-gradient(top,  rgb(255,48,25) 0%, rgb(207,4,4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,48,25)), color-stop(100%,rgb(207,4,4)));
background: -webkit-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: -o-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: -ms-linear-gradient(top,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
background: linear-gradient(to bottom,  rgb(255,48,25) 0%,rgb(207,4,4) 100%);
color:#FFF;
box-shadow:0 1px 2px #999;
cursor:pointer;
}

.xbuybtn:hover{background:#C00;}


.xbuybtn{
	background:url(../images/cart_btn.jpg) no-repeat 0 0;
	text-indent:-9999px;
	width:156px;
	height:45px;
	border:0;
	cursor:pointer;
	margin:0 auto;
}
.buybtn:hover{
	opacity:0.8;
}

.goukei{text-align:right; font-size:1.1em; font-weight:bold;}




/**/
.yUl{}
.yLi{ line-height:1.2; padding:0 0 12px;}
.yLi a{ display:block; padding:0 0 0 12px; background-image:url(../images/bg_arw.png); background-repeat:no-repeat; background-position:0 2px;}
.yLi a:hover{background-position:0 -17px;}
.yLishow{}
.yLishow a{background-position:0 -37px;}
.yLishow a:hover{background-position:0 -57px;}

.mUl{ display:none; margin:8px 0 0 12px;}
.mLi{ padding:0 0 8px;}
.mLi a{background:none; padding:0;}
/**/



.search_result_box{ overflow:hidden; font-size:1.1em; line-height:1.5; padding:0 0 1em; margin:0 0 1em; border-bottom:1px dotted #ccc;}
.search_result_box img{ float:right; width:50px;}
.search_result_box p{padding:0 0 1em;}
.search_result_box p.Taglist{ font-size:0.7em;line-height:1.1;}
.search_result_box p.Taglist a{ display:inline-block;  padding:2px 4px;background:#e0f6f6; color:#000;}
.search_result_box p.Taglist a:hover{background:#bae2e2; color:#000;}



.content-nav{font-size:0.8em; padding: 0 0 1em;}
.content-nav_head{ display:inline;position:absolute; top:27px; right:0; text-align:right;}
.content-nav_foot{ display:block; text-align:center; margin:0 auto 1em; width:auto; }
	
.content-nav b,
.content-nav a{
	 display:inline-block;height:30px; width:35px; line-height:30px; text-align:center; float:left; margin:0 0 0 1px;
	 border:1px #bae2e2 solid;
	 font-size:12px;
	 }
.content-nav b{
		background:#bae2e2; color:#000;
}
.content-nav a:hover{
	background:#bae2e2; color:#FFFFFF;
	}
.content-nav_head b,
.content-nav_head a{
	 border-bottom:none;
	 }



/*Paging*/
.PageNavi { overflow:hidden; text-align:center;}
.PageNavi table{width:auto; margin:auto;}
.PageNavi span,
.PageNavi a{ display:block; float:left;
width:25px; height:25px;line-height:25px;
margin:0 10px 0 0;
text-align:center; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
behavior: url(/css/PIE.htc);
}
.PageNavi span{ background:#31abd4; color:#fff; font-weight:bold;}
.PageNavi a{ background:#ddd; color:#888;}
.PageNavi a:hover{ background:#ccc; color:#555;}
.PageNavi .link_next,
.PageNavi .link_before{ width:auto; white-space:nowrap; padding:0 8px;}









/*Single Page*/

.tokinotabibito #ozora{background:#fff;}
.contentsTokitabi p.pankuzu{padding:0 0 40px;}
.contentsTokitabi{float:none; width:100%;}
.contentsTokitabi .contentsInner{border:0; padding:24px 0;}
.contentsTokitabi .contentsInner80{ padding:0 10px; overflow:hidden;}
.contentsTokitabi h2{ margin:0 0 24px; border-bottom:3px double #000;}
.contentsTokitabi h3{ margin:0 0 24px;}

.tokitabi_read{ margin:0 0 24px;}
.tokitabi_read p{margin:0 0 1em;}

.flipper{ display:none;}
.flipperSp{display:block; margin:0 auto; width:90%;}
.fliper_nav{ padding:8px; display:none;}
.flipperSp .flex-direction-nav{ overflow:hidden; position:relative; height:30px;}
.flipperSp .flex-prev{ position:absolute; left:4px;}
.flipperSp .flex-next{ position:absolute; right:4px;}


.tokitabi_author{ float:none; width:100%; overflow:hidden; margin:0 0 24px;}
.tokitabi_author li{ float:left; width:150px;}
.tokitabi_author li.nofl{ float:none; width:400px;}
.tokitabi_authorxx li:nth-child(even) {width:250px;}
.contentsTokitabi .bookCover{ float:none; width:100%; margin:0 0 2em;}
.contentsTokitabi .bookCover form{ float:none; width:100%;}
.contentsTokitabi .bookCover form p{text-align:left; padding-top:0;}

.tokitabi_contents{ overflow:hidden; margin:0 0 8px;}
.tokitabi_contents h5{ margin:0 0 16px;}
.tokitabi_contents p{margin:0 0 1em; line-height:1.4; xbackground:url(../images/line3.gif) repeat-y 0 4px; xpadding-left:10px; text-indent:-1.5em; padding-left:1.5em;}
.tokitabi_contents p.mb0{margin-bottom:0.2em;}
.tokitabi_contents p.ml1{margin-left:2em;}
.tokitabi_contents em{color:#f60; font-size:11px; font-family:Verdana, Geneva, sans-serif; margin-right:4px;}
.tokitabi_contentsL{float:none; width:100%; border-right:0px dotted #ddd;}
.tokitabi_contentsR{float:none; width:100%; padding-top:1em; }
.fs24{ font-size:24px;}
.fs18{ font-size:18px;}
.fs16{ font-size:16px;}
.fs14{ font-size:14px;}
.fs12{ font-size:12px;}

.tokitabi_htm{padding:24px; background:#fdffe9; border:1px solid #cc9; margin:0 0 64px;}
.tokitabi_htm h5{margin:0 0 16px 0; overflow:hidden; font-size:16px;font-weight:normal; line-height:1;}
.tokitabi_htm h5 img{vertical-align:middle; margin:0 8px 4px 0;}

.bb-custom-icon {}
.bb-custom-icon-arrow-right{ position:absolute; left:0; top:40%; display:none;}
.bb-custom-icon-arrow-left{position:absolute; right:0; top:40%;}

.ruby{position:relative;}
.ruby_t{position:absolute; left:3px; top:-1.1em; font-weight:normal; font-size:11px;}

.tokitabi_store{ overflow:hidden;}
.tokitabi_store h3{ margin: 0; border-bottom:1px dotted #555;}
.tokitabi_store_boxes{overflow:hidden; margin:0 0 16px; padding:0 0 16px; border-bottom:1px dotted #555;}
.tokitabi_store_boxes h4{ margin:0 0 16px; padding:16px 0 0;border-top:0px dotted #555;}
.tokitabi_store_box{ width:48%; float:left;}
.tokitabi_store_box:nth-child(odd){float:right;}
.tokitabi_store_box_r{width:48%;}
.tokitabi_storebox_ph{ margin:0; line-height:1;}
.tokitabi_storebox_ph img{ border:1px solid #ccc;}
.tokitabi_storebox_txt{ width:100%;}
.tokitabi_storebox_txt h5{ margin:0 0 2px; line-height:1.4;}
.tokitabi_storebox_txt strong{ display:block; margin:0 0 4px; line-height:1.3;}
.tokitabi_storebox_txt li{ font-size:11px; vertical-align:middle; line-height:1.2; margin:0 0 4px; text-indent:-14px; padding-left:14px;}
.tokitabi_storebox_txt li img{vertical-align:middle; margin:0 2px 0 0;}

.tokitabi_maker_box{overflow:hidden; margin:0 0 24px;}
.tokitabi_maker_box strong{font-size:1.2em; display:block;}
.tokitabi_maker_box span{font-weight:normal; font-size:0.8em;}
.tokitabi_maker_box .tokitabi_storebox_txt{ width:100%; padding:4px 0 0;}
.tokitabi_maker_box .tokitabi_storebox_txt strong{ font-size:0.8em;}
.tokitabi_maker_box3 .tokitabi_store_box{ width:100%; float:none;}
.tokitabi_maker_box3 .tokitabi_storebox_txt{ width:100%;}
.tokitabi_maker_box3 .tokitabi_store_box{ width:100%; float:none;}
.tokitabi_maker_box3 .tokitabi_store_box_r{ width:100%;}

.tokitabi_other_box{ float:none !important; margin:0 0 1em;}
.tokitabi_other_box strong{font-size:1.2em;}
.tokitabi_other_box span{font-weight:normal; font-size:0.8em;}
.tokitabi_other_box li img{vertical-align:middle; margin:0 2px 0 0;}

/*datemasamune*/
	
.masamune_btn_cap{
	max-width: 250px;
    display: block;
    margin: 0 auto;
    text-align: left;
}
	
.masamune_btn_cap img{
	max-width: 250px;
}

}