/* Original Css */

/* ////////マイページログイン・新規登録ボタンの見た目を変更　2018/04/02 内田美花/////////////////////// */

.mypage_btn{
	border: none;
	font-size: 1.3rem;
	color: #0E6EB8;
	display: inline-block;
	background: #ffffff;
	box-shadow: none;
	line-height: 1;
	padding: 10px 20px 10px 55px;
	text-align: center;
	position: relative;
}
.mypage_btn{
	padding: 0px 10px 0px 35px;
}
a.mypage_btn:hover{
	color: #000000;
	text-decoration: none;
	background-image: none;
}

.mypage_btn:before{
	content: "\f007";
	color: #999999;
	font-family: FontAwesome;
	font-size: 2.0rem;
	position: absolute;
	left: 15px;
	top: calc(50% - 0.5em);
}
a.mypage_btn:hover:before{
	color: #000000;
}

/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px){
	/*----------------------------------------*/
	.mypage_btn:before,
	.mypage_btn{
		font-size: 2.5rem;
	}
	.mypage_btn{
		margin:0;
	}

	/*----------------------------------------*/
	/*----------------------------------------*/
}
/*	end case 736px (スマホサイズ ここまで)
----------------------------------------*/

/* ///////////////////////////////////////////////////////////////////////////////////////////// */





/* ////////ポータルトップ右上の広告枠に、リニューアルリリース時のバナーを表示するため左バナーと上位置合わせで位置調節/////////////////////// */
	.ad_area .ad-20160418{
		margin-top:4px;
		margin-bottom:8px;
		text-align:center;
	}
/* /////////////////////////////// */





.ad_area02{
background-color: #ffffff;
}


.ttl_b{
	background:#F5F5F4;
	border:1px solid #EAEBE9!important;
	border-radius:4px 4px 0 0;
	padding:10px 20px 10px;
    color: #333333;
}

.side .inner{
	background:#ffffff;
}

.ttl_c{
	background:#EAEBE9;
}

.search_area .text{
	border:1px solid #63645F!important;
}

.search_area .btn{
	background:#63645F;
}


.header{
	border-top:15px solid #2F3030;
	padding:1.5em 0 0;
}

.header .navi .g_navi ul li{
	border-right:1px solid #D7D9D3;
}



.ttl_e{
	background:#F2F2F2;
}

.content .content_inner{
	border-top:13px solid #F2F2F2;
}

.footer{
	background:#F5F5F4;
	border-bottom:4px solid #D6D7D4;
}

.ad_area04{
	background:#ffffff;
    padding:1em 0;
    border-top: 1px dashed #bbb;
    border-bottom: 1px dashed #bbb;
}

.column02_area{
	background:#F5F5F4;
}

.ttl_a{
	border-bottom:3px solid #2F3030;
}

.column02_area .column .col dl dt{
	background:#63645F;
}

.column02_area .column .col a:hover dt{
	background:#82837E;
}

.pagelink_list{
	background:#F2F3EF;
}

.pager .current_page,
.pager .link_before,
.pager .link_next,
.pager .link_page{
	border:1px solid #EAEBE9;
}
.pager .current_page{
	background:#EAEBE9;
}

.columnblock_area .ttl{
	background:#98958A;
}


/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px){
	/*----------------------------------------*/


	.header .navi .g_navi .g_navi_inner{
		background:#EAEBE9;
	}

	.side .link_list li{
		background-image:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fdfdfd));
		background-image:-webkit-linear-gradient(top, #ffffff, #fdfdfd);
		background-image:linear-gradient(to bottom, #ffffff, #fdfdfd);
		font-size:28px;
		font-size:2.8rem;
		margin:0 0 0 0;
	}

    .image_column01 .col {
         width:100%;
    }  /* 画像1つ横並び、レスポンシブ時の横幅、渡邊　4/20 15:37 */


/* ------------トップページ フリーエリアA スマホ表示 上位置 調整-------------------------*/
.free-a {
     margin-top: 1em;
}

/* ------------ポータルトップ右上の広告枠　スマホ表示 上下位置 調節 ------------------------- */
	.ad_area .ad-20160418{
		margin-top:10px;
		margin-bottom:10px;
	}
}




/* ////////サイト全体の文字の大きさを大きくする（※スマホサイズより大きい時のみ）　2016/05/20 13:00 渡邊/////////// */

@media screen and (min-width: 736px){
body {
    font-size:1.6em;
    color: #333333;
}

/**/}

/* /////////////////////////////// */



/* //////// 左右カラムの右・左を逆にする　2016/06/01 19:25 内田/////////// */
/* -------------------------------------
	content
---------------------------------------- */

.two_column .main{
	float:left;
}

.two_column .side{
	float:right;
}
/* /////////////////////////////// */

/* //////// h1の文字サイズを大きくする修正 2016/06/24 10:19 新海/////////// */
h1.ttl_b{
	font-size: 1.3em;
}
/* /////////////////////////////// */


/* //////// ソーシャルボタンの背景・枠の色 2016/06/29 内田 /////////// */
.inner_sns_area{
	background:#ffffff;
    border-style: none;
	padding:0em 1.4em;
}
/* /////////////////////////////// */

/* //////// 動画ブログのカテゴリアーカイブページのページ内リンクの背景色 2016/06/29 内田 /////////// */
.pagelink_list{
	background:#ffffff;
}
/* /////////////////////////////// */



/* //////// テーブル装飾 table_type01の配色が逆（右セルの背景色がグレー）のパターン 2016/07/21 内田 /////////// */
.table_type01reverse{
	width: 100%;
	margin-bottom:1.5em;
	border-collapse: collapse;
	border-spacing: 0;
}

.table_type01reverse th,
.table_type01reverse td{
	padding: 10px;
	border: 1px solid #ddd;
}

.table_type01reverse td{
	background: #e4e7eb;
}

.table_type01reverse th	{ text-align: left; }

/* -------------------------------------
	case 736px (スマホサイズ)			*/
@media screen and (max-width: 736px){
	/*----------------------------------------*/

	.table_type01reverse th,
	.table_type01reverse td{
		font-size:24px;
		font-size:2.4rem;
	}

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

/* ///////////////////////////////////////////////////////////// */