@charset "utf-8";

/* ################################################################################################ */
/* ## 共通スタイル ################################################################################ */
/* ################################################################################################ */
*
{
}
body
{
	min-width:320px;
	font-size:14px;
	font-size:1.4rem;
	background-color:#f4f2eb;
	color:#3c3c3c;
	/*
	background-image:url(../_img/bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	*/
	
	font-family:'Noto Sans Japanese', "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:200;
	letter-spacing:0.05em;
	line-height:1.7;
}

/* -- 文字 -------------------------------------------------------------------------------- */
.mincho
{
	display:inline-block;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-shadow: 0 0 0.1px rgba(0,0,0,0.5);
	transform: rotate(0.05deg);
}

/* -- レイアウト -------------------------------------------------------------------------------- */
.wrapper
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	margin:0px;
	padding:0px;
}
.row
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	margin:0px;
	padding:0px;
}
.contents
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	position:relative;
	margin:0px auto;
	padding:0px 10px;
	max-width:1100px;
}

.menu-side
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	float:left;
	width:200px;
	height:0px;
}

.contents-main
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	margin-left:200px;
	padding-left:10px;
}

.contents-body
{
	margin:0 auto;
	margin-right:0;
	max-width:800px;
}


#index .contents-body
{
}

main
{
	margin-bottom:50px;
}

.breadcrumb
{
	font-size:13px;
	font-size:1.3rem;
	margin-top:0.8em;
	margin-bottom:0.8em;
}
.breadcrumb nav ul
{
	list-sty;e:none;
}
.breadcrumb nav ul li
{
	float:left;
	margin:0px;
	margin-right:0.5em;
}
.breadcrumb nav ul li a
{
	color:#505050;
}
.breadcrumb nav ul li:after
{
	display:inline-block;
	content:">";
	margin-left:0.5em;
}
.breadcrumb nav ul li:last-child:after
{
	content:"";
}

.sp-only{display:none;}
.pc-only{display:block;}
.close{display:none;}

/* -- 文字色 -------------------------------------------------------------------------------- */
.f-strong{font-weight:500;color:#282828;}
.f-red{font-weight:500;color:#FF3333;}

/* -- 画像 -------------------------------------------------------------------------------- */
.icon
{
	vertical-align:middle;
	margin-right:0.5em;
}
/* -- 装飾 -------------------------------------------------------------------------------- */
.border-bottom
{
	border-bottom:1px dashed #CCCCCC;
}
/* -- フォーム -------------------------------------------------------------------------------- */
input[type="text"],
textarea,
select
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	
	width:100%;
	
	font-size:16px;
	font-size:1.6rem;
	
	padding:2px 5px 2px 5px;
}
textarea
{
	height:250px;
}


/* -- 見出し -------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6
{
	padding-top:0em;
	padding-bottom:0em;
}

.headline-title
{
	position: relative;
	text-align:center;
	margin-top:20px;
	margin-bottom:50px;
	color:#282828;
}
.headline-title .headline-body
{
	display:inline-block;
	font-size:36px;
	font-size:3.6rem;
	font-weight:200;
	width:100%;
	text-align:center;
}
.headline-title .headline-sub
{
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.2em;
	width:100%;
	text-align:center;
	color:#C8C8C8;
}


.headline-large
{
	position: relative;
	text-align:left;
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	margin-bottom:0.5em;
	margin-top:20px;
	color:#282828;
}
.headline-large .headline-sub
{
	display:inline-block;
	position: absolute;
	font-size:10px;
	font-size:1.0rem;
	top:-2em;
	padding-left:30px;
	letter-spacing:0.2em;
}
.headline-large .headline-body
{
	position: relative;
	display:inline-block;
	background-color:#f4f2eb;
	padding-right:0.5em;
	padding-left:30px;
}
.headline-large .headline-body:before
{
	position:absolute;
	display:block;
	content:" ";
	background-image:url(../_img/headline-large.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	left:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.headline-large:before
{
	position: absolute;
	z-index:-1;
	top: 50%;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #C8C8C8;
}

.headline-medium
{
	position: relative;
	text-align:left;
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
	margin-bottom:0.5em;
	/*margin-top:20px;*/
	color:#282828;
}
.headline-medium .headline-sub
{
	display:inline-block;
	position: absolute;
	font-size:10px;
	font-size:1.0rem;
	top:-2em;
	padding-left:30px;
	letter-spacing:0.2em;
}
.headline-medium .headline-body
{
	position: relative;
	display:inline-block;
	padding-right:1em;
	padding-left:30px;
}
.headline-medium .headline-body:before
{
	position:absolute;
	display:block;
	content:" ";
	background-image:url(../_img/headline-medium.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
	left:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}

.headline-mini
{
	position: relative;
	text-align:left;
	font-size:13px;
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:1em;
	/*margin-top:50px;*/
	color:#282828;
}
.headline-mini span
{
	display:inline-block;
	background-color:#f4f2eb;
	padding-right:1em;
}
.headline-mini:before
{
	position: absolute;
	z-index:-1;
	top: 50%;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #C8C8C8;
}


/* -- リンク配色パターン -------------------------------------------------------------------------------- */
a
{
	color:#C0413A;
}
a.link
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	display:inline-block;
	position:relative;
	padding-left:25px;
}
a.link:before
{
	content:" ";
	display:block;
	position:absolute;
	width:22px;
	height:15px;
	background-image:url(../_img/link_arrow.png); 
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	top:0px;
	bottom:0px;
	left:0px;
	margin:auto;
}
a.btn
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	display:inline-block;
	position:relative;
	width:100%;
	border:3px solid #C0413A;
	background-color:#FFFFFF;
	padding:15px;
	text-align:center;
	
	font-size:18px;
	font-size:1.8rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	transition-duration:0.5s;
}
a.btn:hover
{
	border:3px solid #FFFFFF;
	background-color:#C0413A;
	color:#FFFFFF;
}
a.btn:after
{
	content:" ";
	display:block;
	position:absolute;
	background-image:url(../_img/btn_arrow.png); 
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:36px;
	margin:auto;
	top:0px;
	bottom:0px;
	right:20px;
}

a.btn.medium
{
	border-radius:3px;
	border:2px solid #C0413A;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	/*
	border:2px solid transparent;
	padding:5px;
	text-align:center;
	
	font-size:16px;
	font-size:1.6rem;
	
	box-shadow:none;
	text-decoration:underline;
	*/
}
a.btn.medium:hover
{
	border:2px solid #FFFFFF;
}
a.btn.medium:after
{
	content:" ";
	display:block;
	position:absolute;
	background-image:url(../_img/btn_arrow.png); 
	background-repeat:no-repeat;
	background-size:contain;
	width:12px;
	height:25px;
	margin:auto;
	top:0px;
	bottom:0px;
	right:20px;
	/*
	display:inline-block;
	position:absolute;
	right:auto;
	
	width:10px;
	height:18px;
	margin-left:10px;
	*/
}

a.btn.small
{
	border-radius:0px;
	border:2px solid #C0413A;
	padding:5px;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
}
a.btn.small:hover
{
	border:2px solid #FFFFFF;
}
a.btn.small:after
{
	content:" ";
	display:none;
	/*
	display:inline-block;
	position:absolute;
	right:auto;
	
	width:10px;
	height:18px;
	margin-left:10px;
	*/
}

a.btn.page-feed
{
	display:inline-block;
	width:auto;
	border-radius:3px;
	border:1px solid #B4B4B4;
	padding:2px 8px 2px 8px;
	font-size:14px;
	font-size:1.4rem;
	color:#505050;
}
a.btn.page-feed:hover
{
	background-color:#FFFFFF;
}
a.btn.page-feed:after
{
	content:"";
	display:none;
}
.btn-howto
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	width:16.6666%;
	float:left;
	text-align:center;
}
.btn-howto a
{
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 100%;
}
.btn-howto a:hover img
{
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}
.btn-howto.howto-01
{
	padding-left:0px;
	padding-right:10px;
}
.btn-howto.howto-02,
.btn-howto.howto-03,
.btn-howto.howto-04,
.btn-howto.howto-05
{
	padding-left:5px;
	padding-right:5px;
}
.btn-howto.howto-06
{
	padding-left:10px;
	padding-right:0px;
}

.btn-howto.howto-01 a{background-image:url(../_img/howto/howto-btn01-on.png);}
.btn-howto.howto-02 a{background-image:url(../_img/howto/howto-btn02-on.png);}
.btn-howto.howto-03 a{background-image:url(../_img/howto/howto-btn03-on.png);}
.btn-howto.howto-04 a{background-image:url(../_img/howto/howto-btn04-on.png);}
.btn-howto.howto-05 a{background-image:url(../_img/howto/howto-btn05-on.png);}
.btn-howto.howto-06 a{background-image:url(../_img/howto/howto-btn06-on.png);}


/* -- フォントサイズ -------------------------------------------------------------------------------- */
ul#share
{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
}
ul#share li
{
	margin:0px 3px 6px 3px;
	padding:1px 3px 1px 3px;
	display:inline-block;
	
	border-radius:3px;
	background-color:#f5f3ec;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.2)
}
ul#share li a.link
{
	font-size:12px;
	font-size:1.2rem;
}
ul#share li.twitter a.link:before
{
	background-image:url(../_img/logo_icon_twitter.png);
	width:20px;
	height:20px;
}
ul#share li.facebook a.link:before
{
	background-image:url(../_img/logo_icon_facebook.png);
	width:20px;
	height:20px;
}
ul#share li.gplus a.link:before
{
	background-image:url(../_img/logo_icon_gplus.png);
	width:20px;
	height:20px;
}
ul#share li.hatena a.link:before
{
	background-image:url(../_img/logo_icon_hatena.png);
	width:20px;
	height:20px;
}

/* -- フォントサイズ -------------------------------------------------------------------------------- */
.f-size-LLLLL
{
	font-size:26px;
	font-size:2.6rem;
}
.f-size-LLLL
{
	font-size:22px;
	font-size:2.2rem;
}
.f-size-LLL
{
	font-size:20px;
	font-size:2.0rem;
}
.f-size-LL
{
	font-size:18px;
	font-size:1.8rem;
}
.f-size-L
{
	font-size:16px;
	font-size:1.6rem;
}
.f-size-M
{
	font-size:14px;
	font-size:1.4rem;
}
.f-size-S
{
	font-size:12px;
	font-size:1.2rem;
}
.f-size-SS
{
	font-size:10px;
	font-size:1.0rem;
}

/* -- ヘッダー -------------------------------------------------------------------------------- */
.header
{
	padding-top:5px;
	border-bottom:3px double #c7c7c7;
	
	background-image:url(../_img/header_bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size:100% 5px;
	
	background-color:#ffffff;
	
    font-weight:500;
}
.upper-menu
{
	padding-top:0px;
	border-bottom:1px solid #c7c7c7;
	background-color:#ffffff;
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	position:relative;
	margin:0px auto;
	padding:0px 10px;
	max-width:1100px;
	
    font-weight:300;
}
.header .upper-men
{
	position:relative;
}
.header .contents
{
	position:relative;
}
.header .mobile-menu
{
	display:none;
}
.header .logo
{
	float:left;
	width:240px;
}
.header .logo>h1
{
	padding:0px;
	margin:0px;
}

.header .global
{
	float:right;
	border-left:1px solid #c7c7c7;
}
.header .global .menu-main
{
	float:left;
	margin:0px;
	padding:0px;
}
.header .global .menu-main .menu-main-item
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	margin:0px;
	float:left;
	border-right:1px solid #c7c7c7;
	display:table;
}
.header .global .menu-main .menu-main-item>a
{
	display: table-cell;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	color:#282828;
}
.header .global .menu-main .menu-main-item>a:hover
{
	background-color:#C8E8EF;
}
.header .global .menu-main .menu-main-item.menu-main-item-inquiry,
.header .global .menu-main .menu-main-item.menu-main-item-access
{
	width:70px;
	font-size:11px;
	font-size:1.1rem;
}
.header .global .menu-main .menu-main-item.menu-main-item-inquiry>a,
.header .global .menu-main .menu-main-item.menu-main-item-access>a
{
	padding:0px;
}
.header .global .menu-member
{
	margin:0px;
}
.header .global .menu-member>li
{
	margin:0px;
	display:table;
	border-bottom:1px solid #c7c7c7;
}
.header .global .menu-member>li.bottom
{
	border-bottom:none;
}
.header .global .menu-member>li>a
{
	display: table-cell;
	text-align:center;
	vertical-align:middle;
	padding:6px 15px;
	color:#282828;
}
.header .global .menu-member>.menu-member-regist>a
{
	background-color:#C8E8EF;
}
.header .global .menu-member>.menu-member-login>a
{
	background-color:#E5E1C9;
}


.slideMenuWrapper .slideMenu .slide-menu
{
	margin-bottom:10px;
}
.slideMenuWrapper .slideMenu .menu-main
{
	background-color:#FFFFFF;
	float:none;
	margin:0px;
	padding:0px;
}
.slideMenuWrapper .slideMenu .menu-main .menu-main-item
{
	margin:0px;
	float:none;
	border-bottom:1px solid #c7c7c7;
}
.slideMenuWrapper .slideMenu .menu-main .menu-main-item>a
{
	display: block;
	text-align:center;
	padding:10px;
	color:#282828;
}
.slideMenuWrapper .slideMenu .menu-main .menu-main-item>a:hover
{
	background-color:#C8E8EF;
}

.slideMenuWrapper .slideMenu .menu-member
{
	margin:0px;
}
.slideMenuWrapper .slideMenu .menu-member>li
{
	margin:0px;
	border-bottom:1px solid #c7c7c7;
}
.slideMenuWrapper .slideMenu .menu-member>li.bottom
{
	border-bottom:none;
}
.slideMenuWrapper .slideMenu .menu-member>li>a
{
	display:block;
	text-align:center;
	padding:6px 15px;
	color:#282828;
}
.slideMenuWrapper .slideMenu .menu-member>.menu-member-regist>a
{
	background-color:#C8E8EF;
}
.slideMenuWrapper .slideMenu .menu-member>.menu-member-login>a
{
	background-color:#E5E1C9;
}

/* -- TOPスライド -------------------------------------------------------------------------------- */
.slide
{
	position:relative;
	height:500px;
	background-color:#333333;
}

.slide .slide-wrapper
{
	position:absolute;
	height:500px;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	
	transition-property:opacity;
	transition-duration:1.5s;
	transition-timing-function:ease-out;
}

.slide .slide-wrapper.on
{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.slide .slide-wrapper.off
{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


.slide .slide-contents
{
	position:relative;
	height:100%;
	max-width:1100px;
	margin:0 auto;
}
.slide .slide-contents .message
{
	position:absolute;
	top:50px;
	right:10px;
}

/* -- 新着情報 -------------------------------------------------------------------------------- */
.news-bar
{
	position:absolute;
	bottom:0px;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	color:#FFFFFF;
}
.news-bar .news-bar-contents
{
	margin-left:230px;
}
.news-bar .news-bar-contents .news-bar-contents-center
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	max-width:740px;
	margin: 0 auto;
}
.news-bar .news-bar-contents .news-bar-label
{
	font-weight:500;
	float:left;
	padding:5px 0px 5px 0px;
	width:100px;
	text-align:center;
	letter-spacing:0.5em;
}
.news-bar .news-bar-contents .news-bar-label a
{
	color:#FFFFFF;
}
.news-bar .news-bar-contents .news-bar-list
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	margin-left:100px;
	overflow:hidden;
	border-left:1px solid;
}
.news-bar .news-bar-contents .news-bar-line-wrapper
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	width:200%;
}
.news-bar .news-bar-contents .news-bar-line
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	float:left;
	padding:5px 5px 5px 10px;
	width:50%;
	overflow:hidden;
}
.news-bar .news-bar-contents .news-bar-line a
{
	color:#FFFFFF;
}
.news-bar .news-bar-contents .news-bar-line.on
{
	
}
.news-bar .news-bar-contents .news-bar-line.off
{
	display:none;
}

/* -- ピックアップ -------------------------------------------------------------------------------- */
.baner-pickup-wrapper
{
	background-color:#FFFFFF;
	position: relative;
}
.baner-pickup
{
	background-color:#FFFFFF;
	padding:5px 20px;
}
.baner-pickup-wrapper .baner-pickup-control
{
	position: absolute;
	top:50%;
	width:100%;
}
.baner-pickup-wrapper .baner-pickup-control .backbtn
{
	position: absolute;
	display:block;
	top:-20px;
	left:0px;
	width:40px;
	height:40px;
	
	background-image:url(../_img/btn_pickup_back.png);
	background-size:cover;
}
.baner-pickup-wrapper .baner-pickup-control .nextbtn
{
	position: absolute;
	display:block;
	top:-20px;
	right:0px;
	width:40px;
	height:40px;
	
	background-image:url(../_img/btn_pickup_next.png);
	background-size:cover;
}

#flick {
	width: 100%;
	position: relative;
	overflow: auto;
}

#flick ul {
	display: block;
	margin: 0;
	padding: 0;
}

#flick ul li {
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	float: left;
	list-style-type: none;
	margin:0px;
	text-align:center;
	padding:5px;
}

/* -- サイドメニュー -------------------------------------------------------------------------------- */

#index .menu-side
{
	position:absolute;
	top:-450px;
}
#page .menu-side
{
}

.menu-side-useage,
.menu-side-normal
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	margin-bottom:15px;
	width:100%;
	border-radius:5px 5px 0px 0px;
	list-style:none;
}

.menu-side-useage li,
.menu-side-normal li
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	padding:0px;
	margin:0px;
}
.menu-side-useage li
{
	text-align:center;
}

.menu-side-useage li>a,
.menu-side-normal li>span,
.menu-side-normal li>a
{
	position:relative;
	display:block;
	padding:3px 10px 3px 32px;
	color:#505050;
	font-size:13px;
	font-size:1.3rem;
	font-weight:200;
}
.menu-side-useage li>a
{
	position:relative;
	display:block;
	padding:8px 8px 8px 0px;
	color:#505050;
	font-size:14px;
	font-size:1.4rem;
	font-weight:200;
}

.menu-side-useage .menu-item
{
	border-bottom:1px dashed #C8C8C8;
}


.menu-side-normal .menu-item>a:before
{
	content:url(../_img/list_point.png);
	position:absolute;
	height:15px;
	margin:auto;
	left:16px;
	top:0px;
	bottom:0px;
}

.menu-side-useage .menu-item:last-child,
.menu-side-normal .menu-item:last-child
{
	border-bottom:none;
}
.menu-side-normal li:last-child>a
{
	margin-bottom:8px;
}

.menu-side-normal li.menu-title + li.menu-item
{
	margin-top:6px;
}

.menu-side-useage li.menu-title>a,
.menu-side-normal li.menu-title.menu-title-active>span,
.menu-side-normal li.menu-title>a
{
	border-radius:5px 5px 0px 0px;
	background-color:#C8E8EF;
	font-weight:500;
	text-align:center;
	padding:6px;
	font-size:1.4rem;
	font-size:14px;
	color:#282828;
}

.menu-side-useage li.menu-title.menu-title-active>a,
.menu-side-normal li.menu-title.menu-title-active>span,
.menu-side-normal li.menu-title.menu-title-active>a
{
	background-image:url(../_img/wood.jpg);
	background-position:left top;
}

.slideMenuWrapper .slideMenu .slide-menu.menu-side-group
{
	padding:10px;
}

.menu-side-banner
{
	
}
.menu-side-banner li
{
	margin:0px;
	margin-bottom:15px;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
}

/* -- フッター -------------------------------------------------------------------------------- */
.footer
{
	background-color:#E5E1C9;
	padding-top:50px;
	padding-bottom:50px;
	color:#282828;
}
.footer .contents
{
	text-align:left;
}
.footer .contents .profile
{
	margin-bottom:50px;
}
.footer .contents .profile h2
{
	text-align:left;
	margin:0px;
	padding:0px;
}
.footer .contents .profile .address
{
	font-size:12px;
	font-size:1.2rem;
}
.footer .contents .profile .train
{
	font-size:12px;
	font-size:1.2rem;
}
.footer .contents .profile .contact
{
	font-weight:500;
}
.footer .contents .profile .contact .tel
{
	font-size:12px;
	font-size:1.2rem;
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-right:0.5em;
	background-color:#C0413A;
	color:#FFFFFF;
}
.footer .contents .site_map
{
	margin-bottom:50px;
}
.footer .contents .site_map nav
{
	width:100%;
}
.footer .contents .site_map nav ul li
{
	margin:0px;
	padding:0px;
	margin-bottom:0.3em;
}
.footer .contents .site_map nav ul li a
{
	color:#282828;
	position:relative;
	display:inline:block;
}
.footer .contents .site_map nav ul li.parent a
{
	font-size:16px;
	font-size:1.6rem;
	padding-left:20px;
}
.footer .contents .site_map nav ul li.parent a:before
{
	content:" ";
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	background-image:url(../_img/list_point_circle.png); 
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	top:0px;
	bottom:0px;
	margin:auto;
}
.footer .contents .site_map nav ul li.child a
{
	font-size:14px;
	font-size:1.4rem;
	padding-left:20px;
}
.footer .contents .site_map nav ul li.child a:before
{
	content:" ";
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	background-image:url(../_img/list_point_arrow.png); 
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	top:0px;
	bottom:0px;
	left:5px;
	margin:auto;
}
.footer .contents .site_map nav ul li.child.usage01 a,
.footer .contents .site_map nav ul li.child.usage02 a,
.footer .contents .site_map nav ul li.child.usage03 a,
.footer .contents .site_map nav ul li.child.usage04 a,
.footer .contents .site_map nav ul li.child.usage05 a,
.footer .contents .site_map nav ul li.child.usage06 a
{
	padding-left:25px;
}
.footer .contents .site_map nav ul li.child.usage01 a:before
{
	background-image:url(../_img/list_icon_usage01.png);
	width:16px;
	height:16px;
}
.footer .contents .site_map nav ul li.child.usage02 a:before
{
	background-image:url(../_img/list_icon_usage02.png); 
	width:16px;
	height:16px;
}
.footer .contents .site_map nav ul li.child.usage03 a:before
{
	background-image:url(../_img/list_icon_usage03.png); 
	width:16px;
	height:16px;
}
.footer .contents .site_map nav ul li.child.usage04 a:before
{
	background-image:url(../_img/list_icon_usage04.png); 
	width:16px;
	height:16px;
}
.footer .contents .site_map nav ul li.child.usage05 a:before
{
	background-image:url(../_img/list_icon_usage05.png); 
	width:16px;
	height:16px;
}
.footer .contents .site_map nav ul li.child.usage06 a:before
{
	background-image:url(../_img/list_icon_usage06.png); 
	width:16px;
	height:16px;
}


.footer .contents .copy_right
{
	font-size:12px;
	font-size:1.2rem;
}
.footer .contents .copy_right nav ul
{
	list-style:none;
}
.footer .contents .copy_right nav ul li
{
	float:left;
	margin:0px;
	padding:0px;
	margin-right:1em;
}
.footer .contents .copy_right nav ul li a
{
	color:#282828;
}
/* -- コンテンツ -------------------------------------------------------------------------------- */
.howto-circle img
{
	border-radius:100%;
	background-color:#F5F3EC;
}
.howto-circle:hover img
{
	background-color:#C8ECEF;
}
.articles
{
	margin-bottom:30px;
}

.article-box
{
	padding:8px;
}
.article-box .article-box-base
{
	position:relative;
	display:block;
	color:#505050;
	text-algin:left;
	background-color:#FFFFFF;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	padding:10px;
	/*transition-duration:0.5s;*/
}
.article-box .article-box-base:hover
{
	text-decoration:none;
	background-color:#faddc9;
}

.article-box .article-box-base h1,
.article-box .article-box-base h2,
.article-box .article-box-base h3,
.article-box .article-box-base h4,
.article-box .article-box-base h5,
.article-box .article-box-base h6
{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:16px;
	font-size:1.6rem;
	color:#282828;
	font-weight:500;
	margin-bottom:0.5em;
}

.article-box .article-box-base .sub-copy
{
	margin-bottom:0.5em;
	font-size:12px;
	font-size:1.2rem;
}


.article-box .article-box-base .article-box-status
{
	border-top:1px dashed #C8C8C8;
	padding-top:0.5em;
	font-weight:200;
	font-size:12px;
	font-size:1.2rem;
}

.article-box .article-box-base .article-box-status .article-box-status-tag
{
	display:inline-block;
	padding-right:1em;
	padding:2px;
}

.article-box .article-box-base .article-box-status-flg
{
	position:absolute;
	top:0px;
	left:5px;
}

.article-box .article-box-base.contents_link h1,
.article-box .article-box-base.contents_link h2,
.article-box .article-box-base.contents_link h3,
.article-box .article-box-base.contents_link h4,
.article-box .article-box-base.contents_link h5,
.article-box .article-box-base.contents_link h6
{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	color:#282828;
	font-weight:200;
}
.article-box .article-box-base.contents_link img
{
	margin-bottom:0.5em;
}

.article
{
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	background-color:#FFFFFF;
	text-algin:left;
	letter-spacing:0.15em;
	padding-bottom:20px;
}

.article .headline-large .headline-body
{
	background-color:#FFFFFF;
}
.article .article-date
{
	text-align:right;
}

.article table
{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #f4f2eb;
	border-left:1px solid #f4f2eb;
	margin-bottom:20px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
	
	border-collapse: separate;
	border-spacing:0px;
}
.article table td,
.article table th
{
	border-bottom:1px solid #f4f2eb;
	border-right:1px solid #f4f2eb;
}
.article table.l
{
	float:left;
	width:50%;
	margin-right:20px;
}
.article table.r
{
	float:right;
	width:50%;
	margin-left:20px;
}
.article table th
{
	background-color:#c8e8ef;
	/*border:1px solid #f4f2eb;*/
	text-align:left;
	font-weight:500;
	padding:3px 3px 3px 5px;
}
.article table td
{
	background-color:#ffffff;
	/*border:1px solid #f4f2eb;*/
	/*text-align:left;*/
	padding:5px 5px 5px 8px;
}


.article img.l,
.article img.l,
.article img.l
{
	float:left;
	width:40%;
	margin-right:20px;
	margin-bottom:20px;
}

.article img.r,
.article img.r,
.article img.r
{
	float:right;
	width:40%;
	margin-left:20px;
	margin-bottom:20px;
}


.interview
{
	
}
.interview .profile
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	float:left;
	width:120px;
	margin-right:15px;
	padding:5px;
	background-color:#f4f2eb;
}

.interview .profile img
{
	display:block;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	border-radius:100%;
	border:2px solid #c8e8ef;
}
.interview .profile .name
{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
}

.interview .message
{
	overflow-x:hidden;
}

.inquiry_box
{
	border-radius:5px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
	border:2px solid #c8e8ef;
}
.inquiry_box .inquiry_box-title
{
	background-color:#c8e8ef;
	padding:5px;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
}
.inquiry_box .inquiry_box-address
{
	text-align:center;
	padding:5px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
}
.inquiry_box .inquiry_box-message
{
	padding:0px 20px 10px 20px;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}

/* -- Q&A -------------------------------------------------------------------------------- */
.qa-articles,
.qa-article
{
	padding:20px 20px 20px 20px;
	border-bottom:1px dashed #C8C8C8;
	margin-bottom:10px;
}
.qa-article
{
	border-bottom:none;
	margin-bottom:0px;
}
.qa-lead
{
	font-size:12px;
	font-size:1.2rem;
}
.btn-open,
.btn-close
{
	display:inline-block;
	padding:1px 5px 1px 5px;
	background-color:#c8e8ef;
	border-radius:2px;
	font-size:12px;
	font-size:1.2rem;
	cursor:pointer;
}
/* -- ブログ -------------------------------------------------------------------------------- */
.blog-articles,
.blog-article
{
	position:relative;
	padding:20px 20px 20px 20px;
	border-bottom:1px dashed #C8C8C8;
	/*margin-bottom:10px;*/
}

.blog-article_link
{
	color:#3c3c3c;
	text-decolation:none;
}
.blog-article-title
{
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
}
.blog-date
{
	position:absolute;
	top:5px;
	right:5px;
	font-size:12px;
	font-size:1.2rem;
	text-align:right;
	margin-bottom:15px;
}
.blog-body
{

}
.blog-link
{
	position:absolute;
	bottom:5px;
	right:5px;
}


/* -- 新着情報 -------------------------------------------------------------------------------- */
.news-articles,
.news-article
{
	padding:30px 40px 40px 40px;
	border-bottom:1px dashed #C8C8C8;
	margin-bottom:10px;
}
.news-article
{
	border-bottom:none;
	margin-bottom:0px;
}
.news-date
{
	font-size:12px;
	font-size:1.2rem;
	text-align:right;
	margin-bottom:15px;
}

.category-selecter
{
	padding:15px;
}
.category-selecter .title
{
	display:inline-block;
	position:relative;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:10px;
	padding-left:25px;
}
.category-selecter .title:before
{
	content:" ";
	
	display:block;;
	position:absolute;
	margin:auto;
	
	top:0px;
	bottom:0px;
	left:0px;
	
	width:18px;
	height:18px;
	
	background-image:url(../_img/icon-search.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

ul.category-list
{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.category-list li
{
	margin:0px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}
ul.category-list li a
{
	display:inline-block;
	border-radius:15px;
	padding:1px 8px 1px 8px;
	background-color:#DEDEDD;
	color:#B4B4B4;
	font-size:12px;
	font-size:1.2rem;
}
ul.category-list li.on a,
ul.category-list li a:hover
{
	background-color:#967C55;
	color:#FFFFFF;
}

ul.category-list li.communication.on a,
ul.category-list li.communication a:hover
{
	background-color:#E08890;
	color:#FFFFFF;
}
ul.category-list li.book.on a,
ul.category-list li.book a:hover
{
	background-color:#5EA662;
	color:#FFFFFF;
}
ul.category-list li.culture.on a,
ul.category-list li.culture a:hover
{
	background-color:#ED8B46;
	color:#FFFFFF;
}
ul.category-list li.business.on a,
ul.category-list li.business a:hover
{
	background-color:#5B87A2;
	color:#FFFFFF;
}
ul.category-list li.communication.on a,
ul.category-list li.communication a:hover
{
	background-color:#E08890;
	color:#FFFFFF;
}
ul.category-list li.career.on a,
ul.category-list li.career a:hover
{
	background-color:#74BEC2;
	color:#FFFFFF;
}
ul.category-list li.money.on a,
ul.category-list li.money a:hover
{
	background-color:#E6BB48;
	color:#FFFFFF;
}
ul.category-list li.ideal.on a,
ul.category-list li.ideal a:hover
{
	background-color:#9984AC;
	color:#FFFFFF;
}
ul.category-list li.joy.on a,
ul.category-list li.joy a:hover
{
	background-color:#73C4AD;
	color:#FFFFFF;
}


.pagenation
{
	padding:40px;
}
.pagenation ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
}
.pagenation ul li
{
	margin:0px;
	margin-right:5px;
	display:inline-block;
}
.pagenation ul li a
{
	display:inline-block;
	border-radius:3px;
	border:1px solid #B4B4B4;
	
	padding:1px 8px 1px 8px;
	
	background-color:#FFFFFF;
	color:#B4B4B4;
}
.pagenation ul li.on a
{
	background-color:#E5E1C9;
	color:#505050;
}

/* -- 講座 -------------------------------------------------------------------------------- */
.event-tab-list
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	border-bottom:4px solid #967C55;
	margin:0px;
	padding:0px;
	list-style:none;
}
.event-tab-list .tab
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	display:block;
	margin:0px;
	float:left;
	width:20%;
	padding-right:1px;
	padding-left:1px;
}
.event-tab-list .tab:first-child
{
	padding-right:2px;
	padding-left:0px;
}

.event-tab-list .tab a
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	display:block;
	border-radius:5px 5px 0px 0px;
	background-color:#FFFFFF;
	border-top:1px solid #DEDEDD;
	border-left:1px solid #DEDEDD;
	border-right:1px solid #DEDEDD;
	
	text-align:center;
	padding:10px;
	color:#B4B4B4;
}

.event-tab-list .tab.on a
{
	background-color:#967C55;
	border:1px solid #967C55;
	color:#FFFFFF;
}

#communication .event-tab-list{border-bottom:4px solid #E08890;}
#communication .event-tab-list .tab.on a{background-color:#E08890;border:1px solid #E08890;}

#book .event-tab-list{border-bottom:4px solid #5EA662;}
#book .event-tab-list .tab.on a{background-color:#5EA662;border:1px solid #5EA662;}

#culture .event-tab-list{border-bottom:4px solid #ED8B46;}
#culture .event-tab-list .tab.on a{background-color:#ED8B46;border:1px solid #ED8B46;}

#business .event-tab-list{border-bottom:4px solid #5B87A2;}
#business .event-tab-list .tab.on a{background-color:#5B87A2;border:1px solid #5B87A2;}

#career .event-tab-list{border-bottom:4px solid #74BEC2;}
#career .event-tab-list .tab.on a{background-color:#74BEC2;border:1px solid #74BEC2;}

#money .event-tab-list{border-bottom:4px solid #E6BB48;}
#money .event-tab-list .tab.on a{background-color:#E6BB48;border:1px solid #E6BB48;}

#ideal .event-tab-list{border-bottom:4px solid #9984AC;}
#ideal .event-tab-list .tab.on a{background-color:#9984AC;border:1px solid #9984AC;}

#joy .event-tab-list{border-bottom:4px solid #73C4AD;}
#joy .event-tab-list .tab.on a{background-color:#73C4AD;border:1px solid #73C4AD;}


.event-sub-title
{
	padding:0px 30px 15px 30px;
}
.event-status
{
	width:25px;
	float:left;
}

.event-sub-title-label
{
	margin-left:25px;
	padding:5px;
}

.event-categories 
{
	padding:5px;
}
.event-categories span
{
	font-size:10px;
	font-size:1.0rem;
	
	position:relative;
	display:inline-block;
	margin-right:15px;
	padding:0px 2px 0px 5px;
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	background-color:#967C55;
}
.event-categories span:after
{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	content:" ";
	display:block;
	position:absolute;
	margin:auto;
	
	width:20px;
	top:0px;
	bottom:0px;
	right:-20px;
	
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-right:10px solid transparent;
	border-left:10px solid #967C55;
}

.event-sub-title-text
{
	font-weight:500;
	font-size:18px;
	font-size:1.8rem;
	padding:5px;
	text-align:left;
	color:#282828;
}
.event-sub-title-text h2
{
	font-weight:500;
}

.event-categories span.communication{background-color:#E08890;}
.event-categories span.communication:after{border-left-color:#E08890;}

.event-categories span.book{background-color:#5EA662;}
.event-categories span.book:after{border-left-color:#5EA662;}

.event-categories span.culture{background-color:#ED8B46;}
.event-categories span.culture:after{border-left-color:#ED8B46;}

.event-categories span.business{background-color:#5B87A2;}
.event-categories span.business:after{border-left-color:#5B87A2;}

.event-categories span.career{background-color:#74BEC2;}
.event-categories span.career:after{border-left-color:#74BEC2;}

.event-categories span.money{background-color:#E6BB48;}
.event-categories span.money:after{border-left-color:#E6BB48;}

.event-categories span.ideal{background-color:#9984AC;}
.event-categories span.ideal:after{border-left-color:#9984AC;}

.event-categories span.joy{background-color:#73C4AD;}
.event-categories span.joy:after{border-left-color:#73C4AD;}

.event-summary,
.event-detail
{
	padding:30px;
	padding-top:0px;
}
.event-detail .event-detail-title
{
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
	margin-bottom:1.0em;
	padding-left:10px;
	border-left:5px solid #967C55;
	/*margin-left:-10px;*/
}
#communication .event-detail .event-detail-title{border-left:5px solid #E08890;}
#book .event-detail .event-detail-title{border-left:5px solid #5EA662;}
#culture .event-detail .event-detail-title{border-left:5px solid #ED8B46;}
#business .event-detail .event-detail-title{border-left:5px solid #5B87A2;}
#career .event-detail .event-detail-title{border-left:5px solid #74BEC2;}
#money .event-detail .event-detail-title{border-left:5px solid #E6BB48;}
#ideal .event-detail .event-detail-title{border-left:5px solid #9984AC;}
#joy .event-detail .event-detail-title{border-left:5px solid #73C4AD;}

.event-detail .event-summary-info
{
	padding-left:15px;
}
.event-detail .event-summary-info .event-summary-info-box
{
	background-color:#F5F3EC;
	padding:15px;
	font-size:12px;
	font-size:1.2rem;
}
.event-detail .event-summary-info .event-summary-info-box .teacher-name
{
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:4px;
}

.event-detail-list li
{
	display:block;
	position:relative;
	margin:0px;
	border-top:1px dashed #CCCCCC;
}
.event-detail-list li:after
{
	content:" ";
	position:absolute;
	display:block;
	margin:auto;
	
	width:17px;
	height:32px;
	
	top:0px;
	bottom:0px;
	right:10px;
	
	background-image:url(../_img/point_arrow_big.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.event-detail-list li a
{
	display:block;
	padding:15px 50px 15px 15px;
	color:#282828;
	font-size:16px;
	font-size:1.6rem;
	
}
.event-detail-list li a:hover
{
	background-color:#faddc9;
}
.event-detail-list li a .schedule
{
	font-size:12px;
	font-size:1.2rem;
}
.event-status-tag
{
	display:inline-block;
	padding:0px 8px 0px 8px;
	border-radius:15px;
	border:1px solid;
	font-size:12px;
	font-size:1.2rem;
	font-weight:500;
}
.event-status-tag.scheduled
{
	background-color:#C8ECEF;
	border-color:#C8ECEF;
	color:#3787B4;
}
.event-status-tag.entry
{
	background-color:#C0413A;
	border-color:#C0413A;
	color:#FFFFFF;
}
.event-status-tag.few
{
	background-color:#EFCFCE;
	border-color:#C0413A;
	color:#C0413A;
}
.event-status-tag.soldout
{
	background-color:#9D8800;
	border-color:#9D8800;
	color:#FFFFFF;
}
.event-status-tag.finish
{
	background-color:#DEDEDD;
	border-color:#DEDEDD;
	color:#B4B4B4;
}

a.btn.event.entry
{
	border-radius:3px;
	border:2px solid #C0413A;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
}
a.btn.event.entry:hover
{
	border:2px solid #FFFFFF;
}
a.btn.event.entry:after
{
	content:" ";
	display:block;
	position:absolute;
	background-image:url(../_img/btn_arrow.png); 
	background-repeat:no-repeat;
	background-size:contain;
	width:12px;
	height:25px;
	margin:auto;
	top:0px;
	bottom:0px;
	right:20px;
}

a.btn.event.soldout
{
	border-radius:3px;
	border:2px solid #9D8800;
	background-color:#E5E1C9;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	color:#9D8800;
	font-weight:500;
}
a.btn.event.soldout:hover
{
	border:2px solid #9D8800;
	background-color:#E5E1C9;
}
a.btn.event.soldout:after
{
	content:"";
	display:none;
}

a.btn.event.finish
{
	border-radius:3px;
	border:2px solid #DEDEDD;
	background-color:#DEDEDD;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	color:#B4B4B4;
	font-weight:500;
}
a.btn.event.finish:hover
{
	border:2px solid #DEDEDD;
	background-color:#DEDEDD;
}
a.btn.event.finish:after
{
	content:"";
	display:none;
}

a.btn.event.scheduled
{
	border-radius:3px;
	border:2px solid #DEDEDD;
	background-color:#DEDEDD;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	box-shadow:2px 2px 0px 0px rgba(0,0,0,0.2);
	color:#505050;
	font-weight:500;
}
a.btn.event.scheduled:hover
{
	border:2px solid #DEDEDD;
	background-color:#DEDEDD;
}
a.btn.event.scheduled:after
{
	content:"";
	display:none;
}


table.event-detail-table
{
	border:none;
	border-collapse:separate;
	border-spacing:5px;
	box-shadow:none;
}
table.event-detail-table tr th
{
	border:none;
	padidng:10px;
	text-align:center;
	min-width:100px;
	background-color:#F5F3EC;
	vertical-align:top;
}
table.event-detail-table tr td
{
	border:none;
	padding:10px;
}


.policy_contents
{
	
}

.policy_contents dl dt
{
	font-weight:500;
	color:#282828;
	margin-bottom:15px;
}
.policy_contents dl dd
{
	margin-bottom:15px;
}
.policy_contents dl dd ul
{
	list-style:none;
	margin-top:10px;
	margin-bottom:10px;
}
.policy_contents dl dd ul li
{
	margin-bottom:10px;
}

table.order
{
	margin:0px;
	box-shadow:none;
	border-collapse: separate;
	border-spacing:0px;
}
table.order tr th
{
	padding:15px;
	min-width:200px;
}
table.order tr td
{
	padding:15px;
}

ul.guide-list
{
	
}
ul.guide-list li
{
	display:block;
	position:relative;
	margin:0px;
	border-top:1px dashed #CCCCCC;
}
ul.guide-list li:first-child
{
	border-top:none;
}

.price-box
{
	display:table;
	margin-bottom:10px;
}
.price-box .price-box-title,
.price-box .price-box-body
{
	display:table-cell;
	vertical-align:middle;
	border-bottom:1px solid #cccccc;
}
.price-box .price-box-title
{
}

.price-box .price-box-title .price-box-title-tag
{
	display:inline-block;
	padding:0px 8px 0px 8px;
	border-radius:3px;
	font-size:12px;
	font-size:1.2rem;
	background-color:#c8e8ef;
}
.price-box .price-box-title .price-box-title-name
{
}

.price-box .price-box-body
{
	padding:0px ;
	text-align:right;
}
.price-box .price-box-body .price-box-price
{
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
}
.price-box .price-box-body .price-box-price .tax
{
	font-size:12px;
	font-size:1.2rem;
	font-weight:200;
}

/* ################################################################################################ */
/* ## ヘッダ調整               #################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 1050px) {
	.global
	{
		display:none;
	}
	.header .mobile-menu
	{
		display:block;
		position:absolute;
		top:0px;
		bottom:0px;
		right:10px;
		
		margin:auto;
		width:50px;
		height:50px;
	}
	.header .mobile-menu .btn-mobile-menu
	{
		border-radius:100%;
		cursor:pointer;
	}
	.header .mobile-menu .btn-mobile-menu:hover
	{
		background-color:#C8E8EF;
	}
}

/* ################################################################################################ */
/* ## タブレットサイト用スタイル ################################################################## */
/* ################################################################################################ */
@media screen and (max-width: 960px) {
	.menu-side
	{
		display:none;
	}
	.contents-main
	{
		margin-left:0px;
		padding-left:0px;
	}
	.contents-body
	{
		margin-right:auto;
	}
	.news-bar .news-bar-contents
	{
		margin-left:0px;
	}

	
	/* -- ヘッダー -------------------------------------------------------------------------------- */
	header .row .wrapper
	{
		min-height:60px;
	}
	header .row .wrapper .header_message
	{
		margin-right:70px;
	}
	header .row .wrapper .header_contents
	{
		margin-right:70px;
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {
	body
	{
		font-size:12px;
		font-size:1.2rem;
	}
	.header .logo
	{
		width:180px;
		margin-top:5px;
		margin-bottom:5px;
	}
	.sp-only{display:block;}
	.pc-only{display:none;}
	
	.btn-howto.howto-01
	{
		padding-left:0px;
		padding-right:2px;
	}
	.btn-howto.howto-02,
	.btn-howto.howto-03,
	.btn-howto.howto-04,
	.btn-howto.howto-05
	{
		padding-left:1px;
		padding-right:1px;
	}
	.btn-howto.howto-06
	{
		padding-left:2px;
		padding-right:0px;
	}

	.slide
	{
		height:250px;
	}
	.slide .slide-wrapper
	{
		height:250px;
	}
	.slide .slide-contents .message
	{
		top:10px;
		right:20px;
	}
	.slide .slide-contents .message img
	{
		width:100px;
	}

	.headline-title
	{
		margin-top:10px;
		margin-bottom:20px;
	}
	.headline-title .headline-body
	{
		font-size:20px;
		font-size:2.0rem;
	}
	.headline-large
	{
		font-size:16px;
		font-size:1.6rem;
	}
	.headline-large .headline-sub
	{
		font-size:9px;
		font-size:0.9rem;
	}

	.headline-medium
	{
		font-size:14px;
		font-size:1.4rem;
	}
	.headline-medium .headline-sub
	{
		font-size:9px;
		font-size:0.9rem;
	}
	
	.footer .contents .site_map nav ul li.child
	{
		display:none;
	}
	
	.article .sentence
	{
		padding:0px 15px 15px 15px;
		line-height:1.8;
		letter-spacing:0.1em;
	}
	
	.event-sub-title
	{
		padding:0px 10px 10px 10px;
	}
	.event-summary,
	.event-detail
	{
		padding:10px;
		padding-top:0px;
	}
	
	.event-detail .event-summary-info
	{
		padding-left:0px;
	}
	
	table.event-detail-table,
	table.event-detail-table tbody,
	table.event-detail-table thead,
	table.event-detail-table tr,
	table.event-detail-table th,
	table.event-detail-table td
	{
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
		display:block;
		width:100%;
	}
	table.event-detail-table tr th
	{
		width:100%;
		padding:5px;
	}
	table.event-detail-table tr td
	{
		width:100%;
		padding:5px;
	}
	
	table.order,
	table.order tbody,
	table.order thead,
	table.order tr,
	table.order tr th,
	table.order tr td
	{
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
		display:block;
		width:100%;
	}
	table.order tr th
	{
		padding:5px;
		width:100%;
		min-width:auto;
		max-width:auto;
	}
	table.order tr td
	{
		padding:5px;
		width:100%;
		min-width:auto;
		max-width:auto;
	}
	
	.news-articles,
	.news-article
	{
		padding:10px 15px 15px 15px;
		border-bottom:1px dashed #C8C8C8;
		margin-bottom:10px;
	}
	.blog-articles,
	.blog-article
	{
		position:relative;
		padding:30px 20px 20px 20px;
		border-bottom:1px dashed #C8C8C8;
	}
	
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 継承されないスタイル
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ################################################################################################ */
/* ## パソコンサイト用スタイル(大画面) ############################################################ */
/* ################################################################################################ */
@media screen and (min-width:1201px) and (max-width:9999px) {
}

/* ################################################################################################ */
/* ## パソコンサイト用スタイル #################################################################### */
/* ################################################################################################ */
@media screen and (min-width:961px) and (max-width: 1200px) {
}

/* ################################################################################################ */
/* ## タブレットサイト用スタイル ################################################################## */
/* ################################################################################################ */
@media screen and (min-width:641px) and (max-width: 960px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {
}