@charset "utf-8";


#wrap{
	padding:0 0 70px;	
}

#page-title{
	padding:23px 0 10px;
}

#page-title .inner{
	position:relative;
}

#page-title h2{
	font-size:28px;
	padding-left:60px;
	background:url(/images/magazine/icon_magazine.gif) no-repeat 0 5px;
}

#page-title h2 span {
    font-size: 22px;
    font-weight: normal;
}

h3.vl{
	line-height:1.2;
	font-size:20px;
	border-left:5px solid #5CBFCE;
	padding-left:7px;
	margin-bottom:15px;
}

.icon_new{
	padding-left:5px;
	padding-top:2px;
}


/*-----------------------------------------
	メイン　
-------------------------------------------*/
#main-box{
	width:720px;
	float:left;
}

/*--- Link ---*/
.m-index-unit a:link{
	color:#444;
}

.m-index-unit a:visited {
	color:#444;
}
	
.m-index-unit a:hover {
	color: #377FE5;
}
	
.m-index-unit a:active{
	color: #444;
}

.mag a{
	color:#2677E0;
}



/*******************************************
	トップページ
*******************************************/
	
/*---------- TAB ----------*/

/*-- 201712変更 --*/
.m-tab_unit, .m-tab_unit--low{
	margin-bottom:20px;
}

.m-tab_unit > ul, .m-tab_unit--low > ul{
	display: inline;
	margin:0 0 15px;
	letter-spacing: -1em;
}

.m-tab_unit ul li, .m-tab_unit--low ul li{
	font-size:12px;
	line-height:1.0;
	position: relative;
	letter-spacing: 0em;
	display: inline-block;
}

.m-tab_unit ul li a, .m-tab_unit--low ul li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}

.m-tab_unit ul li:nth-child(1), .m-tab_unit--low ul li:nth-child(1){
	border-left: #D6D6D6 1px solid;
}

.m-tab--top{
	width: 16.5%;
	height: 58px;
	background:url(/images/magazine/arrow_cnav.png) no-repeat 8px 50%;
	border-top:#D6D6D6 1px solid;
	border-bottom:#D6D6D6 1px solid;
	border-right:#D6D6D6 1px solid;
	cursor:pointer;
}

.m-tab--top_on{
	color:#FFF;
	font-weight:bold;
	width: 16.5%;
	height: 58px;
	background:url(/images/magazine/arrow_cnav_on.png) no-repeat 8px 50%;
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:1px solid;
}
	
.m-tab_on:before, .m-tab--top_on:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 40px;
	border-right: 6px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
}

.m-tab--top p, .m-tab--top_on p{
	position:absolute;
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
}

.tab_text--top{
	font-weight:bold;
	padding-top:10px;
	border-top-style:solid;
	border-top-width:4px;
	margin-top: 10px;
}

/*----- 記事インデックス -----*/
.m-index-unit{
	margin-bottom:25px;
}

.m-index--new{
	width:714px;
	height:178px;
	position:relative;
	background:url(/images/magazine/icon_arrow_a.gif) no-repeat 685px 90px;
	margin-bottom:15px;
	border-style:solid;
	border-width:3px;
}

.m-index{
	width:718px;
	/*height:128px;*/
	height: auto;
	position:relative;
	background:url(/images/magazine/icon_arrow_a.gif) no-repeat 685px 60px;
	margin-bottom:10px;
	border-style:solid;
	border-width:1px;
	padding-bottom: 20px;
}

/*-- tit 2行用 --*/
.m-index2{
	width:718px;
	/*height:143px;*/
	height:auto;
	position:relative;
	background:url(/images/magazine/icon_arrow_a.gif) no-repeat 685px 60px;
	margin-bottom:10px;
	border-style:solid;
	border-width:1px;
	padding-bottom: 20px;
}

.m-index_cate{
	position:absolute;
	top:0px;
	right:0px;
	width:120px;
	height:23px;
	text-align:center;
	padding-top:3px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.m-index_thumb{
	position:absolute;
	top:15px;
	left:17px;
}

.m-index--new_txt{
	position:absolute;
	top:17px;
	left:190px;
	width:480px;
	font-size:13px;
}

.m-index--new_tit{
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
	margin:8px 0 10px;
}
/*
.m-index_txt{
	position:absolute;
	top:14px;
	left:115px;
	width:480px;
	font-size:13px;
}*/

.m-index_txt{
	position:relative;
	top:14px;
	left:0px;
	padding-left: 115px;
	padding-bottom: 10px;
	width:480px;
	font-size:13px;
}

.m-index_txt p{
	line-height:1.4;
}	

.m-index_tit{
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	margin:5px 0;
}





/*------------------------------------
    TABLE
-------------------------------------*/

table{
	width: 100%;
    border-collapse: collapse;
    border-left: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
}

table th{
	border-collapse: collapse;
	border-bottom:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
	background-color:#FAFAFA;
	padding:5px 5px 3px 10px;
}

table td{
	border-collapse: collapse;
	border-bottom:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
	line-height: 1.4;
	padding:5px 5px 3px 10px;
	text-align:center;
}


/*-- 横見出し 青カラー付 --*/
table tbody th{
    background: #F4FAFF;
	text-align:left;
	font-weight:normal;
}

.txt_c{
	text-align:center;
}
.txt_l{
	text-align:left;
}

.bold{
	font-weight:bold;
}


/*-----------------*/
.plebg{
	background-color:#FAFAFA;
}

.co-red{
	color:#ff0000;
}








/*=====================================================
	Media Queries
=====================================================*/	
@media screen and (max-width: 768px){
	
body{
    -webkit-text-size-adjust: 100%;
}

#page-title{
	padding:23px 0 10px;
}

#page-title .inner{
	width: 94%;
	margin: 0 3%;
}

#page-title h2{
	font-size:22px;
	padding-left:50px;
	background:url(/images/magazine/icon_magazine.gif) no-repeat 0px 0px;
	background-size: 40px 40px;
	line-height: 1.2;
}

#page-title h2 span {
    font-size: 16px;
}

/*
#wrap{
	padding:0 0 70px;	
}
*/

#wrap .inner{
	width: 100%;	
}

/*
h3.vl{
	line-height:1.2;
	font-size:20px;
	border-left:5px solid #5CBFCE;
	padding-left:7px;
	margin-bottom:15px;
}*/


/*******************************************
	メイン　
*******************************************/
#main-box{
	width:100%;
	float:none;
	padding-bottom: 20px;
}


/*******************************************
	トップページ
*******************************************/

/*---------- TAB ----------*/

/*-- 201712変更 --*/
.m-tab_unit > ul, .m-tab_unit--low > ul{
	border-left:none;
	width: 100%;
}

.m-tab_unit ul li, .m-tab_unit--low ul li{
	margin-bottom: -7px;
}

.m-tab_unit ul li:nth-child(1), .m-tab_unit--low ul li:nth-child(1){
	border-left: none;
}

.m-tab--top{
	width: 33.0%;
	height: 40px;
	background: none;
	border-bottom: none;
}

.m-tab--top_on{
	width: 33.0%;
	height: 40px;
	background: none;
	border-bottom:none;
}
	
.m-tab_on:before, .m-tab--top_on:before{
	position: relative;
	bottom: 0px;
	left: 0px;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.tab_text--top{
	padding-left: 4%;
}

.m-tab--top p, .m-tab--top_on p{
	left: 10px;
}

.m-tab_unit ul li:nth-child(4),
.m-tab_unit ul li:nth-child(5),
.m-tab_unit ul li:nth-child(6){
	border-bottom: #D6D6D6 1px solid;
}
	
/*----- 記事インデックス -----*/
.m-index-unit{
	width: 92%;
	margin: 0 auto 20px;
}

.m-index--new{
	width:auto;
	height:auto;
	background:none;
	border-width:3px;
	padding: 17px;
	min-height: 100px;
}

.m-index{
	width:auto;
	height:auto;
	background:none;
	padding: 17px;
}

/*-- tit 2行用 --*/
.m-index2{
	width:auto;
	height:auto;
	background:none;
	padding: 17px;
}

.m-index_cate{
	width:110px;
	height:20px;
	padding-top:2px;
	font-size:10px;
}

.m-index_thumb{
	position: absolute;
	top:17px;
	left:17px;
}

.m-index--new .m-index_thumb{
	width: 100px;
	height: 100px;
}

.m-index--new .m-index_thumb img{
	width: 100px;
	height: 100px;
}
	
.m-index--new_txt{
	position:relative;
	top:5px;
	left:0px;
	padding-left: 115px;
	width:auto;
	/*font-size:13px;*/
}

.m-index--new_tit{
	font-size:20px;
	margin:5px 0 7px;
}

.m-index--new_txt img{
	padding-top: 3px;
}


.m-index .m-index_thumb, .m-index2 .m-index_thumb{
	width: 70px;
	height: 70px;
}
/*
.m-index_txt{
	position:relative;
	top: 5px;
	left:0px;
	padding-left: 85px;
	width:auto;
}*/

.m-index_txt{
	position:relative;
	top:5px;
	left:0px;
	padding-left: 85px;
	padding-bottom: 0px;
	width:auto;
}
/*
.m-index_txt p{
	line-height:1.4;
}	*/

.m-index_tit{
	font-size:18px;
	/*font-weight:bold;
	line-height:1.3;
	margin:5px 0;*/
}

}




/*******************************************
	記事ページ
*******************************************/

.re-mag{
	line-height:1.3;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:50px;
}

/*-------　タブ　-------*/

/*--  201712変更後 --*/
.m-tab{
	width: 16.5%;
	height: 38px;
	background:url(/images/magazine/arrow_cnav.png) no-repeat 8px 50%;
	border-top:#D6D6D6 1px solid;
	border-bottom:#D6D6D6 1px solid;
	border-right:#D6D6D6 1px solid;
	cursor:pointer;
}
.m-tab_on, .m-tab_on--low{
	width: 16.5%;
	height: 38px;
	color:#FFF;
	font-weight:bold;
	background:url(/images/magazine/arrow_cnav_on.png) no-repeat 8px 50%;
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:1px solid;
}

.m-tab_unit--low ul li:nth-child(4), 
.m-tab_unit--low ul li:nth-child(5), 
.m-tab_unit--low ul li:nth-child(6){
	border-bottom: #D6D6D6 1px solid;
}

.m-tab p, .m-tab_on p, .m-tab_on--low p{
	position:absolute;
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
}

.m-tab_on--low:after{
	content: "";
	position: absolute;
	top: -20px;
	left: 40px;
	border-right: 6px solid transparent;
	border-top: 10px solid transparent;
	border-left: 6px solid transparent;
}

.m-tab_on a, .m-tab_on--low a{
	color:#FFF;
}

.tab_text{
	font-weight:bold;
	margin-top:10px;
	position:relative;
	height:40px;
	border-top-style:solid;
	border-top-width:4px;
}

.tab_text--low{
	margin-bottom:15px;
	position:relative;
	height:50px;
	border-bottom-style:solid;
	border-bottom-width:4px;
}

.tab_text_tit{
	color:#FFF;
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
}

.tab_text_sns{
	position:absolute;
	top:10px;
	right:10px;
}
.tab_text_sns--fb, .tab_text_sns--tw{
	display:inline-block;
	margin-left:5px;
}

/*---------- 記事 ----------*/
.mag{
	font-size:16px;
	margin-bottom:40px;
}

/* タイトル＋サムネ */ 
.m-head{
	margin-bottom:30px;
}

.m-head_thumb{
	float:right;
}

.m-head_txt{
	float:left;
	width:550px;
	margin-top:2px;
}

.m-head_date{
	font-size:15px;
	margin-bottom:5px;
}

.m-head_tit{
	font-size:28px;
	line-height:1.3;
	font-weight:bold;
}

/* テキスト・画像 */
.m-group{ 
    padding-top:30px;
}

.m-group_tn{
    padding-top:0px;
}

.m-main > div:nth-child(1){
    padding-top:0px;
}

.m-group_tit{
	line-height:1.4;
	font-size:20px;
	border-left-width:6px;
	border-left-style:solid;
	padding-left:25px;
	margin-bottom:30px;
	font-weight:bold;
}

.m-group_txt{
	margin-bottom:30px;
	font-size:16px;
	line-height: 1.8;
}

.m-group_img{
	margin-bottom:30px;
}

.m-group_img_cap{
	margin-bottom:15px;
}

.m-group_cap{
	margin-bottom:30px;
	font-size:12px;
	line-height:1.4;
	text-align:left;
}

ul.m-group_list{
	margin-bottom:30px;
	margin-left:5px;
}

ul.m-group_list > li{
	list-style:disc;
	list-style-position:inside;
	line-height:1.3;
	margin-bottom:10px;
	margin-left:1em; 
	text-indent:-1em;	
}

.m-group_point{
	width:660px;
	padding:25px 30px;
	border:#CCC 3px solid;
	background-color:#F7FCFD;
	font-size:17px;
	font-weight:bold;
	margin-bottom:30px;
}



/*==============================================
	Media Queries
==============================================*/	
@media screen and (max-width: 768px){
	
/*******************************************
	記事ページ
*******************************************/
.re-mag{
	line-height:1.3;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:50px;
}

/*-------　タブ　-------*/

/*--  201712変更 --*/
.m-tab{
	width: 33.0%;
	height: 38px;
	background: none;
	border-bottom: none;
}

.m-tab_on{
	width: 33.0%;
	height: 38px;
	background: none;
	border-bottom:none;
}

.m-tab_on--low{
	width: 33.0%;
	height: 38px;
	background: none;
	border-top:none;
}

.m-tab_unit--low ul li:nth-child(5), .m-tab_unit--low ul li:nth-child(6), .m-tab_unit--low ul li:nth-child(7), .m-tab_unit--low ul li:nth-child(8){
	border-bottom: #D6D6D6 1px solid;
}

.m-tab p, .m-tab_on p, .m-tab_on--low p{
	position:absolute;
	top: 50%;
	left:10px;
	transform: translateY(-50%);
}

.m-tab_on--low:after{
	content: "";
	position: relative;
	top: 0;
	left: 0;
	border-right: none;
	border-top: none;
	border-left: none;
}

.tab_text{
	height:35px;
}

.tab_text--low{
	margin-bottom:10px;
}

.tab_text_tit{
	width:140px;
	height:35px;
	line-height:35px;
}


/*---------- 記事 ----------*/
.mag{
	/*font-size:16px;*/
	width: 92%;
	margin: 0 auto 20px;
}

.mag img {
width:100%;
max-width: 100%;
height: auto;
}


/* タイトル＋サムネ */ 
.m-head{
	margin-bottom:30px;
	position: relative;
	min-height: 100px;
}

.m-head_thumb{
	float:none;
	position: absolute;
	left: 0px;
	top:0px;
	width: 100px;
	height: 100px;
}

.m-head_txt{
	float:none;
	width:auto;
	/*margin-top:2px;*/
	position: relative;
	left:0px;
	top:2px;
	padding-left: 115px;
}

.m-head_date{
	/*font-size:15px;
	margin-bottom:5px;*/
}

.m-head_tit{
	font-size:22px;
	/*line-height:1.3;
	font-weight:bold;*/
}

/* テキスト・画像 */
.m-group{ 
    padding-top:30px;
}

.m-group_tn{
    padding-top:0px;
}

.m-main > div:nth-child(1){
    padding-top:0px;
}

.m-group_tit{
	/*line-height:1.4;*/
	font-size:18px;
	/*border-left-width:6px;
	border-left-style:solid;*/
	padding-left:20px;
	margin-bottom:20px;
	/*font-weight:bold;*/
}

.m-group_txt{
	margin-bottom:20px;
	/*font-size:16px;*/
}

.m-group_img{
	margin-bottom:20px;
}

.m-group_img_cap{
	margin-bottom:10px;
}

.m-group_cap{
	margin-bottom:20px;
	/*font-size:12px;
	line-height:1.4;
	text-align:left;*/
}

ul.m-group_list{
	margin-bottom:20px;
	/*margin-left:5px;*/
}

ul.m-group_list > li{
	/*list-style:disc;
	list-style-position:inside;
	line-height:1.3;
	margin-bottom:10px;
	margin-left:1em; 
	text-indent:-1em;*/	
}

.m-group_point{
	width:92%;
	padding:4%;
	/*border:#CCC 3px solid;
	background-color:#F7FCFD;
	font-size:17px;
	font-weight:bold;*/
	margin-bottom:20px;
}

}



/*******************************************
    共通タブカラー
*******************************************/

a.a_on:hover{
    color:#FFF;
}

.m-tab--v1, .m-tab--v1 a, a.a--v1:hover{
	color:#444444;
}
.m-tab_on--v1{
	background-color:#555555;
	border-color:#555555;
}
.m-tab_on--v1:before{
	border-top: 10px solid #555555;
}
.m-tab_on--v1:after{
	border-bottom: 10px solid #555555;
}


.m-tab--v2, .m-tab--v2 a, a.a--v2:hover{
	color:#CA5326;
}
.m-tab_on--v2{
	background-color:#E0815E;
	border-color:#E0815E;
}
.m-tab_on--v2:before{
	border-top: 10px solid #E0815E;
}
.m-tab_on--v2:after{
	border-bottom: 10px solid #E0815E;
}


.m-tab--v3, .m-tab--v3 a, a.a--v3:hover{
	color:#D2A800;
}
.m-tab_on--v3{
	background-color:#F7C600;
	border-color:#F7C600;
}
.m-tab_on--v3:before{
	border-top: 10px solid #F7C600;
}
.m-tab_on--v3:after{
	border-bottom: 10px solid #F7C600;
}


.m-tab--v4, .m-tab--v4 a, a.a--v4:hover{
	color:#B0A924;
}
.m-tab_on--v4{
	background-color:#DBD551;
	border-color:#DBD551;
}
.m-tab_on--v4:before{
	border-top: 10px solid #DBD551;
}
.m-tab_on--v4:after{
	border-bottom: 10px solid #DBD551;
}

.m-tab--v5, .m-tab--v5 a, a.a--v5:hover{
	color:#82A62F;
}
.m-tab_on--v5{
	background-color:#B1D361;
	border-color:#B1D361;
}
.m-tab_on--v5:before{
	border-top: 10px solid #B1D361;
}
.m-tab_on--v5:after{
	border-bottom: 10px solid #B1D361;
}

.m-tab--v6, .m-tab--v6 a, a.a--v6:hover{
	color:#458DA5;
}
.m-tab_on--v6{
	background-color:#84B9CB;
	border-color:#84B9CB;
}
.m-tab_on--v6:before{
	border-top: 10px solid #84B9CB;
}
.m-tab_on--v6:after{
	border-bottom: 10px solid #84B9CB;
}

.m-tab--v7, .m-tab--v7 a, a.a--v7:hover{
	color:#45548F;
}
.m-tab_on--v7{
	background-color:#8491C3;
	border-color:#8491C3;
}
.m-tab_on--v7:before{
	border-top: 10px solid #8491C3;
}
.m-tab_on--v7:after{
	border-bottom: 10px solid #8491C3;
}

.m-tab--v8, .m-tab--v8 a, a.a--v8:hover{
	color:#A65BA3;
}
.m-tab_on--v8{
	background-color:#CFA7CD;
	border-color:#CFA7CD;
}
.m-tab_on--v8:before{
	border-top: 10px solid #CFA7CD;
}
.m-tab_on--v8:after{
	border-bottom: 10px solid #CFA7CD;
}


.m-tab--v9, .m-tab--v9 a, a.a--v9:hover{
	color:#D2A800;
}
.m-tab_on--v9{
	background-color:#F7C600;
	border-color:#F7C600;
}
.m-tab_on--v9:before{
	border-top: 10px solid #F7C600;
}
.m-tab_on--v9:after{
	border-bottom: 10px solid #F7C600;
}


/*--- タブ　共通背景カラー　--*/
.m-bg--v1{
	background-color:#555;
}
.m-bg--v2{
	background-color:#E0815E;
}
.m-bg--v3{
	background-color:#F7C600;
}
.m-bg--v4{
	background-color:#DBD551;
}
.m-bg--v5{
	background-color:#B1D361;
}
.m-bg--v6{
	background-color:#84B9CB;
}
.m-bg--v7{
	background-color:#8491C3;
}
.m-bg--v8{
	background-color:#CFA7CD;
}

.m-bg--v9{
	background-color:#F7C600;
}


/*--- タブ　共通ボーダーカラー　--*/
.m-bocol--v1{
	border-color:#555;
}
.m-bocol--v2{
	border-color:#E0815E;
}
.m-bocol--v3{
	border-color:#F7C600;
}
.m-bocol--v4{
	border-color:#DBD551;
}
.m-bocol--v5{
	border-color:#B1D361;
}
.m-bocol--v6{
	border-color:#84B9CB;
}
.m-bocol--v7{
	border-color:#8491C3;
}
.m-bocol--v8{
	border-color:#CFA7CD;
}

.m-bocol--v9{
	border-color:#F7C600;
}

/*******************************************
    共通
/******************************************/

.img-left{
	float:left;
	width:260px;
	margin-right:30px;	
}
.img-right{
	float:right;
	width:260px;
	margin-left:30px;
}

.img-center{
	text-align:center;
}


/*******************************************
	サイド (include）
/******************************************/

.side-box-in{
	width:240px;
}

.side-box-in div{
	margin-bottom: 0px;
}

.side-box-in div.side-bnr{
	margin-bottom: 10px;
}

#side-box .tit{
	margin-top:30px;
}



/*=====================================================
	Media Queries
=====================================================*/	
@media screen and (max-width: 768px){

/*******************************************
    共通
/******************************************/

.img-left{
	float:none;
	width:100%;
	margin-right:0px;	
}
.img-right{
	float:none;
	width:100%;
	margin-left:0px;
}
/*
.img-center{
	text-align:center;
}*/


/********************************************
    サイド (include） 
-*******************************************/
.side-box-in{
	width:100%;
}

.side-box-in div.side-bnr{
	text-align: center;
}


}