/* Original CSS */

/* ////////マイページボタンの見た目を変更｜内田 2018/03/31/////////////////////// */

.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: 10px 10px 10px 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,
.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 (スマホサイズ ここまで)
----------------------------------------*/


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


/* -------------------------------------
	印刷・ダウンロードボタン
---------------------------------------- */

.downloadbtn {
    margin: 0.5em 0 1em 0;
    text-align: center;
}

.btn-pd-green {
    background: #66ba47;
    border-top: 2px solid #b3dd3d;
    border-bottom: 4px solid #5ba73f;
    color:#fff;
    padding: 0.6em 3em;
    font-size:1.3em;
    font-weight:bold;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
}  

.btn-pd-green:hover {
	background-color: #84c76b;
    color:#fff;
    text-decoration: none;
}

.btn-pd-blue {
    background: #79C6F2;
    border-top: 2px solid #afddf7;
    border-bottom: 4px solid #67bef0;
    color:#fff;
    padding: 0.6em 1em;
    font-size:1.3em;
    font-weight:bold;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
}  

.btn-pd-blue:hover {
	background-color: #8bcef4;
    color:#fff;
    text-decoration: none;
}

/* -------------------------------------
	広告用
---------------------------------------- */

.ad_area02{
	background:#ffffff;
}

.ad_area03{
	background:#F8F8FA;
}

.ad_area04{
	background:#F8F8FA;
}

.side .ad_area{
	background:#ffffff;
}

.side .ad_area .ad{
	background:#F8F8FA;
    margin-bottom:0.5em;
}

.box01{
	background:#F2F2F2;
}

/* -------------------------------------
	ちびむす幼児トップページ告知バナーエリア用
---------------------------------------- */

	.column_youji20160418 .col_left{
		float:left;
		width:59.8%;
	}
	.column_youji20160418 .col_right{
		float:right;
		width:40.1%;
		
	}


/* -------------------------------------
	「動画あり」のラベル
---------------------------------------- */

.label_list .label20{
	color:#fff;
}

.label_list .label20{
	background:#ef8608;   /* カラー変更・渡邊 4/20 14:21 */
}




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

.homeicon{display:none;}


	.column_youji20160418 .col_left{
		float:none;
		width:100%;
        margin-bottom: 1em;
	}
	.column_youji20160418 .col_right{
		float:none;
		width:100%;
        text-align:center;
	}

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



}




/* -------------------------------------
	渡邊追加分
---------------------------------------- */


/* プリント用ラベル・横幅無（きみどり） 4/20 */
.label_list .label21{
	color:#fff;
    background:#6fa715;
}


/* プリント用ラベル・横長（きみどり） 4/20 */
.yw-green {
    text-align:left;
    background:#6fa715;
    color:#fff;
    padding:2px;
    margin:0 0 10px;
}

/* 動画用用ラベル・横長（オレンジ） 4/20 */
.yw-orange {
   text-align:left;
   background:#ef8608;
   color:#fff;
   padding:2px;
   margin:0 0 10px;
}