@charset "UTF-8";
/* -------------------------------------
	case 1098px (PCサイト/コンテンツ幅より小さい時) */
@media screen and (max-width: 1098px){
	/*----------------------------------------*/
	body{
		min-height:4px;
	}

	.header,
	.footer,
	.content{
		min-width:1px;
	}
	.favorite_area,
	.header .header_inner,
	.footer .footer_inner,
	.content .content_inner{
		width:100%;
		padding-right:10px;
		padding-left:10px;
	}

	.content{
		width:100%;
	}

.header .navi ul li::after{
	margin-top:-10%;
}

.two_column .main{
	margin-left:0;
	width:68%;
}
.two_column .main .main_content{
	margin-left:0;
}
.two_column .side{
	width:27.82%;
}
.side .inner {
	padding: 0 0.8em 15px;
}
	.content .content_inner{
		margin-bottom:3em;
	}

	.list_area a dl{
		padding:0.7em 1.4em 0.7em 1.4em;
	}
	.list_area a dl dd{
		padding-top:0.5em;
		width:100%;
	}
	.list_area a dl dd .ttl{
	}

	.column02_area{
		background:#f6f5f2;
		letter-spacing:-.40em;
		padding:30px 30px;
	}
	.column02_area a{
		display:block;
	}
	.column02_area .column .col dl dd img{
		max-width:100%;
	}

	.pagetop_area{
		width:100%;
	}
	.pagetop_area .pagetop .link{
		margin-left:0;
		right:10px;
		padding-bottom:2em;
	}
	.pagetop_area .pagetop .link a:last-child{
		margin-top:10px;
	}

	/*----------------------------------------*/
}
/*	end case 1098px (PCサイト/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/


/* -------------------------------------
	case 960px  */
@media screen and (max-width: 960px){
/*----------------------------------------*/
.header .search_area{
	width: 100%;
}
.header .mypage_area{
	width: 59%;
}

/*----------------------------------------*/
}
/*	end case 960px
----------------------------------------*/



/* -------------------------------------
	case 768px (iPadの縦想定) */
@media screen and (max-width: 768px){
	/*----------------------------------------*/
	body{
		min-height:3px;
	}

	/*----------------------------------------*/
}
/*	end case 768px (iPadの縦想定 ここまで)
----------------------------------------*/
/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px){
	/*----------------------------------------*/

	html{
		font-size:5px;
	}
	body{
		min-height:2px;
		font-size:28px;
		font-size:2.8rem;
	}

	.pc{
		display:none !important;
	}

	br.pc{
		display:none !important;
	}

	.pc_inline{
		display:none !important;
	}
	.pc.col{
		display:none !important;
	}

	.sp{
		display:block !important;
	}

	.sp_inline{
		display:inline !important;
	}

	img{
		max-width:100%;
	}

	.header{
		background:#fff;
		width:100%;
		padding:0;
	}
	.header .header_inner{
		padding:0 0 3%;
	}
	.header .header_inner{
		padding:0;
	}
	.header .header_text{
		line-height:1.4;
	}
	.header .header_line{
		font-size:20px;
		font-size:2rem;
		line-height:1.4;
		padding:0.8em;
	}
	.header .logo{
		margin:0 auto;
		text-align:center;
	}
	.header .logo_area{
		display:block;
		width:65%;
		margin:0 auto 0;
	}
	.header .mypage_area{
		width: 90%;
	}
	.header .search_area{
		display:block;
		text-align:center;
		width:100%;
		margin-bottom:2em;
	}
	
	.header .logo img{
		max-width:auto;
		width:100%;
	}
	.search_area .text{
		line-height:1.5rem;
		width:12em;
	}
	.search_area .btn{
		line-height:2.5rem;
	}
	
	.header .sub_navi{
		display:none;
	}
	.header .navi{
		border:none;
		width:96%;
		float:none;
		margin:0 auto;
	}
	.header .navi ul li:after{
		display:none;
	}
.header .navi .g_navi{
		width:100%;
	}
	.header .navi .g_navi .g_navi_inner{
		background:#f6f6f6;
		width:100%;
		z-index:50;
	}
	.header .navi .g_navi .g_navi_inner ul{
		width:100%;
	}
	.header .navi .g_navi .g_navi_inner ul li{
		display:inline-block;
		font-size:32px;
		font-size:3.2rem;
		line-height:3em;
		border-right:none;
		border-bottom:1px solid #fff;
		text-align:left;
		width:100%;
	}
	.header .navi .g_navi .g_navi_inner ul li a{
		background:url(../../images/theme/ico_arrow_right04.png) no-repeat 0.9em center;
		background-size:auto 45%;
		color:#0e6eb8;
		text-align:left;
		padding:0 2em 0 3em;
		font-weight:normal;
	}
	.header .navi .g_navi .g_navi_inner ul li a:hover{
		text-decoration:underline;
	}

	.menu_trigger{
		background:url(../../images/theme/ico_arrow_down.png) no-repeat 0.8em center #a2a4b4;
		background-size:auto 60%;
		color:#fff;
		font-weight:bold;
		display:block;
		padding:1em 2.5em 1em 3.2em;
	}
	.breadcrumb{
		display:none;
	}
	.g_navi_inner{
		display:none;
	}

	.main{
		margin-bottom:3em;
	}

	.footer{
		background:#f6f6f6;
		border-bottom:16px solid #316087;
		padding:2em 0 0;
	}
	.footer .logo{
		padding:0 2em 2em 1.3em;
	}
	.footer .nav{
		font-size:20px;
		font-size:2rem;
		padding:0 2em 0;
		margin-bottom:1.5em;
	}
	.footer .nav > ul{
		float:none;
		width:100%;
		padding-left:0;
		margin-bottom:0;
	}
	.footer .nav > ul:first-child{
		padding-left:0;
		width:100%;
	}
	.footer .nav > ul > li{
		font-size:28px;
		font-size:2.8rem;
		letter-spacing:normal;
		margin-bottom:0.6em;
	}
	.footer .nav > ul > li > a{
		background:url(../../images/theme/ico_arrow_right.png) no-repeat left center;
	}
	.footer .nav > ul > li ul li{
		padding:0 0 0 1.5em;
		margin-bottom:0.5em;
	}
	.footer .copyright{
		font-size:20px;
		font-size:2rem;
		border-top:1px solid #eaeaea;
		text-align:center;
		padding:1em 0;
	}

	.two_column .main{
		float:none;
		width:100%;
		margin-left:0;
	}
	.two_column .main .main_content{
		margin-left:0;
	}
	.two_column .main .normal_area{
		margin-bottom:1em;
	}

	.two_column .side{
		float:none;
		width:100%;
	}

	.ttl_a{
		font-size:32px;
		font-size:3.2rem;
		padding:0 10px 10px;
		margin-bottom:0.7em;
	}

	.ttl_b{
		font-size:32px;
		font-size:3.2rem;
		padding:15px 20px 12px;
	}

	.ttl_c{
		font-size:28px;
		font-size:2.8rem;
		padding:0.5em 1.2em;
	}

	.ttl_d{
		border-left:6px solid #316087;
		font-size:32px;
		font-size:3.2rem;
		font-weight:bold;
		line-height:1.1;
		margin:0.8em 1.2em;
		padding:1px 10px 1px 0.5em;
	}

	.ttl_e{
		font-size:32px;
		font-size:3.2rem;
		background:url(../../images/theme/ico_circle.png) no-repeat 0.5em center;
		background-size:4.1% auto;
		padding:1em 0 1em 2em;
	}

	.ttl_f{
		font-size:32px;
		font-size:3.2rem;
		border-bottom-width:4px;
		padding:0 0.5em 0.6em;
		margin-bottom:1em;
	}

.normal > li,
.number > li,
.notes_list > li,
.square > li,
.list_icon01 > li,
.list_icon02 > li,
.textlist > li,
.textlist_a > li,
.textlist_b > li,
.textlist_c > li{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.4;
}

/* スマホの時だけリンクエリア */
.sp_link_menu li:first-child{
	border-top:1px solid #ccc;
}
.sp_link_menu li{
	border-bottom:1px solid #ccc;
}
.sp_link_menu a {
	display: block;
	padding: 0.7em 0;
}


	.column_a{
		margin-bottom:1em;
	}
	.column_a .col_left{
		float:none;
		width:100%;
	}
	.column_a .col_right{
		float:none;
		width:100%;
	}

	.list_area a dl{
		padding:0.7em 1em;
	}
	.list_area a dl dt{
		margin-bottom:1.5%;
	}
	.list_area a dl dd{
		padding-top:0;
	}
	.list_area a dl dd .category{
		font-size:24px;
		font-size:2.4rem;
		border-radius:0;
		margin-bottom:0.2em;
		width:21%;
		display:block;
	}
	.list_area a dl dd .ttl{
		width:100%;
		padding-left:0;
		padding-top:0.2em;
	}

	.entry_info .category{
		font-size:24px;
		font-size:2.4rem;
		border-radius:0;
		margin-bottom:0.2em;
		display:block;
	}

	.list_area03 a{
		display:block;
	}
	.list_area03 a dl dt{
		margin-bottom:0.2em;
	}
	.list_area03 a dl dd{
		padding-bottom:0;
	}

	.inner_sns_area{
		background:none;
		border:none;
		margin-bottom:1em;
	}

	.arrow{
		background-position:left center;
	}

	.column02_area{
		padding:1em;
	}
	.column02_area a{
		display:block;
	}
	.column02_area .column{
		border:none;
		padding:0;
	}
	.column02_area .column .col{
		padding-bottom:1em;
		width:100%;
		margin-left:0;
	}
	.column02_area .column .col dl dt{
		font-size:32px;
		font-size:3.2rem;
	}
	.column02_area .column .col p{
		font-size:28px;
		font-size:2.8rem;
	}
	.column02_area .column:last-child .col{
		padding-bottom:1em;
	}

	.columnblock_area{
		margin:0 0 0 0;
	}
	.columnblock_area article{
		width:100%;
		margin:0 0 1.5em 0;
	}
	.columnblock_area .sub_ttl{
		padding:0.8em;
	}
	.columnblock_area .text{
		font-size:28px;
		font-size:2.8rem;
		padding:0.8em 0.8em;
		margin:0;
	}

	.columnlink02_area{
		margin-left:0;
	}
	.columnlink02_area .col{
		width:100%;
		margin:0 0 0.5em 0;
	}
	.columnlink02_area .col a .col_img{
		width:28.43%;
	}
	.columnlink02_area .col a .col_img img{
		max-width:auto;
		width:100%;
	}
	.columnlink02_area .col a .col_text .text{
		font-size:28px;
		font-size:2.8rem;
	}

	.columnlink03_area{
		margin:0 0 0 0;
	}
	.columnlink03_area .col{
		width:100%;
		margin:0 0 1.5em 0;
	}
	.columnlink03_area .col a .img span{
		display:block;
	}
	.columnlink03_area .col a .img .color01{
		background:#f3f9ff;
	}
	.columnlink03_area .col a .img .color02{
		background:#fbf5fc;
	}
	.columnlink03_area .col a .img .color03{
		background:#fff7f7;
	}
	.columnlink03_area .col a .text{
		font-size:28px;
		font-size:2.8rem;
		margin:0 1.2em 1em;
	}
	.columnlink03_area .col a .arrow{
		margin:0 1.5em 0;
	}

	.column03{
		margin:0 0 2em;
	}
	.column03 .col{
		display:block;
		margin:0 auto;
		width:68.43%;
	}
	.column03 .col .ttl{
		display:inline-block;
		margin:0.8em 0 1em;
	}
	.column03 .col img{
		width:100%;
	}
.column03 .imgs img{
	width:95%;
	height:95%;
}

	.ad_area .ad{
		margin-bottom:1em;
		text-align:center;
	}

	.ad_area02{
		margin-bottom:1em;
		padding:2em 0;
	}
	.ad_area02 .column{
		letter-spacing:-.40em;
		text-align:center;
	}
	.ad_area02 .column .col{
		width:100%;
		margin:0 0 3%;
		padding:0 1em;
	}
	.ad_area02 .column .col:last-child{
		margin-bottom:0;
	}
	
.link_block{
}
.link_block ul{
	letter-spacing:-0.5em;
}

.link_block ul li{
	background:#fff;
	width:50%;
	vertical-align:top;
}
.link_block ul li{
}
.link_block ul li:nth-child(2n){
	background:#ffffff;
}
.link_block ul li:nth-child(4n),
.link_block ul li:nth-child(4n+1){
	background:#f8f8fa;
}
.pagelink_list{
}
.pagelink_list li{
	border-bottom:1px solid #e4e7eb;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:0;
}
.pagelink_list li a{
	padding:0.5em;
}
.pagelink_list li a:before{
}

.data_list .col a{
	padding:1em;
}
.data_list .col a:hover{
	text-decoration:none;
}
.data_list .img{
	width:43%;
	margin-bottom:1em;
}
.data_list .txt{
	width:55%;
	padding-left:0;
}
.data_list .txt .ttl{
	font-size:2.4rem;
	line-height:1.2;
}
.data_list .sub{
	float:none;
	clear:both;
	font-size:2.4rem;
	width:100%;
	padding:0.5em 0;
}
.data_list .txt .read{
	font-size:2.4rem;
}

.cell_block .ttl{
	font-size: 2.8rem;
}
.cell_block dl{
	letter-spacing:normal;
	padding:5px 0;
}
.cell_block dt,
.cell_block dd{
	display:block;
}
.cell_block dt{
	width:100%;
	font-weight:700;
}
.cell_block dd{
	width:100%;
	padding:0 1.5em;
}


.imgs img{
	width:95%;
	height:95%;
}
	.side .ttl_c{
		color:#fff;
		margin-bottom:0;
	}
	.side .section{
		border:none;
	}
	.side .section:last-child{
	}

	.side .inner{
		padding:0;
	}
	.side .link_list{
	}
	.side .link_list li{
		font-size:28px;
		font-size:2.8rem;
		background-image:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e0e0e0));
		background-image:-webkit-linear-gradient(top, #ffffff, #e0e0e0);
		background-image:linear-gradient(to bottom, #ffffff, #e0e0e0);
		margin:0 0 0 0;
	}
	.side .link_list li a{
		background:url(../../images/theme/ico_arrow_right02.png) no-repeat 1.2em 1.1em;
		background-size:4% auto;
		display:block;
		line-height:1.35;
		padding:1em 0 1em 2.8em;
	}
	.side .link_list li:last-child{
		margin-bottom:0;
	}
	.side .side_text{
		background:#e4e7eb;
		margin-bottom:0;
		padding:0.8em 1.2em;
	}

	.ttl_slider{
		border-top:1px solid #e0e0e0;
		background:url(../../images/theme/ico_footerclose.png) no-repeat 99% center #a2a4b4;
		background-size:5% auto;
		padding:0.8em 1em;
	}
	.ttl_slider.open{
		background-image:url(../../images/theme/ico_footer_open.png);
	}

	.sliderInner{
		display:none;
	}

/*----------------------------------------------------
	.テーブル装飾
----------------------------------------------------*/
	.table_type01 th,
	.table_type01 td,
	.table_type02 th,
	.table_type02 td,
	.table_type03 th,
	.table_type03 td{
		font-size:24px;
		font-size:2.4rem;
	}

/*.table_type01
----------------------------------------------------*/
    .table_type01 th,
    .table_type01 td{
		width: 100%;
        display: block;
		border-top: none;
    }
	.table_type01 tr:first-child th{ border-top: 1px solid #ddd; }

/*.table_type02
----------------------------------------------------*/
	.table_type02 { 
		display: block; 
		width: 100%; 
	}
	.table_type02 thead{ 
		display: block; 
		float: left;
		overflow-x:scroll;
	}
	.table_type02 tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	.table_type02 th{ 
		display: block;
		width:auto;
	}
	.table_type02 tbody tr{ 
		display: inline-block; 
		margin: 0 -4px;
	}
	.table_type02 td{ 
		display: block;
	}

/*.table_type03
----------------------------------------------------*/
	.table_type03 tr {
		display:block;
		margin-bottom: 10px;
	}
	.table_type03 th {
		display:block;
		width: 100%;
	}
	.table_type03 td {
		display: list-item;
		width: 90%;
		margin-left: 10%;
		border:none;
	}

/*.table_list01
----------------------------------------------------*/
.table_list01_pc{
	display:none;
}
.table_list01_sp{
	display:block;
}
/*----------------------------------------------------
	画像テキスト横並び
----------------------------------------------------*/
	.image_left .image_box,
	.image_right .image_box{
		float:none;
		margin:0 0 1.5em 0;
		text-align:center;
	}

/*----------------------------------------------------
	画像横並び
----------------------------------------------------*/
	.image_column01 img,
	.image_column02 img,
	.image_column03 img,
	.image_column04 img,
	.image_column05 img{
		max-width:none;
		width:100%;
	}
	.image_column01 .imgs img,
	.image_column02 .imgs img,
	.image_column03 .imgs img,
	.image_column04 .imgs img,
	.image_column05 .imgs img{
		width:95%;
	}
.image_column02 .col,
	.image_column03 .col {
		float: none;
		margin: 0 0 1.5em 0;
		width: 100%;
	}
		.image_column04 .col,
		.image_column05 .col {
		margin: 0 0 1.5em 1.99%;
		width: 49%;
	}
	.image_column04 div.col:nth-child(odd),
	.image_column05 div.col:nth-child(odd) {
		margin-left: 0;
	}
/*----------------------------------------------------
	商品ページリンク付き横画像
----------------------------------------------------*/
	
	.product_column {
		letter-spacing:-.50em;
	}

	.product_column .col {
		text-align: center;
		display:inline-block;
		letter-spacing:normal;
		vertical-align:middle;
		margin: 0 auto 1.5em;
	}

	.product_column .col:first-child {
		margin-left: 0;
	}


	.product_column .col.-cv_box {
		width: 100%;
		float: none;
		text-align: left;
		margin-bottom: 2em;
	}

	.product_column .col.-cv_box .img {
		width: 47%;
		text-align: center;
		float: none;
	}

	.product_column .col.-banner {
		width: 100%;
		margin: 0 0 1.5em 0;
		float: none;
	}

	.product_column .col p{
		margin:0.5em 0;
	}
	
	.product_column .col.-cv_box .book_ttl,
	.product_column .col.-cv_box p {
		margin-left: auto;
		text-align: center;
	}
	
	
/*----------------------------------------------------
	マイページ
----------------------------------------------------*/

.favorite_area{
	text-align: center;
}
.mypage_btn:before,
.mypage_btn,
.favorite_btn:before,
.favorite_btn{
	font-size: 2.5rem;
}
.mypage_btn{
	margin:3.12% 0 4.68%;
}
a.mypage_link{
	font-size:2.4rem;
	width: 100%;
}
	/*----------------------------------------*/
}
/*	end case 736px (スマホサイズ ここまで)
----------------------------------------*/
/* -------------------------------------
	case 640px (スマホの小さめのサイズ)   */
@media screen and (max-width: 640px){
	/*----------------------------------------*/
	body{
		min-height:1px;
	}

	.container{
		max-width:640px;
		width:100%;
		margin:0 auto;
	}

	/*----------------------------------------*/
}
/*	end case 640px (スマホの小さめのサイズ ここまで)
----------------------------------------*/