@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;box-sizing:border-box;}
*, *:before, *:after { box-sizing: inherit; }
html{	overflow-y:scroll; }
:focus {outline: 0;}
ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}




/*============================================================
  Base elements
============================================================*/
body {
	color: #666;
	background: #FFFCE8;
	font-size:100%;
	font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	letter-spacing: 0.06em;	
}


/*============================================================
  Hyper text
============================================================*/
a {
	color: #75B76E;
	text-decoration: none;
}
a:visited { color: #75B76E; }
a:hover { opacity: .7; }
a:active, a:focus { outline:0; }


/*============================================================
  Clear Fix
============================================================*/

/* For modern browsers */

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */

.cf {
  zoom: 1;
}

/*============================================================
 width
============================================================*/
.w95 { width: 95%;}

.w90 { width: 90%;}

.w87 { width: 87%;}

.w85 { width: 85%;}

.w80 { width: 80%;}

.w75 { width: 75%;}


/*============================================================
 margin
============================================================*/
.mt5 { margin-top: 0.333em; }

.mt10 { margin-top: 0.667em; }

.mt15 { margin-top: 1em; }

.mt20 { margin-top: 1.333em; }

.mt25 { margin-top: 1.667em; }

.mt30 { margin-top: 2em; }

.mt40 { margin-top: 2.667em; }

.mt50 { margin-top: 3.333em; }

.mt60 { margin-top: 4em; }

.mt70 { margin-top: 4.667em; }

.mt80 { margin-top: 5.333em; }

.mt90 { margin-top: 6em; }

.mt100 { margin-top: 6.667em; }

.mt150 { margin-top: 10em; }

.mt200 { margin-top: 13.333em; }

.ml5 { margin-left: 0.333em; }

.ml10 { margin-left: 0.667em; }

.ml15 { margin-left: 1em; }

.ml20 { margin-left: 1.333em; }

.ml30 { margin-left: 2em; }

.ml40 { margin-left: 2.667em; }

.ml50 { margin-left: 3.333em; }

.ml60 { margin-left: 4em; }

.mb5 { margin-bottom: 0.333em; }

.mb10 { margin-bottom: 0.667em; }

.mb15 { margin-bottom: 1em; }

.mb20 { margin-bottom: 1.333em; }

.mb25 { margin-bottom: 1.667em; }

.mb30 { margin-bottom: 2em; }

.mb40 { margin-bottom: 2.667em; }

.mb50 { margin-bottom: 3.333em; }

.mb60 { margin-bottom: 4em; }

.mlra { margin-left : auto ; margin-right : auto ; }

.mt5a { margin: 0.333em auto 0; }

.mt10a { margin: 0.667em auto 0; }

.mt15a { margin: 1em auto 0; }

.mt20a { margin: 1.333em auto 0; }

.mt25a { margin: 1.667em auto 0; }

.mt30a { margin: 2em auto 0; }

.mt40a { margin: 2.667em auto 0; }

.mt50a { margin: 3.333em auto 0; }

.mt60a { margin: 4em auto 0; }

.mt70a { margin: 4.667em auto 0; }

.mt80a { margin: 5.333em auto 0; }

.mt90a { margin: 6em auto 0; }

.mt100a { margin: 6.667em auto 0; }

.mt150a { margin: 10em auto 0; }

.mt200a { margin: 13.333em auto 0; }


/*============================================================
 line height
============================================================*/
.line13 { line-height: 1.3; }

.line14 { line-height: 1.4; }

.line15 { line-height: 1.5; }

.line20 { line-height: 2.0; }


/*============================================================
 font-weight
============================================================*/
.bold { font-weight: bold; }

.normal { font-weight: normal; }


/*============================================================
 font-size
============================================================*/
.f80 { font-size: 80%; }

.f85 { font-size: 85%; }

.f90 { font-size: 90%; }

.f95 { font-size: 95%; }

.f105 { font-size: 105%; }

.f110 { font-size: 110%; }

.f115 { font-size: 115%; }

.f120 { font-size: 120%; }

.f125 { font-size: 125%; }

.f135 { font-size: 135%; }

.f145 { font-size: 145%; }

.f155 { font-size: 155%; }

.f165 { font-size: 165%; }

.f175 { font-size: 175%; }

.f185 { font-size: 185%; }

.f195 { font-size: 195%; }

.f200 { font-size: 200%; }

/*============================================================
  ヘッダー
============================================================*/
#container { background: #fff; }

#header {
	width: 1180px;
	margin: 0 auto;
}

#header h1#intro,
#header #site-description {
	font-size: 0.7em;
	display: inline;
}

#header .logo { margin: 1em auto 0; }

.logo img,
.logo p { display: inline-block; }

.logo img {
 width: 60px;
 height: auto;
 padding: 0 10px 0 0;
 vertical-align: -20%;
}

.logo p.title { 
	color: #ABE072;
  font-size: 2.0em;
  font-weight: bold;
  text-align: left;
}

.logo a { color: #abe072; }

.logo p#subtitle {
  color: #666;
  font-size: 0.95em;
  font-weight: normal;
  margin-left: 1em;
	vertical-align: 20%;
}

#mainBanner{
	margin-top: -25px;
}

#mainBanner img{ 
	width: 100%;
	height: auto;
}


/*============================================================
  トップナビゲーション
============================================================*/
#mainNav {
background-color: #ABE072;	
 overflow: hidden;
 margin: 0 auto 0;
}

#mainNav ul{
 background-color: #ABE072;
 margin: 0 auto;
 padding: 0;
 display: flex;
 justify-content: space-between;
	width: 1180px;
}

#mainNav ul li{
 line-height: 1;
 width: 16.6%;
 font-weight: bold;
 border-right:1px dotted #fff;
}

#mainNav ul li:first-child{
 border-left:1px dotted #fff;
 width: 17%;
}

#mainNav ul li a {
 display: block;
 text-align: center;
 font-size: 1em;
 width: 100%;
 padding-top: 1em;
 padding-bottom:1em; 
 color: #fff;
 text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

nav#mainNav li.active a,
nav#mainNav li a:hover {
 color: #466f00;
 background: #ddeac7;
 padding-top: 1em;
 padding-bottom: 1em; 
}


/*============================================================
  パンくずリスト
============================================================*/
#panbox {
	background: #fff;
	width: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}

.breadcrumb {
	width: 1180px;
  margin: 0 auto;
  padding: 0;
	display: flex;
}

.breadcrumb li{margin-right: 0.3em;
  flex-direction: row; /*横に並ぶように*/
  list-style: none;
  font-weight: bold;
	font-size: 1em;
}

.breadcrumb li:after{
  font-family: FontAwesome; /* ▶を表示*/
  content: '\f0da';
  padding: 0 3px;
  color: silver;
}

.breadcrumb li:last-child:after{
	display: none;
}

.breadcrumb li a {
	text-decoration: none;
  color: #888;
}

.breadcrumb li.home:before{
  font-family: FontAwesome; /*家アイコン*/
  content: '\f015';
  color: #f3948f;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


/*============================================================
  コンテンツ
============================================================*/
#wrapper {
	margin:2em auto;
  padding:0 ;
  width:1180px;
  display: flex;
}


/*============================================================
  メイン・サイドバー
============================================================*/
#main {
  width: 68%;
	margin-right: 4%;
	}

#sidebar {
  width: 28%;
	margin-right: 0;
	}


/*============================================================
  記事
============================================================*/

/* 記事 枠部分
----------------------------------------------- */
section.content {
	border: 1px solid rgba(0,0,0,0.05);
	background: #fff;
	padding: 2em;
  letter-spacing: 0.07em;
}

section.content article{
	color: #333;
	padding: 1.2em 1.2em 0;
	overflow:hidden;
}

/* 記事 見出し
----------------------------------------------- */
h2.heading{ 
	background: #ABE072;
  padding: 0.4em 0;
  border-radius: 0.2em;
}

h2.heading span {
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	line-height:1.7;
  display: block;
	padding: 0.3em 0.7em;
  border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

h2.heading span a { color: #fff; }

h3.subheading1,
.subheading1 {
	color: #599b52;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 4em;
	margin-bottom:1.5em;
	padding: 0.8em 0.6em 0.8em 0.7em;
	background: #ecf8d8;
	border-left: solid 7px #ABE072;
}

h4.subheading2,
.subheading2 {
	color: #58a850;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 4em;
	margin-bottom: 1.5em;
	padding: 0.4em 0.4em 0.2em 0.4em;
	border-bottom: solid 2px #ABE072;
}

h5.subheading4,
.subheading4 {
	color: #58a850;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 4em;
	margin-bottom: 1.5em;
	padding: 0.4em 0.4em 0.2em 0.4em;
	border-bottom: dotted 2px #ABE072;
}

/* 記事ヘッダー
----------------------------------------------- */
section.content .ently_navi {
	margin: 0 0 2.5em;
	color: #737373;
}

section.content .ently_navi .date {
	font-size: 0.9em;
	letter-spacing: 0.02em;	
}

section.content .ently_navi .category {
	font-size: 0.9em;
	margin: 0.7em 0 0;
	/*margin-left: 0.9em;
	margin-right: 0.9em;
  margin-bottom: 0.5em;*/
}

section.content .ently_navi .tag-box { margin: 0.9em 0 0; }

section.content .ently_navi .tag {
	font-size: 0.9em;
	margin-bottom: 0.8em;
	margin-right: 0.1em;
	display: inline-block;
}

section.content .ently_navi .date:before {
  font-family: FontAwesome;
  content: '\f073';
  margin-right: 0.5em;
  font-size: 1.2em
}

section.content .ently_navi .category:before {
  font-family: FontAwesome;
  content: '\f07c';
  margin-right: 0.3em;
	font-size: 1.2em;
}

section.content .ently_navi .category a {
  color: #fd34b7;
  background-color: #ffdff8;
  font-weight: normal;
  letter-spacing: 0.07em;
  padding: 0.05em 0.5em;
  display: inline-block;
  border-radius: 0.5em;
	border: 1px solid #fd34b7;
}

section.content .ently_navi .tag a {
  color: #009869;
  background-color: #ddfff5;
  font-weight: normal;
  letter-spacing: 0.07em;
  padding: 0.05em 0.5em;
  display: inline-block;
  border-radius: 0.5em;
	border: 1px solid #009869;
}

section.content .ently_navi .category a:hover,
section.content .ently_navi .tag a:hover {
  text-decoration: none;
  opacity: 1;
}

section.content .ently_navi .category a:hover {
	background-color: #fac6ef;
}

section.content .ently_navi .tag a:hover {
	background-color: #a5f0da;
}

/* アイキャッチ
----------------------------------------------- */
section.content article div.ac {
	max-width: 90%;
	margin: 0 auto 3em;
}

section.content article div.ac2 {
	max-width: 90%;
	margin:0.5em auto 1.5em;
}

section.content article div.ac3 {
	max-width: 90%;
	margin:2.8em auto;
}

section.content article div.ac img,
section.content article div.ac2 img,
section.content article div.ac3 img {
  max-width: 100%;
  height: auto;
}


/* 更新履歴
----------------------------------------------- */
.rireki {
  border:  2px solid #abe072;
  border-radius: 0.3em;
  margin: 0 auto 2.5em;
}

.rireki .box-title {
  font-size: 1em;
  color: #fff;
  background: #ABE072;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
  padding: 0.5em 0.8em;
}

.rireki .box-title:before {
  font-size: 1.1em;
  font-family: FontAwesome;
  content: '\f021';
  margin-right: 0.4em;
}

.rireki ul.r-date {
  color: #666;
  font-size: 0.85em;
  position: static;
	margin: 0.5em 0 0.5em 1em;
}

.rireki ul.r-date li {
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.rireki ul.r-date li:after { display: none; }

.rireki ul.r-date li span{
  display: inline-block;
  margin-left: 0.5em;
  letter-spacing: 0.1em;
}


/* 段落
----------------------------------------------- */
section.content p,
section.content .entry_more p {
	font-size: 1.125em;
	line-height: 2; 
	margin-bottom:3.5em;
}

p.final { margin-top: 7em; }

strong,
.bold { font-weight: bold; }





/* 広告
----------------------------------------------- */
.ad_box {
  margin: 4.5em auto;
  text-align: center;
}

.ad_box .ad-label {
  font-size: 0.7em;
  margin-bottom: 0.3em;  
}

.ad_box_azn{
  background: #fff0c0;
  margin: 4.5em auto;
  text-align: center;
  letter-spacing: 0.05em;
  border: 1px solid #dddddd;
  padding-left: 3px;
  padding-right: 3px;
  width: 308px;
  font-size: 0.8em;
}

.ad_box_azn a{ font-size: 1.3em; }

.ad_box_azn span {
  display: block;
  margin-bottom: 3px;
  text-align: left;
  letter-spacing: 0.06em;
}

.ad_box_a,
.ad_box_v {
  margin: 4.5em auto;
  text-align: center;
  letter-spacing: 0.05em;
  border: 1px solid #dddddd;
  padding: 0 3px 0;
  width: 308px;
}

.ad_box_a a,
.ad_box_v a {color: #85ba4b;line-height:2;}

.ad_box_a a:hover,
.ad_box_v a:hover {text-decoration: underline} 

.ad_box_a:after,
.ad_box_v:after {
  font-size: 0.8em;
  padding: 0 2px 2px;
  display: block;
  text-align: left;
}

.ad_box_a img { margin-bottom: -1.8em; }

.popy:after {
  content: "家計にやさしい！シンプルな紙の教材がメインで、楽しく学べ、無理なく続きます。";
}

.dekitus:after {
  content: "「ポップでキュート」な「小中学生向け」学習教材。楽しくて、わかりやすいを目指したWEB学習システムです。";
}

.gakken1:after {
  content: "1サービスにつき月額500円(税抜)から、というお手頃な金額で始めることができます。学校の進度や学年にとらわれず、自分のペースで学習できます。";
}

.gakken2:after {
  content: "1サービスにつき月額500円(税抜)から、というお手頃な金額で始めることができます。学校の進度や学年にとらわれず、自分のペースで学習できます。";
}

.smile1:after {
  content: "ペンでも書ける、指でもさわれる専用タブレットで、スムーズに学べて、楽しく自然に反復学習。学びが楽しくなる。毎日､勉強したくなる。";
}

.smile2:after {
  content: "ペンでも書ける、指でもさわれる専用タブレットで、スムーズに学べて、楽しく自然に反復学習。学びが楽しくなる。毎日､勉強したくなる。";
}

.shimajiro:after {
  margin-top:-0.3em;  
  content: "0～6歳児向け幼児教育教材です。 しまじろうと一緒に豊かな体験を通して未来をきり開く力を育みます。";
}

.shozemi:after {
    margin-top:-0.3em;
  content: "ニガテを解消できる学力診断など小学生一人ひとりをサポートする通信教育講座です。タブレットで学ぶタイプと紙で学ぶタイプから選べます。";
}

.animate:after {
  margin-top:-0.3em;
  content: "ポイント5%還元やアニメイトオンライン限定の特典も充実しています。";
}

.ganbarusha:after {
  margin-top:-0.3em;
  content: "1ヶ月分からでも気軽に始められて、楽しくムリなく学べる1日1枚20分の家庭学習教材。2歳から始めらる幼児用通信教材(月々680円) と、小学生・中学生用通信教材(月々800円) があります。";
}


/* 参照バナー・ご意見・ご感想お願い
----------------------------------------------- */
.refer-box,
.request-box {
  position: relative;
  margin: 6.5em auto 5em;
  padding: 0.5em 0.7em;
  max-width: 98%;
  border: solid 3px #ff8bbc;
  border-radius: 0 5px 5px 5px;
}

.request-box { border: solid 3px #ABE072; }

.refer-box .box-title,
.request-box .box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  font-size: 1em;
  background: #ff8bbc;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.request-box .box-title { background: #ABE072; }

.refer-box p.refer {
  margin: 0;
  padding: 0 0.3em;
}

.refer-box p.refer .fa-chevron-right {
  color: rgba(255, 102, 153, 1);
  padding-right: 0.3em;
}

.refer-box ul.refer1,
.request-box ul.refer1 {
   width: 100%;
   margin: 0.5em 0 0.5em;
   padding: 0;
   display: flex;
   flex-direction: row;
}

 .refer-box ul.refer2 {
   width: 100%;
   margin: 1em 0 0.5em;
   padding: 0;
   display: flex;
   flex-direction: row;
}

.refer-box ul.refer1 li.refer3,
.refer-box ul.refer2 li.refer3,
.request-box ul.refer1 li.refer3 {
  width: 150px;
  position: static;
  margin: 0;
  padding: 0;
}

.refer-box ul.refer1 li.refer3 img,
.refer-box ul.refer2 li.refer3 img,
.request-box ul.refer1 li.refer3 img {
  vertical-align:bottom;
  width: 100%;
  height: auto;
  border: 1px solid #e2e2e2;
  padding:0.1em;
}

.request-box ul.refer1 li.refer3 img { border: 0 }

.refer-box ul.refer1 li.refer4,
.refer-box ul.refer2 li.refer4,
.request-box ul.refer1 li.refer4 {
  position: static;
  display: flex;
  margin: 0;
  padding: 3px 3px 3px 15px;
  width: 100%;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1em;
}

.request-box ul.refer1 li.refer4 {display: inline;}

.refer-box ul.refer1 li:after,
.refer-box ul.refer2 li:after,
.request-box ul.refer1 li:after { display: none }

.request-box ul.refer1 li.refer4 {
	font-size: 1.125em;
	font-weight: normal;
	line-height: 1.7;
	align-self: center;
}

.request-box ul.refer1 li.refer4 a  { font-weight: bold;}

.refer-box ul.refer1 li.refer4 a,
.refer-box ul.refer2 li.refer4 a { align-self: center; }

.refer-box ul.refer1 li.refer4 a:hover,
.refer-box ul.refer2 li.refer4 a:hover,
.request-box ul.refer1 li.refer4 a:hover { text-decoration: underline; }

.refer-box ul.refer1 li.refer4 a span,
.refer-box ul.refer2 li.refer4 a span {
  font-weight: normal;
  font-size: 0.85em;
  color: #666;
  margin: 0;
  display: inline-block;
}

.refer-box ul.refer1 li.refer4 a span strong,
.refer-box ul.refer2 li.refer4 a span strong { background-color: #ffc0ee; }

.refer-box ul.refer1 li.refer4 a span,
.refer-box ul.refer2 li.refer4 a span { margin:0.2em 0 0 0.5em; }

.refer-box ul.refer1 li.refer4 a span.rom,
.refer-box ul.refer2 li.refer4 a span.rom { margin:0.5em 0 0 0.5em; }

.refer-box ul.refer1 li.refer4 a span.rom strong,
.refer-box ul.refer2 li.refer4 a span.rom strong { background-color: #ffc0ee; }


/* 引用
----------------------------------------------- */
blockquote {
	position: relative;
  padding: 2.2em 0.9375em 0.625em 0.9375em;
	margin: 3.2em auto;
	width: 95%;
	box-sizing: border-box;
	background: #ecf8d8;
  color: #555;
}

blockquote:before{
	display: inline-block;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  vertical-align: middle;
  content: "\f10d";
  font-family: FontAwesome;
  color: #ABE072;
  font-size: 1.75em;
  line-height: 1;
}

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

blockquote cite a {
	color: #73a51c;
	text-decoration: none;
}

blockquote cite a:hover { color: #acd16b; }


/* バナー
----------------------------------------------- */
.banner_one,
.banner_set {
  margin: 3.5em auto 3.5em;
  width: 70%
}

.banner_info {
  margin: 3.5em auto 3.5em;
  width: 70%
}

.banner_one img,
.banner_set img,
.banner_info img { width: 100% }

.banner_set a img.msg { margin-top: 1em; }


/* リスト
----------------------------------------------- */
section.content article ul {
  margin: 0 0 2em 2em;
	width: 95%;
}
section.content article ul li {
  position: relative;
	margin-bottom: 0.5em;
	font-size: 1.125em;
}
section.content article ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 0.5em;
  height: 0.5em;
  background-color: #ABE072;
  border: 1px solid #ABE072;
  border-radius: 100%;
}

/* 番号付きリスト
----------------------------------------------- */
section.content article ol.circled {
  counter-reset: number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  padding: 0.5em;
	margin: 0 auto 2em;
	width: 98%
}
section.content article ol.circled li {
  position: relative;
  line-height: 1.5em;
  padding: 0.3em 0.5em 0.3em 2em;
		font-size: 1.125em;
}

section.content article ol.circled li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #ABE072;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 0.9em;
  border-radius: 50%;
  left: 0;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/* 括弧つき数字リスト
----------------------------------------------- */
section.content article ol.list_parentheses {
  counter-reset: number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  padding: 0.5em;
	margin: 0 auto 2em;
	width: 98%
}

section.content article ol.list_parentheses li {
		font-size: 1.125em;
  line-height: 1.5;
  margin-left: 2em;
  padding: 0.3em 0.5em 0.3em 1em;
  text-indent: -2.3em;
  list-style-position:inside;
  counter-increment: cnt;
}

section.content article ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

/* 括弧つきアルファベットリスト
----------------------------------------------- */
section.content article ul.latin { margin-top: 0.7em; }

section.content article ul.latin li {
	font-size: 1.125em;
  position: static;
	margin-bottom: 0.7em;
  line-height: 1.5;
  text-indent: -3.3em;
  padding-left: 2em;
}

/* 定義リスト
----------------------------------------------- */
dl dt { font-size: 1.125em;}


/* まとめ
----------------------------------------------- */
.matome {
	background-color: #fff8e0;
  border:  2px solid #ffbd59;
  border-radius: 0.3em;
  margin: 5em auto 2.5em;
}

.matome .box-title {
  font-size: 1.125em;
  color: #fff;
  background: #ffbd59;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 0.5em 0.8em ;
}

.matome .box-title:before {
  font-size: 1.1em;
  font-family: FontAwesome;
  content: '\f00c';
  margin-right: 0.4em;
}

.matome .matome-box { padding:1em }

.matome .matome-box dl dt {	
	font-weight: bold;
	margin: 0 0 0.4em;
}

.matome .matome-box dl dt:before {
	color: #ff8900;
  font-size: 1.3em;
  font-family: FontAwesome;
  content: '\f100';
  margin-right: 0.3em;	
}
.matome .matome-box dl dt:after {
	color: #ff8900;
  font-size: 1.3em;
  font-family: FontAwesome;
  content: '\f101';
  margin-left: 0.3em;	
}

.matome .matome-box ul.matome-list {
	font-weight: normal;
	width: 93%;
	margin-bottom: 0;
}

.matome .matome-box ul.matome-list li.matome-list01:after {
  background-color: #ffb23d; /* 必ずリスト設定の後に記入 */
  border: 1px solid #ffb23d;
}

.matome .matome-box ul.matome-list li.matome-list01:last-child { margin-bottom: 0; }

.matome .matome-box ul.matome-list li.matome-list02,
.matome .matome-box ul.matome-list li.matome-list03 { 
	position: static;
	margin-left: -1em;
	text-indent: -1.2em;
	padding-left: 1em;
}

.matome .matome-box ul.matome-list li.matome-list02:before {
	color: #ffa823;  
  font-family: FontAwesome;
  content: '\f0a9';
  margin-right: 0.3em
}

.matome .matome-box ul.matome-list li.matome-list03:before {
	color: #ff8900;
  font-family: FontAwesome;
  content: '\f119';
  margin-right: 0.3em	
} 

.matome .matome-box ol.list_parentheses { 
	margin: -0.5em auto 0;
	width: 100%
}

.matome .matome-box p {
	line-height: 1.5;
	margin-bottom: -0.5em;
}

.matome .matome-box .frown:before {
	color: #ff8900;
  font-family: FontAwesome;
  content: '\f119';
  margin-right: 0.3em	
} 

.red { color: #ff2076; }

.allow-box { margin:1em 0 0.7em 5em ;line-height: 1}

.allow-box .arrow-up,
.allow-box .arrow-down {
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	border-radius: 0.5em;
}

.padding01 {	padding: 0.3em 1em; }

.padding02{	padding: 0.3em 2em; }

.allow-box .arrow-up:before {
	font-size: 1.8em;
  font-family: FontAwesome;
  content: '\f062';
}

.allow-box .arrow-down:before {
	font-size: 1.8em;
  font-family: FontAwesome;
  content: '\f063';
}

/* 記事内目次
----------------------------------------------- */
nav.mkj {
  border:  2px solid #abe072;
  border-radius: 0.3em;
  margin: 0 auto 5em;
}

nav.mkj h4 {
  color: #fff;
  background: #ABE072;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.8em;
  border-bottom: 2px solid #abe072;
}

nav.mkj ul.mkj2 {
  margin: 0 0 0.5em 1.2em;
	width: 95%;
}

nav.mkj ul.mkj2 li.mkj3 {
  position: static;
	margin-bottom: 0.5em;
}

nav.mkj ul.mkj2 li.mkj3:before {
    font-family: FontAwesome; /*家アイコン*/
  content: '\f101';
  color: #ff6699;
  margin-right: 0.4em;
}


/* 吹き出し
----------------------------------------------- */
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon1,
.balloon5 .faceicon2 {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon1 img,
.balloon5 .faceicon2 img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.balloon5 .faceicon1 img { border: solid 3px #c5e3ff; }

.balloon5 .faceicon2 img { border: solid 3px #aff4b7; }

.balloon5 .faceicon1 div,
.balloon5 .faceicon2 div {
  font-size: 0.9em;
  text-align: center;
  margin-top: -0.3em;
}

.balloon5 .chatting {
    width: 100%;
}

.says1,
.says2 {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
}

.says1 { background: #c5e3ff; }

.says2 { background: #aff4b7; }

.says1:after,
.says2:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -23px;
    border: 12px solid transparent;
}

.says1:after { border-right: 12px solid #c5e3ff; }

.says2:after { border-right: 12px solid #aff4b7; }

.says1 p,
.says2 p {
    margin: 0;
    padding: 0;
}


/* CD-ROM カートボタン
----------------------------------------------- */
.cartbox1 {
  background: #ffddef;
  margin: 4em auto 1em;
}

h3.stitch-pink{ 
	background: #ff63ab;
  margin-bottom: 1em;
  padding: 0.3em;
  border-radius: 0em;
}

h3.stitch-pink span {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height:1.7;
  display: block;
	padding: 0.3em 0.7em;
  border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
  border: 1px dashed #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.item-image {
  max-width: 400px;
  margin: 1.5em auto
}

.cartbox1 p.spec {
  margin: 0.5em 1em 0 1.5em;
  text-indent: -1.2em;
  line-height: 1.5;
  padding-left: 1em;
}

.cartbox1 p.spec:before {
  content: "\f058";
  font-family: FontAwesome;
  color: #e83c7e;
  margin-right: 0.3em;
}

/* ボタンで開閉タイプ */
.cartbox2 { margin: 1.5em auto; }

.ccb01,
.db01 {
  color: #fff;
  background: url('https://blog-imgs-117.fc2.com/h/a/t/hattatsushougailab/arrow20.png') 95% 50% no-repeat;
  background-color: #ff33a1;
  font-weight: bold;
  text-align: center;
  width: 20em;
  height: 4em;
  margin: 0 auto;
  padding: 0.5em 1em 0.7em;
  border-bottom: 4px solid #d30976;
  border-radius: 0.3em;
  cursor: pointer;
}

.db01 { line-height: 2.7 }

.ccb01:hover,
.db01:hover {
  background-color: rgba(255, 51, 161, 0.65);
  border-bottom: 4px solid rgba(211, 9, 118, 0.65);
}

.ccb02,
.db02 {
  width: 60%;
  margin: 1em auto;
  letter-spacing: 0.02em;
  position: static;
  color: #666 !important;
  border-radius: 1em;
  background-color: #fff;
  padding: 0.5em 0 0 0;
}

p.sk {
  text-align: right;
  margin: 1.5em auto 0;
  padding: 0 1em 0.5em 0;
}

p.sk a { font-size: 0.85em }

/* 表示タイプ */
.cartbox1 ul.cart {
  margin: 2em auto 0;
  display: flex;
  justify-content: space-between;
}

.cartbox1 ul.cart li {
  letter-spacing: 0.02em;
  width: 49%;
  position: static;
  color: #666 !important;
  border-radius: 1em;
  background-color: #fff;
  padding: 0.5em 0 0 0;
  margin: 0 0 1em 0;
}


/* テーブル
----------------------------------------------- */
table.table{
	border-collapse: collapse;
	margin: 0.4em auto 2em auto;
}

table.table td{
	border-collapse: collapse;
  background-color: #F9F9F9;
  text-align: left;
  padding: 0.5em;
  border: 1px solid #D6D6D6;
  line-height: 1.25;
}

table.table th{
background-color: #F5F5F5;
text-align: right;
padding: 8px;
white-space: nowrap;
color: #151515;
border-top: 1px solid #D4D4D4;
border-right: 4px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
font-size: 1em;
font-weight :normal;
letter-spacing: 0.06em;
background-repeat: repeat-x;
background-position:top ;
}

/* プライバシーポリシー
----------------------------------------------- */
section.sect_01 {
  padding: 0;
  margin-top: 3.5em;
}

section.sect_01 ul.policy {
  margin: 0;
	width: 100%;
}
section.sect_01 ul.policy li.list {
  counter-increment:　none;
  padding: 0;
  margin-bottom: 2.2em;
  position: static;
}

section.sect_01 ul.policy li.list p {
  margin: 0 0 0.3em 0;
}

section.sect_01 ul.policy li.list ol.list_parentheses li{
  padding: 0;
  margin-bottom: 0.6em;
  position: static;
}

h3.subheading3 {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom:0em;
	padding: 0.5em 0 0.3em;
	background: #fff;
	border-left: none;
}

/* サイトマップ
----------------------------------------------- */
.sitemap { margin-bottom: 2.2em; }

.sitemap .parent { color: #75B76E; }

.sitemap .parent:before {
  content: "\f144";
  font-family: FontAwesome;
  color: #70d068;
  margin-right: 0.5em;
  font-size: 1.5em;
}

.sitemap .parent a {
	color: #697c67;
	text-decoration: none;
  font-size: 1.5em;
}

.sitemap .parent a:hover {
  color: #697c67;
  opacity: 0.9;
	text-decoration: underline;
}

.sitemap ul.child-list1 {
  margin: 1em 0 0 1em;
  width: 100%;
}

.sitemap ul.child-list1 li.child1 {
  position: static;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin-bottom: 0.4em;
	margin-right: 0.5em;
  font-size: 1.2em;
}

.sitemap ul.child-list1 li.child1 a { color: #71aa34; }

.sitemap ul.child-list1 li.child2 ul.child-list2 li.child3 a { color: #92d668; }

.sitemap ul.child-list1 li.child1:before {
  content: "\f101";
  font-family: FontAwesome;
  color: rgba(255, 102, 153, 0.88);
  font-weight: bold;
  margin-right: 0.5em;
  font-size: 1.15em;
}

.sitemap ul.child-list2 {
  margin: 0;
  width: 100%;
}

.sitemap ul.child-list1 li.child2 {
  position: static;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin-bottom: 0.8em;
}

.sitemap ul.child-list1 li.child2 ul.child-list2 li.child3 {
  position: static;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin-bottom: 0.7em;
	margin-right: 0.5em;
}

.sitemap ul.child-list1 li.child2 ul.child-list2 li.child3:before {
  content: "\f105";
  font-family: FontAwesome;
  color: rgba(255, 102, 153, 0.54);
  font-weight: bold;
  margin-right: 0.5em;
}

.sitemap ul.child-list1 li.child1 a:hover,
.sitemap ul.child-list1 li.child2 ul.child-list2 li.child3 a:hover {
  text-decoration: underline;
}


/*-----------------------------------------------------------
  個別記事ページ送り
------------------------------------------------------------*/
div.post-nav {
  display: flex;
  justify-content: space-between;
  margin: 6em auto 5em;
  width: 100%;
  padding: 2em 0;
  border-top: solid 2px rgba(171, 224, 114, 0.3);
  border-bottom: solid 2px rgba(171, 224, 114, 0.3);
}

div.post-nav div.prev {
  width: 45%;
  display: flex;

}
div.post-nav div.prev p.post-nav-title {
  text-align: left;
  line-height: 1.6;
  margin: 0;
}

div.post-nav div.next {
  width: 45%;
  display: flex;
  justify-content: flex-end;
}

div.post-nav div.next p.post-nav-title {
  line-height: 1.6;
  margin: 0;
  text-align: right;
}

div.next .fa-chevron-right {
  padding-top: 0.3em;

  color: rgba(255, 102, 153, 0.7);
  margin-left: 0.5em;
  display: block;
}

div.prev .fa-chevron-left {
  padding-top: 0.3em;
  color: rgba(255, 102, 153, 0.76);
  margin-right: 0.5em;
  display: block;
}

div.prev a,
div.next a { color: #45b200; }

div.prev .post-nav-title:hover,
div.next .post-nav-title:hover { text-decoration: underline; }


/*-----------------------------------------------------------
  アイキャッチ画像付関連記事
------------------------------------------------------------*/
#fc2relate_entry_thumbnail_area {
  margin: 4em 0 0 !important;
  padding: 0.9375em 0 0.3125em 0 !important;
  border: 0px #a7e083 solid !important; /* 枠線の色 */
  background: #fff !important; /* リスト背景色 */
  -webkit-border-radius: 0.25em; 
  -moz-border-radius: 0.25em; 
  -o-border-radius: 0.25em; 
  border-radius: 0.3em;
}
 
#fc2relate_entry_thumbnail_area .relate_dt {
  margin: 0 !important;
  padding: 0 1.25em 0.3em 1.25em !important;
  border: 0 none !important;
  border-bottom: solid 2px #ABE072 !important;/* 下線の色 */
  box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
  line-height: 1.2 !important;
  background: none !important;
  letter-spacing: 0.07em;
	font-size: 1.5em;
	color: #58a850;
}

#fc2relate_entry_thumbnail_area .relate_dt img {
	width: 1.6em;
	height: auto;
	display: inline-block;
	margin-right: 0.8em;
	vertical-align: -30%;
}
 
#fc2relate_entry_thumbnail_area .relate_dd {
  margin: 0;
  overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
  margin: 1.5em 0  !important;
	width: 100%;
  padding: 0 !important;
  overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
  width: 50%;/* 2列は50%　3列は33.3% */
  height: 6em;
  float: left;
  list-style: none;
  border-bottom:0px solid #c3efa7;/* 下線の色 */
  box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
  margin-bottom: 0.6em   !important;
}

#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li::after {
	display: none;
}
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image {max-width:5em;margin-left: 0.5em }
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image img {
  padding: 0.125em !important;
  margin: 0.3125em !important;
  width: 4.5em !important;/* 画像の大きさ */
  height: auto !important;/* 画像の大きさ */
  border: 1px #dddddd solid !important;/* 画像の枠線 */
}
 
.thumbnail_wrapper {
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: center;
}
 
.thumbnail_wrapper > * {
  flex:1 1 auto;
}
 
.relate_entry_String {
  word-break: break-all;
  line-height: 1.55;
  letter-spacing: 0.05em;
  padding:0.7em 1em;
  margin-top: -0.45em;
  overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_li a {
	color: #45b200;
  text-decoration: none !important;
}
 
#fc2relate_entry_thumbnail_area .relate_li a:hover {
  text-decoration: underline !important;
}

/* SNSボタン
----------------------------------------------- */
.sns-bt {
	margin: 1.8em auto 0 ;
  font-size: 12px !important;
	letter-spacing: 0;
}

.sns-bt ul {
	width: 100%;
  display: block;
  text-align: center;
  padding: 0;
	margin: 0;
	display: flex
}

.sns-bt ul li {
	/*float: left;*/
	width: 16%;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
	margin-left: 0.5%;
}

.sns-bt ul li:last-child { 
	width: 16%;
	margin-right: 0.5%;
}

.sns-bt ul li a {
	display: block;
  padding: 2px 0;
	height: 26px;
	border-radius: 0.5em;
}

.sns-bt ul li a:hover {
	color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

/*twitter*/
.sns-bt ul li.twitter a {
	background-color: #55acee;
  color: #fff;
	border-bottom: 4px solid #148ae3;
}

.sns-bt ul li.twitter a:hover {
  opacity: 0.7;
}

.sns-bt ul li.twitter a:before {
  font-family: FontAwesome;
    content: '\f099';
}

/*facebook*/
.sns-bt ul li.facebook a {
  background-color: #3d5b98;
  color: #fff;
	border-bottom: 4px solid #2b3f67;
}

.sns-bt ul li.facebook a:hover {
  opacity: 0.7;
}

.sns-bt ul li.facebook a:before {
  font-family: FontAwesome;
  content: '\f09a';
}

/*hatena*/
.sns-bt ul li.hatena a {
  background: #008FDE;
  color: #fff;
	border-bottom: 4px solid #0072b1;
}

.sns-bt ul li.hatena a:hover {
  opacity: 0.7;
}

.sns-bt ul li.hatena a:before {
  font-family: ;
  content: 'Ｂ!';
  font-weight: bold;
}

/*Google+*/
.sns-bt ul li.google a {
  background-color: #dd4b39;
  color: #fff;
	border-bottom: 4px solid #be2c1a;
}

.sns-bt ul li.google a:hover {
  opacity: 0.7;
}

.sns-bt ul li.google a:before {
  font-family: FontAwesome;
  content: '\f0d5';
}

/*line*/
.sns-bt ul li.line a {
  background-color: #2cbf13;
  color: #fff;
	border-bottom: 4px solid #19aa00;
}

.sns-bt ul li.line a:hover {
  opacity: 0.7;
}

/*feedly*/
.sns-bt ul li.feedly a {
	background-color: #8cc63f;
	color: #fff;
	border-bottom: 4px solid #65ac07;
}

.sns-bt ul li.feedly a:hover {
    opacity: 0.7;
}

.sns-bt ul li.feedly a:before {
    font-family: FontAwesome;
    content: '\f09e';
}


/*============================================================
  記事一覧
============================================================*/
section.grid-item {
	border: 1px solid rgba(0,0,0,0.05);
	background: #fff;
	padding: 2em;	
	margin-bottom: 3em;
}

h2.grid-title{ 
	background: #ABE072;
  padding: 0.4em 0;
  border-radius: 0.2em;
	margin-bottom: 0;
}

h2.grid-title span {
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	line-height:1.7;
  display: block;
	padding: 0.3em 0.7em;
  border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

h2.grid-title a {
	color: #fff;
}

.grid-box {
	color: #666;
	padding:1.2em 1.2em 0 1.2em ;
	overflow:hidden;
  display:-webkit-box;/* fallback old Android */
  display:-ms-flexbox;/* fallback ie10 */
  display: -webkit-flex;/* fallback old safari */
  display: flex;
  justify-content: space-between;
}

.grid-image { width: 45%; }

.grid-image img { 
	width: 100%;
	height: auto;
		
}
.grid-content { width: 53%; }

.grid-content .ently_navi {
	margin: 0.5em 0.5em;
	color: #737373;
}

.grid-content .ently_navi .date {
	font-size: 0.8em;
	letter-spacing: 0.02em;	
}

.grid-content .ently_navi .category {
	font-size: 0.8em;
	margin: 0.5em 0.9em 0.5em 0;
}

.grid-content .ently_navi .tag {
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 0.5em;
	display: inline-block;
}

.grid-content .ently_navi .date:before {
  font-family: FontAwesome;
  content: '\f073';
  margin-right: 0.5em;
}

.grid-content .ently_navi .category:before {
  font-family: FontAwesome;
  content: '\f07c';
  margin-right: 0.3em;
	font-size: 1em;
}

.grid-content .ently_navi .category a {
  color: #fd34b7;
  background-color: #ffdff8;
  font-weight: normal;
  letter-spacing: 0.07em;
  padding: 0.05em 0.5em;
  display: inline-block;
  border-radius: 0.5em;
	border: 1px solid #fd34b7;
}

.grid-content .ently_navi .tag a {
  color: #009869;
  background-color: #ddfff5;
  font-weight: normal;
  letter-spacing: 0.07em;
  padding: 0.05em 0.5em;
  display: inline-block;
  border-radius: 0.5em;
	border: 1px solid #009869;
}

.grid-content .ently_navi .category a:hover,
.grid-content .ently_navi .tag a:hover {
  text-decoration: none;
  opacity: 1;
}

.grid-content .ently_navi .category a:hover {
	background-color: #fac6ef;
}

.grid-content .ently_navi .tag a:hover {
	background-color: #a5f0da;
}

.grid-description {
	margin: 0;
	padding: 0 0 1em 0;
}

/* もっと読む
----------------------------------------------- */
section.grid-item .entry_more_link {
	color: #fff;
  background-color: #ABE072;
	margin: 2em 1em 0 auto;
	padding: 0;
	width: 8em;
	line-height: 2;
}

section.grid-item .entry_more_link a {
  text-align: center;
  color: #fff;
	margin: 0;
  padding: 0.8em 1em 1em 1.3em;
  font-size: 1em;
	width: 100%;
	display: block;
}

section.grid-item .entry_more_link a:hover {
  text-decoration: none;
  background-color: #92d944;
	color: #fff;
	opacity: 1;
}


/*============================================================
  カエレバ・ヨメレバ・トマレバ
============================================================*/
.cstmreba {
	width:98%;
	height:auto;
	margin:4em auto 2.5em;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba p {
	display: none;
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
	width:100%;
	display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
	font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
	display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
	clear:both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.cstmreba .booklink-image,
	.cstmreba .kaerebalink-image,
	.cstmreba .tomarebalink-image {
		width:100%;
		float:none;
	}
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.cstmreba .booklink-info,
	.cstmreba .kaerebalink-info,
	.cstmreba .tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.cstmreba .booklink-link2>div,
	.cstmreba .kaerebalink-link1>div,
	.cstmreba .tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}


/*============================================================
  検索結果 タイトル
============================================================*/
.main-body {
	border: 1px solid rgba(0,0,0,0.05);
	background: #fff;
	padding: 1.2em 1.8em;	
	margin-bottom: 3em;
}

.main-body h2.another-title { 
	color: #666;
	background: #fff;
	font-size: 1.4em;
  padding: 0.4em 0 0.4em 1em;
	margin-bottom: 0;
  border-left: 6px solid #ABE072;
  letter-spacing: 0.06em;
}


/*============================================================
  目次
============================================================*/
ul.toc li.chapter,
ul.toc li.chapter ul.title01 li.circle01,
ul.toc li.chapter ul.title01 li.circle02,
ul.toc li.chapter ul.title01 li.circle02 ul.title02 li.diamond,
ul.toc li.chapter ul.title01 li.circle03 {
  position: static;
}

ul.toc li.chapter:after,
ul.toc li.chapter ul.title01 li.circle01:after,
ul.toc li.chapter ul.title01 li.circle02:after,
ul.toc li.chapter ul.title01 li.circle02 ul.title02 li.diamond:after,
ul.toc li.chapter ul.title01 li.circle03:after {
  display: none;
}

ul.toc li.chapter{
  margin-left:-1em;
}

ul.toc li.chapter:first-child {
  font-weight: bold;
  font-size: 1.1em;
}

ul.toc li.chapter ul.title01 li.circle01,
ul.toc li.chapter ul.title01 li.circle03 {
  margin-left: -1em;
}

ul.toc li.chapter ul.title01 li.circle01:before,
ul.toc li.chapter ul.title01 li.circle03:before {
  content: "\f111";
  font-family: FontAwesome;
  margin-right: 0.3em;
  color: rgba(102,153,255,.7);
}

ul.toc li.chapter ul.title01 li.circle02 ul.title02 li.diamond {
  margin-left: -2em;
}

ul.toc li.chapter ul.title01 li.circle02 ul.title02 li.diamond:before {
  content: "\f101";
  font-family: FontAwesome;
  margin-right: 0.3em;
  color: #33cc66;
}

ul.toc li.chapter ul.title01 li.circle02 ul.title02 {
  margin-bottom: 0.8em;
}

ul.toc li.chapter ul.title01 li.circle03 {
  margin-bottom: 0.8em;
}


/*============================================================
  ページネーション
============================================================*/
#pagenavi {
	line-height: 36px;
  font-size: 16px;
  text-align: center;
  margin: 10px 10px;
}

#pagenavi a, #pagenavi span {
	width: 36px;
  margin: 3px;
  background: #91D646;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
}

#pagenavi span {
  background: #579B1F;
}

#pagenavi a.dot {
  opacity: 0.6;
}

#pagenavi a:hover {
  background: #77AD39; 
}


/*============================================================
  ページトップ(jQuery)
============================================================*/
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 55px;
}

.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgba(49, 62, 49, 0.67);
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  line-height: 42px;
}

.pagetop a:hover {
  background-color: rgba(22, 93, 22, 0.66);
}


/*============================================================
  サイドバー
============================================================*/

/* トップページバナー
----------------------------------------------- */
.top-banner {
  margin: 0 auto 2.5em;
  max-width: 500px;
}

.top-banner2 {
  margin: 0 auto 2.5em;
  max-width: 500px;
}

.top-banner img,
.top-banner2 img {
  width: 100%;
  height: auto;
}

/*-----------------------------------------------------------
  サイドメニュー
------------------------------------------------------------*/
section.side-menu {
	background: #fff;
	margin-bottom: 3em;
}

section.side-menu h3 {
	color: #fff;
	background: #abe072;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1;
	padding: 0.8em;
	margin-bottom: 0em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

section.side-menu .sidebar-style {	
  padding: 1em;
}

section.side-menu .sidebar-style a:hover {
	text-decoration: underline;
}

/* プロフィール
----------------------------------------------- */
section.side-menu .sidebar-style p.profile:first-child {
	margin: 0.5em auto 0;
	width: 50%;
}

section.side-menu .sidebar-style p.profile {
	margin: 1em auto;
	width: 85%;
	font-size: 0.9em;
}

section.side-menu .sidebar-style p.profile img {
	width: 100%;
	height: auto;
}

#social-icon {
	width: 90%;
  margin: 1.5em auto 0;
}

#social-icon ul {
  margin-bottom: 1em;
  
  display: flex;
  justify-content: space-between;
}

#social-icon ul li { width: 48% }

#social-icon ul li a {
  position: relative;
  display: block;
  width:100%;
  margin: 0 auto;
  padding: 0 0 0 40px;
  background: #c6bb80;
  color: #fff;
  text-decoration: none;
  text-align:center;
  line-height: 40px;
	font-size: 0.9em
}

#social-icon i {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  background: #bcaf68;
  line-height: 40px;
	font-size: 1.2em;
  text-align: center;
}

#social-icon i:before { padding 0; line-height: 40px; }

#social-icon a:hover i { opacity: 0.7; }

#social-icon .fa-twitter{ background:#00a1e9; }

#social-icon ul li > a.twitter{ background:rgba(0, 161, 233, 0.76); }

#social-icon .fa-rss { background: #ff8c00; }

#social-icon ul li > a.rss{background:rgba(255, 140, 0, 0.72); }

/* ブログランキング
----------------------------------------------- */
.b_ranking { 
  margin: 2em auto;
  width: 90%;
}

.b_ranking ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.b_ranking ul .b1_box {

  width: 43%;
}
.b_ranking ul .b1_box img {width: 100%;height: auto;}
.b_ranking ul .b2_box { 
width: 54%
  
}

.b_ranking ul .b2_box img { 
  width: 100%;
  height: auto;
}

.b_ranking ul .b1_box .ranking,
.b_ranking ul .b2_box .ranking {
  text-align: center;
  line-height: 1;
  font-size: 0.75em;
  display: block;
  letter-spacing: 0.01em;

}

/* 最新記事
----------------------------------------------- */
#fc2_recent_entry_thumb_409611 {
	padding:  0 !important;
}
.fc2_recent_entry_thumb_item {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.5em;;
	border-bottom: 1px dotted #bde081;
}

.fc2_recent_entry_thumb_item:last-child {
	border-bottom: 0 dotted #bde081;
}

/* カテゴリ
----------------------------------------------- */
.s_category div div.cat_list   {
  margin-left: 1.1em;
	padding: 0.3em 0;
  padding-left: 1.0em;
  text-indent: -1.8em;
}

.s_category div div.cat_list span.fa-angle-right {
  color: #ff63a5;
  margin-left: 2.8em;
  margin-right: -0.85em;
}

/* 検索フォーム
----------------------------------------------- */
dl.search2 {
	position: relative;width: 95%;margin: 0 auto
}

dl.search2 dt {
	margin-right: 65px;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #aaa;
}

dl.search2 dt input {
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: none;
	border: none;
}

dl.search2 dd {
	position: absolute;
	top: 0;
	right: 0;
}

dl.search2 dd button {
	display: block;
	width: 60px;
	height: 42px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background-color: #8dc94d;
	border: 1px solid #8dc94d;
	letter-spacing: 0.1em;
}

/* タグ
----------------------------------------------- */
.side-menu p.s_tag a {
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em;
  text-decoration: none;
  color: #009869;
  border: solid 1px #009869;
  background: #ddfff5;
  border-radius: 0.5em; 
}

.side-menu p.s_tag a:hover {
  background: #a5f0da;
	text-decoration: none;
}




/*============================================================
  フッター
============================================================*/
#f-container {
	width: 100%;
	background: #fff;
}

#footer {
	width: 1180px;
	margin: 0 auto;
  display: flex;
	justify-content: space-between;
  overflow: hidden;
  padding: 1em 1em 1.5em 1em;
}

#footer .logo .title {
	font-size: 1.2em;
	vertical-align: -5%;
}

#footer .logo img {
	width: 40px;
	height: auto;
}

ul.footnav {
	margin-top: 0.3em;
  padding: 0 0 1em;
}

ul.footnav li {
  float:left;
  margin-bottom:10px;
  padding: 0 0.5em 0 0.5em;
  font-size: 0.9em;	
  border-right: 1px solid #b6b6b6;
}

#footer a { color:#666; }
#footer a:hover { color:#888; }

p.footer-copy {
	flex-direction: column;
  clear: both;
  padding: 5px;
  text-align: center;
  font-style: normal;
  font-size: 0.7em;
  color: #666;
  background: #e8e8e8;
}


/*============================================================
  メディアクエリ
============================================================*/

/* PC用（1081px～）
------------------------------------------------------------*/
@media only screen and (min-width: 1080px){
	
body { font-size: 16px; }

}
	
/* PC用（～1079px）
------------------------------------------------------------*/
@media only screen and (max-width: 1079px){

#header,
#mainNav ul,
.breadcrumb,
#wrapper,
#footer { width: 960px;border: 0px solid yellow; }

.pagetop {
  bottom: 30px;
  right: 30px;
}	

#footer{
	display: flex;
	flex-direction: column;
}

#footer .logo { text-align:center; }

#footer .footnav {
	margin: 1em auto 0;
	padding-bottom: 0;
	}
	
#footer .footnav li { margin-bottom: 0; }
	
#footer .footnav li:last-child { border: 0; }
	
}

/* タブレット横用（～959px）
------------------------------------------------------------*/
@media only screen and (max-width:959px){

	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body { font-size: 14px; }

#header,
#mainNav ul,
.breadcrumb,
#wrapper,
#footer { width: 98%;border: 0px solid blue; }
	
.logo {
	display: flex;
	flex-direction: row; 
	justify-content: center;
  padding-top: 0.5em;
	padding-bottom: 1em; 
}

.logo p.title,
.logo p#subtitle{
	margin: 0 auto;
	text-align:center;
	display: block;
}

.logo img {
	text-align:center;
  padding: 0;
	margin: 0 auto;
  width: 50px;
  height: auto;
	display: block;
}
	
#mainNav {
 width:100%;
 margin-top: 0em;
} 
	
#mainNav ul {  display: block; }
	
#mainNav ul li { 
 background-color: #ABE072;
 float: left;
 width:33%;
 margin:0;
 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
	
#mainNav ul li:first-child { width: 33%; }
	
#mainNav ul li:nth-child(3n) { width:34%; }
	
#mainNav ul li:nth-child(1),
#mainNav ul li:nth-child(2),
#mainNav ul li:nth-child(3) { border-bottom: 1px dotted #fff; }
	
#mainNav ul li:nth-child(4) {	border-left: 1px dotted #fff; }
	
#mainNav ul li a {
  width:100%;
  padding-top:1em;
  padding-bottom: 1em;
  border-top:0;
}

#mainNav ul li a:hover { padding-top: 1em; }
	
#mainNav ul li:first-child a,
#mainNav ul li:last-child a { width:100%; }

#wrapper { flex-direction: column; border: 0px solid green;}	

#main {
	width: 100%;
	margin-right: 0;
}

section.content {
	width: 100%;
	margin-right: 0;
}
  
.pagetop a { display: none; }

#sidebar {
	width: 100%;
	margin-top: 5em;
}
  
.b_ranking { 
  margin: 2em auto;
  width: 40%;
}  

section.side-menu .sidebar-style p img {
	max-width: 300px;
	height: auto;
}
	
#footer .footnav li { margin-bottom: 0.5em; }

}
	
/* スマートフォン 横(ランドスケープ)（～640px）
------------------------------------------------------------*/

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

body { font-size: 12px; }

#header,
#mainNav ul,
.breadcrumb,
#wrapper { width: 98%;border: 0px solid aqua; }
	
#header h1,
.logo { text-align:center; }
	
#mainNav { margin: 0; }	
  
.banner_one,
.banner_set {
  margin: 3.5em auto 3.5em;
  width: 90%
}

.banner_info {
  margin: 3.5em auto 3.5em;
  width: 90%
}
	
.sns-bt ul {
	width: ;
  display: flex;
	flex-wrap: wrap;
  text-align: center;
  padding: 0;
	margin-left: 2%;
}
	
.sns-bt ul li {
	width: 30%;
  padding: 0;
	margin-left: 1%;
  margin-right: 1%;
	margin-bottom: 0.8em;

  white-space: nowrap;
  overflow: hidden;
}
	
.sns-bt ul li:last-child { 
	width: 30%;
	}
	
.sns-bt ul li a {
  height: 27px;
  padding-top: 3px;
}
  
.refer-box ul.refer1 li.refer3,
.refer-box ul.refer2 li.refer3 { width: 120px; }
	
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
  width: 100%; /* 2列は50%　3列は33.3% */
}

/* 記事一覧 */
.grid-box { flex-direction: column; }
	
.grid-image { width: 100%; }
	
.grid-content {
	width: 100%;
  padding-left: 0;
}
section.grid-item .entry_more_link { margin: 2em 1em 0.5em auto; }
	
.pagetop {
  bottom: 30px;
  right: 30px;
}

.pagetop a {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 35px;
}
	
#pagenavi {
	line-height: 25px;
  font-size: 12px;
  margin: 10px 5px;
}
	
#pagenavi a, #pagenavi span {  width: 25px; }
  
div.refer1 ul.refer2 li.refer4 {
  font-size: 1em;
}

	
}

/* スマートフォン 縦(ポートレート)（～480px）
------------------------------------------------------------*/

@media only screen and (max-width:480px){
	
#header,
#mainNav ul,
.breadcrumb,
#wrapper { border: 0px solid hotpink; }

#header { line-height: 1.3; }

#header #subtitle {
  width: 27em;
  line-height: 1.7;
}

#mainBanner { margin-top: -10px; }

#mainNav ul li a { font-size: 0.8em; }

.b_ranking { 
  margin: 0.5em auto 2em;
  width: 85%;
}
  
section.content { padding: 1.8em; }
  
section.content article{ padding: 1.2em 0 0; }
  
.refer-box ul.refer1 li.refer3,
.refer-box ul.refer2 li.refer3 { width: 100px; }
  
.ad_box { margin: 3em auto; }

.ad_box_a:after,
.ad_box_v:after {
  font-size: 0.9em;
}
	
blockquote {
  width: 95%;
}	

ul.toc li.chapter{
  margin-left:-1em;
  margin-right: 3.5em;
  font-size: 0.9em
} 

.pagetop {
  bottom: 10px;
  right: 15px;
}

/* 記事一覧 */
section.grid-item {	padding: 1.5em;	}

.grid-box { padding:1.2em 0.8em 0; }
	
/* CD-ROM カートボタン */
.item-image { width: 90%; }

.item-image img {
  width: 100%;
  height: auto;
  }

.ccb02,
.db02 {
  width: 95%
}

ul.cart {
    flex-direction: column;
    justify-content: flex-start;
}
ul.cart li { width:100% !important; }
  
}

/* スマートフォン 縦(ポートレート)（～320px）
------------------------------------------------------------*/

@media only screen and (max-width:320px){
  
section.content { padding: 0.45em; }
  
  }