@charset "utf-8";

/* ==========================================================================
		Initialize
============================================================================= */

html,body
	{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	}

body
	{
	line-height: 1.5;
	color:#333;
	margin:0;
	font-size:1.5rem;
	}

img
	{ max-width:100%; }

.red
	{ color:#e00000; }

/****** media query ******/
@media screen and (max-width: 700px)
{
	body
		{ background:none; }
}
/*************************/

/* ---------- clearfix ---------- */
.clearfix:after,
#wrap:after,
#contents:after,
header:after,
.text_box_list:after,
.float_box:after,
#side aside ul.submenu.item li:after,
.item-search-form ul:after
	{
	content:"";
	clear:both;
	display:block;
	}

/****** media query ******/
@media screen and (max-width: 768px)
{
.spno
	{
	display:none;
	}
}
/*************************/


/* ==========================================================================
		Layout
============================================================================= */

#wrap
	{ width:100% !important; }

#contents
	{ width:1000px; }

#contents
	{
	margin:0px auto 30px;
	position:relative;
	overflow:hidden;
	padding:30px 0 20px;
	}

#main
	{
	width:670px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	text-align:left;
	}

#side
	{
	width:300px;
	float:right;
	margin:0px;
	}

#side:after
	{ clear:both; }

footer
	{
	clear:both;
	margin:30px auto 0px;
	padding:20px;
	border-top:5px solid #5ecdf5;
	text-align:center;
	box-shadow:-3px 0 8px #999;
	font-size:1.2rem;
	}

/****** media query ******/
@media screen and (max-width: 999px)
{
#contents,#header,#contents_search
	{ width:100%; }
#main
	{
	width:72%;
	margin-right:0;
	margin-left:10px;
	}
#side
	{ width:25%; }
}
@media screen and (max-width: 768px)
{
#main,#side
	{
	float:none;
	width:100%;
	padding:0;
	}
#main
	{
	margin:0;
	padding:0;
	}
#side
	{ margin-top:70px; }
#contents
	{
	padding:10px 0 0px;
	margin: 0px auto;
	}
body
	{
	padding-bottom:50px;
	}
footer
	{ margin:0 auto; }
}
/*************************/

#area_box,
#search_box,
#top_list,
#new_box,
#top_text,
#top_regist,
#zenback,
#side_area,
#side_banner,
#side_banner2,
#side_banner3,
#change
	{ margin-bottom:1em; }



/* ========== リンク ========== */

a
	{
	color: #00a7e5;
	text-decoration: none;
	}

a:visited,
a:hover,
a:active,
a:focus
	{
	text-decoration: underline;
	}


/* ==========================================================================
		Header
============================================================================= */

header
	{
	width:100%;
	border-bottom:3px solid #5ecdf5;
	box-shadow:1px 0 8px #999;
	text-align:center;
	background:url(../image/bg.png); /*IMAGE_01 */
	}

#header_inner
	{
	width:910px;
	height:75px;
	margin:0px auto;
	position:relative;
	}

header h1
	{
	position:absolute;
	top:-33px;
	left:0;
	font-size:1.2rem;
	color:#fff;
	}

#logo
	{
	position:relative;
	padding-top:0px;
	}

#logo img
	{
	max-height:100px;
	}

#description
	{
	overflow:hidden;
	padding-top:15px;
	padding-left:15px;
	}

/****** media query ******/
@media screen and (max-width: 999px)
{
#header_inner
	{
	width:100%;
	height:auto;
	}
}
@media screen and (max-width: 768px)
{
#header
	{ height:auto; }
#header_inner
	{ margin:5px 0; }
header h1
	{ top:-25px; }

#logo
	{
	float:none;
	text-align:center;
	padding-left:0;
	}

#logo img
	{ max-height:65px; }

#description
	{
	text-align:center;
	padding:10px 10px 0;
	}

#description br
	{ display:none; }
}
/*************************/



/* ==========================================================================
		Main
============================================================================= */

/* ========== トップ画像 ========== */

#topimage
	{
	padding:15px;
	background:#d0d0d0;
	}

/****** media query ******/
@media screen and (max-width: 599px)
{
#topimage
	{ padding:5px; }
}
/*************************/


/* ========== メインコンテンツ ========== */

#main section article .blog_box,
#form_mail
	{
	position:relative;
	border:1px solid #ccc;
	padding:10px 15px;
	}

body#top #main section article .blog_box,
body#category #main section article .blog_box
	{
	border:none;
	padding:0;
	}

#main .rank_banner
	{ margin:20px 0; }


/* ========== メインコンテンツ -- single ========== */

section.list_box
	{
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	overflow:hidden;
	}

body#single #main section
	{
	line-height:1.7;
	}

#main section article h2
	{
	font-size:2.4rem;
	line-height:1.4;
	font-weight:bold;
	padding:15px 0;
	border-radius:5px 5px 0 0;
	}

body#single #main section article h2 a
	{ color:#333; }

.blog_box p
	{
	margin-bottom:20px;
	padding:0 10px;
	}

.blog_box p.text_head
	{
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 10px 10px 5px 23px;
	color: #e75700;
	}

.blog_box p.text_head:before
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f069";
	font-size:1.8rem;
	position:absolute;
	font-weight:normal;
	top:8px;
	left:3px;
	}

body#single #main section article .blog_box h3
	{
	border-bottom: 2px dashed #d0d0d0;
	color: #d13d3d;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	}

body#single #main section article .blog_box h3:before
	{
	font-family: FontAwesome;
	color: #4b4b4b;
	content: "\f058";
	font-size:1.8rem;
	margin-right:10px
	}

body#single #main section article .blog_box
	{ padding:10px 0; }

body#single #main section article .blog_box p
	{ padding:0 15px; }

.blog_box a
	{ text-decoration:underline; }

.blog_box a:hover
	{
	text-decoration:none;
	color:#111;
	}

/* ========== H4 ========== */

body#single #main section article .blog_box h4
	{
	font-size:2rem;
	font-weight:bold;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	margin:10px 0 20px;
	padding:5px 10px;
	color:#006a8e;
	background:#effbff;
	line-height:1.4;
	}

/* ========== H4 ========== */

body#single #main section article h5
	{
	font-size:1.8rem;
	font-weight:bold;
	border-left:5px solid #5ecdf5;
	margin:10px 15px 10px;
	padding:5px 10px;
	color:#006a8e;
	line-height:1.4;
	}

/* ========== 記事ヘッダー ========== */

.entry_head
	{
	border-top:1px solid #aaa;
	border-bottom:1px dotted #aaa;
	padding:5px;
	position:relative;
	height:40px;
	}

.date,.head_social
	{
	
	}

/* ========== 日時 ========== */

.entry_head .date
	{
	font-size:1.2rem;
	position:absolute;
	top:9px;
	}

.date:before
	{
	font-family: FontAwesome;
	content: "\f073";
	font-size:1.3rem;
	margin-right:5px;
	}

/* ========== ソーシャルボタン ========== */

.head_social
	{
	position:absolute;
	top:3px;
	right:0;
	}

.head_social ul
	{ margin-bottom: 0; }

.head_social li
	{
	position: relative;
	display: inline-block;
	vertical-align:top;
	height:35px;
	}

.head_social li img
	{ width:33px; }

.head_social li + li
	{ margin-left: 10px; }


.head_social li a:before
	{ left: 0; }

.head_social li:first-child
	{ padding-left: 10px; }

.head_social li:first-child a
	{ text-align: none; }

.head_social li:nth-child(2)
	{ padding-left: 10px; }


.head_social li:last-child a
	{ padding-right:10px; }

.head_social li span
	{
	display:inline-block;
	vertical-align:middle;
	font-size:1.2rem;
	margin-left:5px;
	}

/* ========== 記事内画像 ========== */

.blog_box img
	{
	margin:20px auto;
	display:block;
	max-width:90%
	}


/****** media query ******/
@media screen and (max-width: 768px)
{
#main section article .blog_box
	{
	margin-bottom:30px;
	padding:10px 0;
	border-left:none;
	border-right:none;
	}
.blog_box p,
.blog_box div
	{ padding:0 10px; }

#main section article h2
	{ padding:10px; }
}

@media screen and (max-width: 599px)
{
#main section article h2
	{ font-size:2rem; }
}
@media screen and (max-width: 400px)
{
body#single #main section article
	{ margin:5px 0 20px; }
}
/*************************/


/* ========== 記事内ボタン ========== */

p.btn
	{
	text-align:center;
	margin-bottom:40px;
	}

p.btn a
	{
	background:#8fca37;
	color:#fff;
	font-size:2rem;
	letter-spacing:0.5px;
	text-align:center;
	font-weight:bold;
	display:inline-block;
	margin:0 auto;
	background: #37c6ca;
	color: #fff;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-top: 3px solid rgba(255,255,255,0.2);
	border-radius: 10px;
	padding:7px 20px;
	text-decoration:none;
	line-height:1.4;
	}

p.btn a:hover
	{
	text-decoration:none;
	background:#83dcde;
	color:#fff;
	}

p.btn a:after
	{
	font-family: FontAwesome;
	color: #006a8e;
	content: "\f054";
	margin-left:10px;
	font-weight:normal;
	}



/* ========== 画像の回り込み ========== */

img.fr
	{
	float: right;
	margin: 0px 0px 15px 10px;
	}

img.fl
	{
	float: left;
	margin: 0px 10px 15px 0px;
	}

/****** media query ******/
@media screen and (max-width: 450px)
{

img.fr,img.fl
	{
	float:none;
	margin:0 auto;
	display:block;
	}
}
/*************************/

/* ========== テーブルコンテンツ ========== */

.blog_box table
	{
	border-collapse:collapse;
	/* テーブルセルの均等幅 */
	}

/****** media query ******/
@media screen and (max-width: 599px)
{
.blog_box table
	{ width:98%; }
}
/*************************/


/* ========== 日時、カテゴリ ========== */

.blog_box .blog_post
	{
	text-align:right;
	margin-bottom:10px;
	}

#main section article .blog_box .blog_post p
	{
	margin:0;
	padding:1px 0;;
	font-size:0.8em;
	display:inline-block;
	}

.blog_post p.date:before
	{
	font-family: FontAwesome;
	color: #ca4343; /* POINT_02 */
	content: "\f274";
	font-size:1.2em;
	margin-right:5px;
	}



/* ========== 続きを読む ========== */

#main section article .blog_box p.t_more
	{
	padding:0px;
	font-size:1.2em;
	text-align:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#main section article .blog_box p.t_more:before
	{
	font-family: FontAwesome;
	color: #ca4343; /* POINT_02 */
	content: "\f054";
	font-size:1em;
	margin-right:5px;
	}


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

.pagetop
	{
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0px;
	}

.pagetop a
	{
	display: block;
	width: 100px;
	height: 30px;
	background-color: #d13d3d; /*POINT_01 */
	text-align: center;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	line-height: 33px;
	}

/****** media query ******/
@media screen and (max-width: 768px)
{
.pagetop a
	{ display:none; }
}
/*************************/


/* =======================================================
   TOPPAGE CONTENTS
======================================================== */

/* ========== top_image ========== */

.top_image,
.top_contents
	{
	display:inline-block;
	vertical-align:middle;
	}

.top_image
	{ width:23%; }

/* ========== top_contents ========== */

#main section article .top_contents h2
	{
	font-size:1.6rem;
	padding:10px 0 5px;
	}

#main section article .top_contents h2 a
	{
	text-decoration:none;
	}

.top_contents
	{ width:75%; }

.blog_box p.top_text
	{
	font-size:1.2rem;
	color:#666;
	line-height:1.4;
	padding:0;
	margin-bottom:5px;
	}

.blog_box p.category
	{
	text-align:right;
	font-size:1.2rem;
	padding:0;
	margin-bottom:10px;
	}


/****** media query ******/
@media screen and (max-width: 768px)
{

.blog_box div.top_image,
.blog_box div.top_contents
	{ padding:0 0px; }

.top_image,
.top_contents
	{
	display:inline-block;
	vertical-align:top;
	}

body#top #main section article .blog_box
	{
	margin-bottom:0px;
	}

}
/*************************/










/* ---------- 2 button ---------- */

.inline-box
	{
	text-align:center;
	overflow:hidden;
	}

.inline-box .inline
	{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	}

.inline-box .inline:last-child
	{ margin-left:4%; }

.r01_button
	{
	clear:both;
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
	}

.r01_button a
	{
	display:block;
	color: #ffffff;
	padding: 7px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-weight:bold;
	font-size:1.5rem;
	margin:0 auto;
	}

.r01_button.one a
	{
	width:70%;
	padding: 15px 10px;
	margin:0 auto;
	font-size:2.2rem;
	}

.r01_button a:hover
	{
	text-decoration:none !important;
	/*color:#e81f1c;*/
	}

.r01_button a:after
	{
	font-family: FontAwesome;
	content: "\f054";
	margin-left:0.5em;
	}

.r01_button a /* （デフォルト）黄 */
	{
	text-decoration:none;/*★*/
	background: #ffa200;
	background: -moz-linear-gradient(top,  #ffcc00 0%, #ffa200 100%);
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#ffa200 100%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#ffa200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffa200',GradientType=0 );
	border: 1px solid #ffa200;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	}

.r01_button a:after
	{ color:#ffffff; }

.r01_button a:hover
	{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	}

.r01_button.inline
	{
	width:40%;
	min-width:260px;
	text-align:center;
	margin:10px 0 30px;
	}

p.btn_under,
.rank_wrap .rank_box ~ p.btn_under
	{
	text-align:center;
	margin:-25px 10px 20px;
	}

/****** media query ******/
@media screen and (max-width: 630px)
{
.r01_button.w80 a
	{ width:90%; }
}
@media screen and (max-width: 599px)
{
.inline-box
	{ text-align:center; }

.inline-box .inline
	{
	display:block;
	text-align:center;
	width:100%;
	}

.inline-box .inline:last-child
	{ margin-left:0; }

.inline-box .inline.r01_button
	{
	display:inline-block;
	margin-left:0;
	}

.r01_button.inline
	{
	width:60%;
	margin:20px 10px 5px;
	}

.r01_button.inline:last-child
	{ margin-bottom:30px; }

.r01_button a
	{ padding:10px; }

.r01_button.one a
	{
	width:90%;
	padding: 15px 10px;
	font-size:1.8rem;
	}
}
@media screen and (max-width: 490px)
{
.inline-box .inline.r01_button
	{
	display:block;
	margin:2em auto;
	text-align:center;
	}
.r01_button.inline
	{ width:90%; }
}
/*************************/


/* ==========================================================================
		Side
============================================================================= */

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

.s_banner_2
	{ display:none; }

/****** media query ******/
@media screen and (max-width: 768px)
{
.s_banner
	{ display:none; }
.s_banner_2
	{
	display:block;
	margin:20px auto 0;
	text-align:center;
	}
}
/*************************/

/* ========== カテゴリ ========== */

#side nav
	{ margin:10px 0; }

#side nav h2,
#side aside h2
	{
	font-size:1.6rem;
	padding:3px 10px;
	border-bottom:3px solid #5ecdf5; /* SIDE_01 */
	background:; /* SIDE_02 */
	color:#666; /* BASE_01 */
	font-weight:bold;
	}

#side nav ul
	{
	text-align:left;
	background:#fff;
	margin-top:5px;
	}

#side nav ul li
	{
	background:url(../image/listicon01.png) 8px center no-repeat; /*IMAGE_01 */
	}

#side nav ul li.sub
	{
	border-top:1px solid #e2e2e2;
	background:url(../image/listicon01.png) 18px center no-repeat; /*IMAGE_01 */
	}

#side nav ul li.entry
	{ background:url(../image/listicon02.png) 18px center no-repeat; }

#side nav ul li:first-child
	{ border:none; }

#side nav ul li.entry
	{ border-top:1px dotted #e2e2e2; }

#side nav ul li a
	{
	color:#333;
	display:block;
	padding:5px 10px 5px 20px;
	}

#side nav ul li a:hover
	{
	color:#111;
	background:url(../image/listicon01.png) 8px center no-repeat #f3f1f1; /*IMAGE_01 */
	}

#side nav ul li.sub a:hover
	{ background:url(../image/listicon01.png) 18px center no-repeat #f3f1f1; /*IMAGE_01 */ }

#side nav ul li.entry a:hover
	{ background:url(../image/listicon02.png) 18px center no-repeat #f3f1f1; }

#side nav ul li.sub a,
#side nav ul li.entry a
	{ padding-left:2.5em; }

/****** media query ******/
@media screen and (max-width: 768px)
{
#side nav h2,
#side aside h2
{
	border-top:2px solid #5ecdf5;
	border-bottom:2px solid #5ecdf5;
	background:#effbff
	}

#side nav
	{
	margin:0 0 20px;
	}

#side nav ul li,
#side nav ul li:first-child
	{
	background:none;
	border-bottom:1px dashed #ccc;
	}

#side nav ul li a
	{
	position:relative;
	}

#side nav ul li a:before
	{
	font-family: FontAwesome;
	color: #333;
	content: "\f0da";
	position:absolute;
	right:10px;
	}

}
/*************************/

/* ========== おすすめ記事 ========== */

#side aside ul.recommend
	{
	margin:10px 0;
	}

ul.recommend div
	{
	margin:0 0 15px;
	}

p.sb_img,
p.sb_link
	{
	display:inline-block;
	vertical-align:middle;
	}

p.sb_img
	{ width:30%; }
p.sb_link
	{ width:65%; }

p.sb_link a
	{
	font-size:1.3rem;
	line-height:1.4;
	display:block;
	color:#999;
	}

/****** media query ******/
@media screen and (max-width: 768px)
{
ul.recommend div
	{
	border-bottom:1px dashed #ccc;
	}
p.sb_img
	{
	width:20%;
	height:60px;
	overflow:hidden;
	margin-left:10px;
	
	}
p.sb_link
	{
	width:65%;
	}
}
/*************************/

/* ========== 最近の記事 ========== */

#side aside
	{
	margin:20px 0 10px;
	font-size:1.4rem;
	}

#side aside:first-child
	{ margin-top:0; }

#side aside h2.font_s
	{ font-size:1.6rem; }


#side aside ul li
	{
	font-size:1.4rem;
	border-bottom:1px solid #e1e1e1;
	}

#side aside ul li a
	{
	display:block;
	padding:8px 5px 8px 32px;
	position:relative;
	color:#333;
	}

#side aside ul:not(.item) li a:before
	{
	font-family: FontAwesome;
	color: #e1292f;
	content: "\f138";
	position:absolute;
	left:13px;
	}

#side aside ul li.side_link a:before
	{ content:""; }

.side_box2 ul li
	{
	border-bottom:1px solid #e1e1e1;
	padding:3px 0;
	}

#side aside ul li.side_link a
	{
	font-size:1.5rem;
	font-weight:bold;
	color:#00a7e5;
	text-decoration:underline;
	padding-left:25px;
	background:url(../image/crown.png) left 9px no-repeat;
	}

#side aside ul li.side_link a:hover
	{ color:#333; }

/****** media query ******/
@media screen and (max-width: 768px)
{
#side aside
	{ margin:0; }

#side aside ul li:hover
	{ background:#faedf6; }

#side aside ul li a:after
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f0da";
	font-size:18px;
	position:absolute;
	right:10px;
	}

#side aside ul li.side_link
	{ margin-left:10px; }
#side aside ul li.side_link a br
	{ display:none; }
}
/*************************/


/***画像つき商品リンク**/

#side aside ul.submenu.item li a
	{
	padding:10px 5px 15px;
	font-weight:bold;
	color:#e75700;
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
	}

#side aside ul.submenu.item li a:last-child
	{ width:; }

#side aside ul.submenu.item li a img
	{
	max-width:50px;
	max-height:50px;
	display:block;
	margin:0 auto;
	}

#side aside ul.submenu.item li a span
	{
	display:block;
	font-size:1.1rem;
	color:#666;
	}


/****** media query ******/
@media screen and (max-width: 768px)
{
#side aside ul.submenu.item li a:first-child
	{ width:10%; }
#side aside ul.submenu.item li a:first-child:after
	{ content:""; }
#side aside ul.submenu.item li a:last-child
	{ width:85%; }
#side aside ul.submenu.item li a:last-child:after
	{ right:0px; }
}
@media screen and (max-width: 599px)
{
#side aside ul.submenu.item li a:first-child
	{ width:15%; }
#side aside ul.submenu.item li a:last-child
	{ width:75%; }
}
/*************************/

/* ========== フリーテキスト ========== */

.side_box1 section
	{ margin:10px; }

.side_box1 h2
	{
	padding:5px 10px;
	border-bottom:3px solid #a5a5a5; /* SIDE_01 */
	background:#373737; /* SIDE_02 */
	color:#ffffff; /* BASE_01 */
	font-weight:bold;
	}

.side_box1 p
	{
	background:#fff;
	padding:10px;
	border:1px solid #e2e2e2;
	}


/* ========== リンク集 ========== */

.side_box2 section
	{ margin:10px; }

.side_box2 section h2
	{
	font-size:1.6rem;
	padding:3px 10px;
	border-bottom:3px solid #5ecdf5; /* SIDE_01 */
	background:; /* SIDE_02 */
	color:#666; /* BASE_01 */
	font-weight:bold;
	}

.side_box2 section ul
	{
	text-align:left;
	border:1px solid #e2e2e2;
	background:#fff;
	}

.side_box2 section ul li
	{
	border-top:1px solid #e2e2e2;
	background:url(../image/listicon02.png) 8px center no-repeat;
	}

.side_box2 section ul li:first-child
	{ border:none; }

.side_box2 section ul li a
	{
	display:block;
	padding:5px 10px 5px 20px;
	}

.side_box2 section ul li a:hover
	{
	color:#111;
	background:url(../image/listicon02.png) 8px center no-repeat #f3f1f1;
	}


/* ========== 人気の記事 ========== */

.side_box_pv
	{ margin:10px; }

.side_box_pv h2
	{
	font-size:1.6rem;
	padding:3px 10px;
	border-bottom:3px solid #5ecdf5; /* SIDE_01 */
	background:; /* SIDE_02 */
	color:#666; /* BASE_01 */
	font-weight:bold;
	}

.side_box_pv a:hover
	{ color:#111; }

.side_box_pv section div
	{
	text-align:left;
	border-bottom:1px solid #e2e2e2;
	background:#fff;
	padding:5px;
	}

.side_box_pv section p.rank_n,
.side_box_pv section p.rank_t
	{
	display:inline-block;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

.side_box_pv section p.rank_n
	{
	width:15%;
	background:url(../image/rankicon.png) center center no-repeat;
	text-align:center;
	font-weight:bold;
	}

.side_box_pv section p.rank_t
	{
	width:80%;
	padding-left:5px;
	}

.side_box_pv section p.rank_p
	{
	text-align:right;
	font-size:0.8em;
	margin-top:-0.3em;
	}

/****** media query ******/
@media screen and (max-width: 700px)
{
	.side_box_pv section p.rank_n
		{ width:10%; }
}
/*************************/


/* ========== サイト内検索 ========== */

.side_box_s
	{ margin:10px; }

.side_box_s h2
	{
	font-size:1.6rem;
	padding:3px 10px;
	border-bottom:3px solid #5ecdf5; /* SIDE_01 */
	background:; /* SIDE_02 */
	color:#666; /* BASE_01 */
	font-weight:bold;
	}

.side_box_s div
	{
	text-align:center;
	border:1px solid #e2e2e2;
	background:#fff;
	}

.side_box_s form
	{
	margin:15px 10px;
	}

.side_box_s input[type=text]
	{
	border:1px solid #ccc;
	padding:2px 5px;
	width:95%;
	margin-bottom:5px;
	font-size:16px;
	}

.side_box_s input[type=submit]
	{
	background:#707070;
	color:#fff;
	padding:3px 5px;
	font-size:0.9em;
	}

/****** media query ******/
@media screen and (max-width: 700px)
{
	.side_box_s input[type=text]
		{
		width:50%;
		margin-bottom:0;
		margin-right:10px;
		}
	.side_box_s input[type=submit]
		{
		padding:3px 10px;
		}
}
/*************************/



/****** media query ******/
@media screen and (max-width: 400px)
{
	#side nav,#side aside,
	.side_box1 section,
	.side_box2 section,
	.side_box_pv,.side_box_s,
	section.calendar
		{ margin:10px 0; }
}
/*************************/

/* ========== サイド折りたたみ ========== */

.side_tap,
.side_tap_btn
	{ display:none; }

@media screen and (max-width: 768px)
{
.side_tap,
.side_tap_btn
	{ display:block; }
.side_tap
	{ text-align:center; }

.side_tap_btn
	{
	text-align:center;
	font-size:1.8rem;
	background:#006a8e;
	color:#fff;
	padding:10px;
	position:relative;
	cursor:pointer;
	}

.side_tap_btn:after
	{
	font-family: FontAwesome;
	color: #fff;
	content: "\f13a";
	margin-left:5px;
	font-size:2rem;
	}

.side_open
	{ display:none; }
}
/* ==========================================================================
		Footer
============================================================================= */

footer a
	{ color:#333; }


/* ==========================================================================
		Archive
============================================================================= */

h2#archive_h2
	{
	font-size:1.8rem;
	font-weight:bold;
	padding:0 15px 3px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:3px solid #b1dbc1;
	}

/* ========== パンくずリスト ========== */

.breadcrumb
	{
	position:absolute;
	top:10px;
	right:0;
	font-size:1.2rem;
	text-align:right;
	}

.breadcrumb a
	{ color:#333; }

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

.breadcrumb div
	{ display:inline-block; }

.breadcrumb span br
	{ display:none; }

/****** media query ******/
@media screen and (max-width: 768px)
{
.breadcrumb
	{
	position:relative;
	top:0;
	padding:0 10px;
	}
}
/*************************/


/* ========== article ========== */


span.more
	{
	display:block;
	padding:0 10px 10px;
	text-align:right;
	}

span.more a:after
	{
	font-family: FontAwesome;
	content: "\f101";
	font-size:1.4rem;
	margin-left:5px;
	}

span.more a:hover
	{
	text-decoration:none;
	color:#333;
	}

/* ========== アイキャッチがある場合 ========== */

#main.archive section article p
	{
	vertical-align:top;
	overflow:hidden;
	}

#main.archive section article p.ar_image
	{
	width:20%;
	float:left;
	padding:15px 5px 15px 10px;
	}

#main.archive section article p.ar_image img
	{
	border:1px solid #ccc;
	padding:5px;
	}


/* ========== ページング ========== */

.paging
	{ margin:10px; }

.paging p
	{
	text-align:center;
	margin-bottom:10px;
	}

.pagination,
.pagination li a
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}

.pagination li { background-color: #fff; }

.pagination a
	{
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid rgba(0,0,0,.25);
	border-left-width: 0;
	min-width:35px;
	min-height:35px;
	color: #333;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);
	}

.pagination li:not([class*="current"]) a:hover
	{
	background-color: #333;
	border-top-color: #333;
	border-bottom-color: #333;
	color:#fff;
	}

.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active
	{
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,.25);
	border-left-width:1px;
	}

.pagination li:first-of-type a
	{ border-left-width: 1px; }

.pagination li:first-child a::before,
.pagination li:last-child a::after,
.pagination li:nth-of-type(2) a::before,
.pagination li:nth-last-of-type(2) a::after
	{
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

.pagination li.current a
	{
	padding-top:.25em;
	color:#fff;
	background-color: #00a7e5; /*POINT_01 */
	cursor: default;
	pointer-events: none;
	}

/****** media query ******/

@media only screen and ( max-width: 64.063em )
{
.pagination li:first-child,
.pagination li:last-child
	{
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

.pagination li:nth-of-type(2) a
	{ border-left-width: 1px; }
}

@media only screen and ( max-width: 40.063em )
{
	.pagination li {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

.pagination li.current,
.pagination li:first-of-type,
.pagination li:last-of-type,
.pagination li:nth-of-type(2),
.pagination li:nth-last-of-type(2)
	{
	position: initial;
	top: initial;
	left: initial;
	}

.pagination li:nth-of-type(2) a
	{ border-left-width: 0; }
}

@media only screen and ( max-width: 30.063em )
{

.pagination li:first-child,
.pagination li:last-child
	{
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

.pagination li:nth-of-type(2) a
	{ border-left-width: 1px; }

}

@media only screen and ( max-width: 15.063em )
{

.pagination li { width: 50%;}

.pagination li.current
	{
	order: 2;
	width: 100%;
	border-left-width: 1px;
	}

}


/* ==========================================================================
		Entry
============================================================================= */

.next_prev
	{ text-align:center; }

.next_prev p
	{
	display:inline-block;
	width:40%;
	}

.next_prev p a
	{
	display:block;
	vertical-align:middle;
	background:#cccccc; /* BASE_04 */
	border-radius:5px;
	text-align:center;
	padding:5px 10px;
	}

.next_prev p a:hover
	{
	background:#0080c8; /*POINT_01 */
	color:#fff;
	text-decoration:none;
	}

.next_prev p.prev
	{ margin-right:2em; }

.next_prev p.next
	{ margin-left:2em; }

.next_prev p.prev a:before
	{
	font-family: FontAwesome;
	color: #333;
	content: "\f053";
	margin-right:8px;
	}

.next_prev p.next a:after
	{
	font-family: FontAwesome;
	color: #333;
	content: "\f054";
	margin-left:8px;
	}

/****** media query ******/
@media screen and (max-width: 460px)
{
.next_prev p
	{
	display:block;
	width:90%;
	margin:10px auto
	}

.next_prev p.prev,
.next_prev p.next
	{ margin: 10px auto; }

}
/*************************/

/* ========== アイキャッチ画像 ========== */

.e_eyecatch
	{
	text-align:center;
	overflow:hidden;
	margin:15px auto;
	position: relative;
	}

.e_eyecatch img
	{
	border:1px solid #ccc;
	padding:1%;
	}

.e_eyecatch_textbox
	{
	position: absolute;
	bottom: 0;
	margin:1%;
	height:20%;
	background: rgba(96, 96, 96, 0.8);
	width: 98%;
	}

.e_eyecatch_textbox p
	{
	text-align: center;
	color:#fff;
	font-size:200% !important;
	}

/****** media query ******/
@media screen and (max-width: 760px)
{
.e_eyecatch_textbox
	{ height:25%; }

.e_eyecatch_textbox p
	{ font-size:160% !important; }
}

@media screen and (max-width: 480px)
{
.e_eyecatch_textbox
	{ height:35%; }

.e_eyecatch_textbox p
	{ font-size:120% !important; }

}
/*************************/


/* ==========================================================================
		1column
============================================================================= */

#contents.onecolumn #main
	{ width:100%; }

/* ========== 検索条件 ========== */

#search_condition
	{
	width:100%;
	margin:10px auto 20px;
	background:#f6f4f4;
	padding:15px 15px 5px;
	}

#search_condition p
	{
	margin-bottom:10px;
	padding:0 5px;
	font-size:1.4rem;
	font-weight:bold;
	}

#search_condition p:nth-child(2),
#search_condition ul
	{
	display:inline-block;
	vertical-align:top;
	}

#search_condition p span.count
	{
	color:#d40000;
	margin-left:12px;
	font-weight:bold;
	}

#search_condition ul
	{
	margin:2px 5px 0;
	width:90%;
	}

/****** media query ******/
@media screen and (max-width: 876px)
{
#search_condition ul
	{ width:85%; }
}
@media screen and (max-width: 610px)
{
#search_condition ul
	{ width:80%; }
}
@media screen and (max-width: 464px)
{
#search_condition ul
	{ width:70%; }
}
/*************************/


#search_condition ul li
	{
	display:inline-block;
	margin-bottom:10px;
	}

#search_condition ul li:not(:last-child)
	{ margin-right:10px; }

#search_condition ul li span
	{ font-weight:bold; }

#search_condition ul.list li span:before
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f14a";
	font-size:1.4rem;
	margin-right:4px;
	}

/* ========== 検索結果表 ========== */

table.result_table
	{
	border:1px solid #aaa;
	width:100%;
	table-layout:fixed;
	}

.result_table th,
.result_table td
	{
	border:1px solid #aaa;
	text-align:center;
	padding:5px;
	vertical-align:middle;
	}

.result_table th:first-child
	{ width:220px; }

.result_table th:last-child
	{ width:16%; }

.result_table th img.item_img
	{ max-width:100%; }

.result_table td.s_item_list
	{
	background:#f4fddb;
	width:10%;
	height:50px;
	}

.rank_point
	{
	text-align:left;
	padding:0 5px;
	}
.rank_point h3
	{
	font-size:1.8rem;
	line-height:1.3;
	font-weight:bold;
	color:#e75700;
	margin-top:10px;
	}

.rank_point ul
	{ margin:20px 0 10px; }

.rank_point ul li
	{
	background:url(../image/check.png) left 4px no-repeat;
	margin-bottom:5px;
	padding-left:25px;
	font-weight:bold;
	font-size:1.5rem;
	}

.result_table thead th
	{
	font-weight:bold;
	background:#f0e8e8;
	padding:5px;
	vertical-align:middle;
	}

.result_table th span
	{
	display:block;
	margin-top:3px;
	}

.result_table th a.sort_up,
.result_table th a.sort_down
	{
	border:1px solid #bbb;
	background:#fff;
	padding:1px 5px;
	margin:5px 2px 0;
	}

.result_table th span a i
	{
	font-size:1.6rem;
	}

th.s_item_img
	{
	font-size:1.5rem;
	font-weight:bold;
	}

td.s_btn a
	{
	display:block;
	}

td.s_btn a:first-child
	{ margin-bottom:20px; }


/****** media query ******/
@media screen and (max-width: 820px)
{
.result_table th:first-child
	{ width:20%; }
}
@media screen and (max-width: 599px)
{
table.result_table,
.result_table th,
.result_table tr,
.result_table td,
.result_table tbody
	{
	border:none;
	display:block;
	width:100%;
	}
table.result_table
	{
	border-bottom:2px solid #fe7b81;
	table-layout:auto;
	}

.result_table thead th
	{ display:none; }
.result_table tbody
	{ border-top:2px solid #fe7b81; }

.result_table td
	{
	display:block;
	width:100%;
	}
.result_table th
	{ border-bottom:1px dotted #ccc; }
.result_table td
	{ border-bottom:1px dotted #ccc; }

.result_table th:first-child
	{ width:100%; }

.result_table td:before
	{
	font-size:0.9em;
	font-weight:bold;
	color:#fe7b81;
	}

.result_table td.s_item_list
	{
	background:#f4fddb;
	width:100%;
	height:auto;
	padding:8px;
	text-align:left;
	}

.result_table td.s_item_list br
	{ display:none; }



.result_table td.s_btn
	{ padding:20px 0; }


}
/*************************/

/* pickup */

table.result_table.pickup
	{
	margin:10px 0 20px;
	border:6px solid #ffad2c;
	}
.result_table.pickup tr
	{ border-top:6px solid #ffad2c; }

.result_table.pickup th
	{ background:#f5ca1d; }

.result_table td.company
	{ position:relative; }

.result_table tr.pickup td.company:before
	{
	display:block;
	content:'Pick Up';
	font-size:0.9rem;
	font-weight:bold;
	border:1px solid #ca4343;
	background:#ca4343;
	color:#fff;
	padding:2px 4px;
	position:absolute;
	top:3px;
	left:3px;
	}




/* ==========================================================================
		Font
============================================================================= */

.font_s
	{ font-size:0.9em; }


/* ==========================================================================
		ボタン色変更
============================================================================= */

.r01_button a.b_green /* 緑 */
	{
	background: #7ea80b;
	background: -moz-linear-gradient(top,  #b3df5a 0%, #7ea80b 100%);
	background: -webkit-linear-gradient(top,  #b3df5a 0%,#7ea80b 100%);
	background: linear-gradient(to bottom,  #b3df5a 0%,#7ea80b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3df5a', endColorstr='#7ea80b',GradientType=0 );
	border: 1px solid #7ea80b;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	}

.r01_button a.b_red /* 赤 */
	{
	background: #e50000;
	background: -moz-linear-gradient(top,  #ff6c00 0%, #e50000 100%);
	background: -webkit-linear-gradient(top,  #ff6c00 0%,#e50000 100%);
	background: linear-gradient(to bottom,  #ff6c00 0%,#e50000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c00', endColorstr='#e50000',GradientType=0 );
	border: 1px solid #e50000;
	}

.r01_button a.b_blue /* 青 */
	{
	background: #0068b7;
	background: -moz-linear-gradient(top,  #3c9ae0 0%, #0068b7 100%);
	background: -webkit-linear-gradient(top,  #3c9ae0 0%,#0068b7 100%);
	background: linear-gradient(to bottom,  #3c9ae0 0%,#0068b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9ae0', endColorstr='#0068b7',GradientType=0 );
	border: 1px solid #0068b7;
	}

.r01_button a.b_pink /* ピンク */
	{
	background: #f73382;
	background: -moz-linear-gradient(top,  #fd96bf 0%, #f73382 100%);
	background: -webkit-linear-gradient(top,  #fd96bf 0%,#f73382 100%);
	background: linear-gradient(to bottom,  #fd96bf 0%,#f73382 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd96bf', endColorstr='#f73382',GradientType=0 );
	border: 1px solid #f73382;
	}

.r01_button a.b_skyblue /* 水色 */
	{
	background: #3d9fcc;
	background: -moz-linear-gradient(top,  #69cdfb 0%, #3d9fcc 100%);
	background: -webkit-linear-gradient(top,  #69cdfb 0%,#3d9fcc 100%);
	background: linear-gradient(to bottom,  #69cdfb 0%,#3d9fcc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cdfb', endColorstr='#3d9fcc',GradientType=0 );
	border: 1px solid #3d9fcc;
	}

.r01_button a.b_green:after,
.r01_button a.b_red:after,
.r01_button a.b_blue:after,
.r01_button a.b_pink:after,
.r01_button a.b_skyblue:after
	{ color:#fff000; }



/* =======================================================
   FORM MAIL
======================================================== */

#form_mail table
	{ margin:20px auto; }

#form_mail table td
	{
	border:1px solid #ccc;
	padding:10px !important;
	vertical-align:middle;
	}

#form_mail table td:first-child
	{ background:#e6f6fc; }

#form_mail table td input[type="text"],
#form_mail table td textarea
	{
	border:1px solid #ccc;
	padding:5px;
	}

#form_mail table td textarea
	{ width:97%; }

#form_mail input[type="submit"]
	{
	display:block;
	color: #ffffff;
	padding: 7px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-weight:bold;
	font-size:1.5rem;
	margin:20px auto;
	text-decoration:none;/*★*/
	background: #ffa200;
	background: -moz-linear-gradient(top,  #ffcc00 0%, #ffa200 100%);
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#ffa200 100%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#ffa200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffa200',GradientType=0 );
	border: 1px solid #ffa200;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);
	}

/****** media query ******/
@media screen and (max-width: 768px)
{
#form_mail table table,
#form_mail table th,
#form_mail table tr,
#form_mail table td
	{
	display:block;
	width:100% !important;
	}
#form_mail table td input[type="text"]
	{
	width:100% !important;
	padding:8px;
	}

}
/*************************/


/* =======================================================
   Main -- search_box
======================================================== */

.item-search-form
	{
	margin-bottom:30px;
	}

#main section article .item-search-form h2,
.onecolumn .item-search-form h2
	{
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	background:url(../image/search_h2.png);
	padding:8px 0;
	color:#fff;
	-webkit-text-shadow:0 0 3px #bb271f;
	-moz-text-shadow:0 0 3px #bb271f;
	-o-text-shadow:0 0 3px #bb271f;
	text-shadow:0 0 3px #bb271f;
	border-radius:5px 5px 0 0;
	}

#main section article .item-search-form h2 span,
.onecolumn .item-search-form h2 span
	{
	font-size:2.0rem;
	font-weight:bold;
	margin-left:5px;
	}

.onecolumn .item-search-form
	{
	margin:50px auto 0;
	max-width:650px;
	}

/****** media query ******/
@media screen and (max-width: 580px)
{
#main section article .item-search-form h2
	{
	background-image:none;
	background: #e12b2e;
	background: -moz-linear-gradient(top,  #fa6f75 0%, #e12b2e 100%);
	background: -webkit-linear-gradient(top,  #fa6f75 0%,#e12b2e 100%);
	background: linear-gradient(to bottom,  #fa6f75 0%,#e12b2e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6f75', endColorstr='#e12b2e',GradientType=0 );
	}
#main section article .item-search-form h2 span
	{ display:block; }
}
@media screen and (max-width:435px)
{
.item-search-form h2 span
	{ display:inline; }
}
/*************************/

.blog_box p.search_p,
.item-search-form p.search_p
	{
	text-align:center;
	padding:8px;
	margin:0;
	background:#ebebeb;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	}

.item-search-form table
	{
	border:px solid #aaaaaa;
	width:100%;
	}

.item-search-form table th
	{
	border:1px solid #aaaaaa;
	padding:15px 8px;
	font-weight:bold;
	background:#ebebeb;
	}

.item-search-form table td
	{
	border:1px solid #aaaaaa;
	padding:10px 8px 0px;
	vertical-align:middle;
	}

.item-search-form ul li
	{
	float:left;
	width:130px;
	margin-bottom:10px;
	}

.item-search-form ul li input[type="checkbox"]
	{
	margin:3px 5px 3px 3px;
	vertical-align: 0;
	}

.item-search-form ul li label 
	{
	cursor:pointer;
	vertical-align:top;
	}

/****** media query ******/
@media screen and (max-width: 610px)
{

.item-search-form table tr,
.item-search-form table th,
.item-search-form table td
	{
	display:block;
	border:none;
	width:100%;
	}
.item-search-form table
	{
	margin:20px 0;
	border-left:1px solid #aaa;
	border-top:none;
	}
.item-search-form table th
	{
	padding:5px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	}
.item-search-form table th:before
	{
	font-family: FontAwesome;
	color: #e22e57;
	content: "\f0d7";
	font-size:1.5rem;
	margin-right:5px;
	}
.item-search-form table td
	{
	padding:20px 10px 10px;
	}



.item-search-form ul li
	{
	width:20%;
	min-width:120px;
	display:inline-block;
	}
.item-search-form ul li:not(:first-child)
	{
	margin-right:15px;
	}

.item-search-form ul li label 
	{
	vertical-align:bottom;
	}
}
/*************************/


/* =======================================================
   Main -- search_box -- submit_btn
======================================================== */

.item-search-form table + div
	{
	margin:10px;
	text-align:center;
	}

.check
	{
	text-align:center;
	overflow:hidden;
	}

.check button
	{
	width:auto;
	display:inline-block;
	margin:0 auto;
	text-align:center;
	}

.check button,.button a
	{
	display:block;
	position:relative;
	padding:15px 50px 15px 40px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.3;
	margin:20px auto;
	color:#fff;
	background: #f29d35;
	background: -moz-linear-gradient(top,  #fcc558 0%, #f29d35 100%);
	background: -webkit-linear-gradient(top,  #fcc558 0%,#f29d35 100%);
	background: linear-gradient(to bottom,  #fcc558 0%,#f29d35 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc558', endColorstr='#f29d35',GradientType=0 );

	-moz-box-shadow:1px 1px 5px rgba(000,000,000,0.3),inset 2px 3px 6px rgba(136,189,23,0.3);
	-webkit-box-shadow:1px 1px 5px rgba(000,000,000,0.3),inset 2px 3px 6px rgba(136,189,23,0.3);
	box-shadow:1px 1px 7px rgba(000,000,000,0.5),inset 2px 3px 6px rgba(136,189,23,0.3);
	text-shadow:0px 0px 4px rgba(171,97,7,1),-1px -1px 1px rgba(0,0,0,0);
	border: 3px solid #fff;
	border-radius:3px;
	}

.check button:before,
.button a:before
	{
	font-family: FontAwesome;
	color: #fff;
	content: "\f144";
	font-size:2.6rem;
	text-shadow:none;
	position:absolute;
	top: 50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursol:pointer;
	}

.check button:hover
	{
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
	}

/****** media query ******/
@media screen and (max-width: 470px)
{
.check button,.button a
	{
	padding:15px 2em;
	font-size:1.3em;
	}
}
/*************************/


/* ==========================================================================
   1column
============================================================================= */






/* ===================== [ 追従ソーシャルボタン ] ======================== */
#b_social
	{ display:none; }

/****** media query ******/
@media screen and (max-width: 768px)
{
#b_social
	{ display:block; }
}
/*************************/

#b_social
	{
	position:relative;
	width:100%;
	max-width:900px;
	height:0;
	margin:0 auto;
	}

#share
	{
	background:none repeat scroll 0 0 #fff;
	display:none;
	height:0;
	}

.share
	{
	position: fixed;
	background-color: #fff;
	line-height: 55px;
	font-size: 13px;
	text-align: center;
	width: 100%;
	bottom: 0;
	z-index: 1;
	-webkit-box-shadow: inset 0 1px 2px rgba(4, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(4, 0, 0, 0.1);
	-webkit-transition: opacity 0.4s ease-out, visibility 0.4s ease-out, filter 0.4s ease-out;
	transition: opacity 0.4s ease-out, visibility 0.4s ease-out, filter 0.4s ease-out;
	}

.share ul
	{ margin-bottom: 0; }

.share li
	{
	position: relative;
	display: inline-block;
	}

.share li + li
	{ margin-left: 20px; }

.share li a:before
	{ left: 0; }

.share li:first-child
	{ padding-left: 44px; height:32px;}

.share li:first-child a
	{ text-align: none; }

.share li:first-child a:before /* Twitter */
	{
	top: 11px;
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 -38px;
	width: 33px;
	height: 33px;
	content: "";
	-webkit-background-size: 35px;
	background-size: 35px;
	}

.share li:nth-child(2)
	{ padding-left: 42px; }

.share li:nth-child(2) a:before /* Facebook */
	{
	top: 11px;
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 -76px;
	width: 33px;
	height: 33px;
	content: "";
	-webkit-background-size: 35px;
	background-size: 35px;
	}

.share li:last-child a
	{
	display: block;
	line-height: 33px;
	padding-left: 44px;
	}

.share li:last-child a:before /*あとで読む*/
	{
	top: 0;
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 -150px;
	width: 33px;
	height: 33px;
	content: "";
	-webkit-background-size: 35px;
	background-size: 35px;
	}

.share.transparent
	{ opacity: 1; }

.modal-dialog
	{
	position: relative;
	width: auto;
	margin: 50px 17px 167px;
	display:block;
	}

.modal-content
	{
	position: relative;
	background-color: #ffffff;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(4, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(4, 0, 0, 0.1);
	background-clip: padding-box;
	padding: 27px 7.1875% 0 6.5625%;
	height: 300px;
	outline: none;
	}

.modal-content p:first-of-type
	{
	line-height: 1em;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 21px;
	margin-bottom: 0;
	font-weight:bold;
	}

.modal-content li:first-child a:before /* メール */
	{
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 -123px;
	width: 38px;
	height: 38px;
	content: "";
	-webkit-background-size: 38px;
	background-size: 38px;
	}

.modal-content li:nth-child(2) a:before /* LINE */
	{
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 2px;
	width: 38px;
	height: 38px;
	content: "";
	-webkit-background-size: 38px;
	background-size: 38px;
	}

.modal-content li:last-child a:before /* はてブ */
	{
	position: absolute;
	display: inline-block;
	background: url('../image/icon_mail2.png') no-repeat 0 0;
	width: 38px;
	height: 38px;
	content: "";
	-webkit-background-size: 38px;
	background-size: 38px;
	}

.modal-content li a
	{
	position: relative;
	display: block;
	color: #333;
	line-height: 68px;
	padding-left: 53px;
	border-top: 1px solid #e3e3e3;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	}

.modal-content li a:before
	{
	position: absolute;
	left: 0;
	top: 16px;
	}

.modal-content p:last-of-type
	{
	position: absolute;
	font-size: 0;
	margin-left: -18px;
	left: 50%;
	bottom: -38px;
	}

.modal-content p:last-of-type a /* closeボタン */
	{
	position: absolute;
	display: inline-block;
	background: url('../image/ico.png') no-repeat 0 -242px;
	width: 40px;
	height: 40px;
	content: "";
	-webkit-background-size: 38px;
	background-size: 38px;
	}

#lean_overlay
	{
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	display:none;
	}

.modal_close
	{
	z-index:2;
	display:block;
	text-align:center;
	}


.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/

.red{ color: #cc0000!important; }/*赤色*/

.blue{ color: #0033ff!important; }/*青色*/


.wave-red{
background:url(../image/uliner.gif) bottom repeat-x;
}
.wave-black{
background:url(../image/ulineb.gif) bottom repeat-x;
}
.wave-yellow{
background:url(../image/uliney.gif) bottom repeat-x;
}
.wave-green{
background:url(../image/ulineg.gif) bottom repeat-x;
}
.wave-blue{
background:url(../image/ulinebl.gif) bottom repeat-x;
}

.blog_box table#company
	{
	border:1px solid #c1c1c1;
	border-collapse:collapse;
	width:90%;
	margin:0 auto;
	}

.blog_box table td
	{
	text-align:left;
	vertical-align:middle;
	}

.blog_box table td img
	{
	display:block;
	margin:0;
	}

.blog_box table#company td
	{
	border:1px solid #c1c1c1;
	padding:10px 20px;
	letter-spacing:1px;
	font-size:12px;
	}

.blog_box .td1
	{
	background:#e5f3f7;
	width:30%;
	}