@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/
body{
	color: #333;
	width:100%;
	background-repeat:no-repeat;
	background-position:center -100pt;
}
/*-------------------------------------------------S-------
2、サイト全体の共通設定
-------------------------------------------------------*/


/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #007bff; }
a:hover,
a:active{ color: #f60; }
/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
	width:100%;
}


/*--------------------------------------------------------
ページトップ　お知らせ
--------------------------------------------------------*/




/*--------------------------------------------------------
TOP写真用　margin-top一括設定
--------------------------------------------------------*/
#margin-1line{height:630px;}
#margin-2line{height:580px;}
#margin-3line{height:550px;}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: absolute;
	top: 0;
	background-color: #fff;
	font-size: 1.2em;
}

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

#top-menu{ text-align: right; }

#top-menu li{
	display: inline;
	margin-left: 1em;
	list-style: none;
}

#top-menu li a{
	padding-left: 12px;
	background: url(../images/icon/icon-arrow01.png) left center no-repeat;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background-image:url(/images/common/bg_bk.gif);
	font-size: 1.2em;
	width:100%;
}

#header-in{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	padding: 0;
}

/*●ヘッダーロゴ（メインタイトル）*/
#header-logo{
	float: left;
	width: 100px; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header-title{
	float: left;
	width: auto; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
	margin:25px 0 0 10px;
	font-size:0.8em;
	padding:0;
}
#header h1{
	margin: 0;
	padding:0;
	font-size: 1.5em;
	line-height:1.7em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:900;
}
#header-title a{
	color:#FFF;
	text-decoration:none;
}
#header-title a:hover{
	text-decoration: underline;
}

/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float:right;
/*	width: 40%; /*・1行の幅はwidthの値を変更*/
	font-size:0.8em;
	font-weight:normal;
	vertical-align:bottom;
	color: #333;
	text-align:right;
	margin-right:10px;
}
#header-in #header-text p{
	margin-top:30px;
	padding:0;
	font-size:1.2em;
	color:#FFF;
}

/*--------------------------------------------------------
新ヘッダー　マイページログイン用2017 1/5作成開始
--------------------------------------------------------*/

#header_mypage{
	background-image:url(/images/common/bg_bk.gif);
	font-size: 1.2em;
	width:100%;
}

#header-in{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	padding: 0;
}

/*●ヘッダーロゴ（メインタイトル）*/
#header-logo{
	float: left;
	width: 100px; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header-title{
	float: left;
	width: auto; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
	margin:25px 0 0 10px;
	font-size:0.8em;
	padding:0;
}
#header_mypage h1{
	margin: 0;
	padding:0;
	font-size: 1.5em;
	line-height:1.7em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:900;
}
#header-title a{
	color:#FFF;
	text-decoration:none;
}
#header-title a:hover{
	text-decoration: underline;
}

/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float:right;
/*	width: 40%; /*・1行の幅はwidthの値を変更*/
	font-size:0.8em;
	font-weight:normal;
	vertical-align:bottom;
	color: #333;
	text-align:right;
	margin-right:10px;
}
#header-in #header-text p{
	margin-top:30px;
	padding:0 0 5px 0;
	font-size:1.2em;
	color:#FFF;
}




/*--------------------------------------------------------
電話番号　24h
--------------------------------------------------------*/
#info01{
	float:left;
	width:100%;
	background-color:#000;
	height:40px;
}
#info01 #tel{
	float:left;
	padding:5px 0 5px 25px;
	margin-left:10px;
	font-size:1.7em;
	font-weight:bold;
	background:url(../images/icon/icon-tel.png) no-repeat;
	background-size:20px;
	background-position:0% 38%;
	color:#FFF;
}
#info01 #tel img{
	width:120px;
	vertical-align:middle;
}
#info01 #tel a{
	text-decoration:none;
	color:#FFF;
}

#info02{
	clear:both;
	width:100%;
	min-width:1200px;
	background:rgba(0,0,0,0.8);
	padding:5px 0;
	color:#FFF;
	
}
#info02 span{
	/*font-size:1em;*/
	color:white;
	display: inline-block;
	
}
.eigyo24h{
	margin-left: 15px;
	font-size:1.4em;
	color:white;
	font-weight:bold
}
.yoyaku{
	font-size :1.2em;
	margin-left:7px;
}
#info02 a{
	color:white;
}
#info02 a:hover{
	color:orange;
}

/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	width:100%;
	min-width:1200px;
	font-size: 1.2em;
	padding:3px 0;
	background:rgba(255,255,255,0.8);
}

#breadcrumbs ol{
	margin-left:10px;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}

#breadcrumbs-footer{
	clear: both;
	width:100%;
	min-width:1200px;
	font-size: 1.2em;
	padding:20px 0;
	background:rgba(255,255,255,0.8);
}

#breadcrumbs-footer ol{
	width:1200px;
	margin:0 auto 10px auto;
}

#breadcrumbs-footer li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs-footer li a{
	padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) center right no-repeat;
}

/*--------------------------------------------------------
ナビ　矢印
--------------------------------------------------------*/
/*白矢印*/
.nav-arrow{
	background:url(../images/icon/icon-arrow03.png) no-repeat;
	background-position:left center;
	padding-left:12px;
}

/*グレー矢印*/
.nav-arrow_glay{
	background:url(../images/icon/icon-arrow01.png) no-repeat;
	background-position:left center;
	padding-left:12px;
}

/*--------------------------------------------------------
サービス一覧
--------------------------------------------------------*/

#service{
	width:1180px;
	margin:0 auto;
	padding:10px;
	background-image:url(../../images/common/bg_navy2.gif);
}
#service ul{
	list-style-type: none;
}
#service ul li{
	display:inline-block;
	float: none;
	margin:5px;
}
#service ul li img{
	width:59px;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

/*●メイン画像*/
#main-image{
	padding-top: 0em;
}
#main-image-in{
	position: relative;
	padding-bottom: 1.5em;
}
#main-image img{
	width: 100%;
	height: auto;
}
/*●メイン画像*/
#main-image_mobile{
	display:none;
}
#main-image_mobile #main-image-in{
}
#main-image_mobile #main-image img{
}



/*--------------------------------------------------------
スタジオナビ
--------------------------------------------------------*/
#studio-nav{
	clear:both;
	width:1160px;
	margin:0 auto;
	background: url(../images/common/bg_bk_opacity.png);
	padding:20px 20px;
	font-size:1.5em;
	font-family:'Noto Sans JP';
	font-weight:bold;
	color:#FFF;
}
#studio-nav img{
	width:75px;
	vertical-align:middle;
	margin-right:25px;
}
#st-menu{
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

#st-menu li{
	display: block;
	float: left;
	font-size:1.4em;
	font-weight: bold;
	font-family:'Noto Sans JP';
	width: 299px;
	margin: 0;
	padding: 0;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
}
#st-menu li a{
  display: block;
  padding: 20px 0 20px 20px;
  background: #F00;
  color: #fff;
  text-decoration: none;
}
#st-menu .end{
	border-right:none;
	width:300px;
}
#st-menu li a:hover{
  background: #F55;
}

/*--------------------------------------------------------
youtbe関係
--------------------------------------------------------*/

/*アクセス*/
.youtube_box{
	float:left;
	margin-bottom:30px;
	padding-right:5px;
	width:30%;
}
.youtube_box img{
	width:100%;
}
.youtube_box p{
	font-weight:bold;
	margin:0;
	padding:0;
}




/*--------------------------------------------------------
MAPマップバナー
--------------------------------------------------------*/
#main-contents .map_bnr{
	display:block;
	float:left;
	margin-right:5px;
}

/*インドアビュー　PC/mobile切替*/
.indoorview_pc{
	float:left;
	margin-right:20px;
}
.indoorview_mobile{
	display:none;
}


/*--------------------------------------------------------
トピックスtopics
--------------------------------------------------------*/

/*---サイト上部トピックスtopics---*/
.top-topics{
	width:1200px;
	height:200px;
	margin:0 auto 20px auto;
}


/*リニューアル 2019.08.29*/
/*グローバルTOP用----------------------------------------------*/
#topics{
	margin:125px auto 0 auto;
	width:1200px;
	padding:0px;
	font-size:12px;
}
#topics h2{
	color:#0CF;
	border-top:none;
	border-bottom:#666 1px solid;
	padding:5px 0 3px 30px;
	margin-bottom:10px;
	background-image:url(../images/icon/icon-topics.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left center;
}
#topics h2 img{
	display:none;
	width:25px;
	vertical-align:middle;
}
#topics ul{
	margin:0;
	padding:0;	
}
#topics li{
	width:213px;
	height:300px;
	float:left;
	margin:0 10px 10px 10px;
	padding:10px 0 0 0;
	border-bottom:2px dotted #ccc;
	text-decoration:none;
	list-style:none;
	display:block;
}
#topics .news_img{
	width:100%;
	float:left;
}
#topics .news_img img{
	width:100%;
}
#topics .news_title{
	width:100%;
	float:left;
	padding:0 10px;
}
#topics .news_more{
	margin:30px 0;
}
#main-contents #topics .news_more p{
	margin:0 auto;
	padding:0;
	width:300px;
	border:2px solid #ac7df4;
	text-align:center;
}
#topics .news_more a{
	padding:20px 0;
	display:block;
	width:100%;
}
#topics .news_more a:hover{
	background:#ac7df4;
	color:#fff;
}


/*各店舗TOP用----------------------------------------------*/
#topics-st{
	margin:125px auto 850px auto;
	width:1200px;
	padding:0px;
	font-size:12px;
}
#topics-st h2{
	color:#0CF;
	border-top:none;
	border-bottom:#666 1px solid;
	padding:5px 0 3px 30px;
	margin-bottom:10px;
	background-image:url(../images/icon/icon-topics.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left center;
}
#topics-st h2 img{
	display:none;
}
#topics-st #topics-studio{
	float:left;
	width:800px;
}
#topics-st #topics-twitter{
	float:left;
	width:400px;
}
#topics-st #topics-twitter .twitter-timeline{
}
#topics-st ul{
	margin:0;
	padding:0;	
}
#topics-st li{
	width:213px;
	height:300px;
	float:left;
	margin:0 10px 10px 10px;
	padding:10px 0 0 0;
	border-bottom:2px dotted #ccc;
	text-decoration:none;
	list-style:none;
	display:block;
}
#topics-st .news_img{
	width:100%;
	float:left;
}
#topics-st .news_img img{
	width:100%;
}
#topics-st .news_title{
	width:100%;
	float:left;
	padding:10px 10px 0 10px;
}
#topics-st #topics-studio .news_more{
	margin:30px 0;
}
#topics-st #topics-studio .news_more p{
	margin:0 auto;
	padding:0;
	width:300px;
	border:2px solid #ac7df4;
	text-align:center;
}
#topics-st #topics-studio .news_more a{
	padding:20px 0;
	display:block;
	width:100%;
}
#topics-st #topics-studio .news_more a:hover{
	background:#ac7df4;
	color:#fff;
}


















/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px 0;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
	color:#666;
	font-size:12px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
#newsList .topics_ymd{
	width:auto;
	height:auto;
	float:left;
	display:block;
}
#newsList .topics_title{
	width:610px;
	height:auto;
	float:left;
	display:block;
}
#newsList .comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:980px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	margin-right:20px;
}
#newsList .thumbNailWrap{
	display:block;
	width:100px;
	float:left;
	height:auto;
	overflow:hidden;
}
#newsList .up_ymd{
	font-size:1em;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #666;
}
#topics-contents{
}
#topics-contents #up_ymd{
	border-bottom:1px dotted #999;
	margin-bottom:20px;
}
#topics-contents #topics-title{
	color:#0CF;
	border-top:none;
	padding:5px 0 3px 30px;
	margin:0;
	background:none;
	background-image:url(../images/icon/icon-topics.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:left center;
}
#topics-contents .detailUpfile{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
/*-- スタッフ　バナー画像 ---*/
.staff_bnr img{
	width:200px;
	margin-right:20px;
}

/*--------------------------------------------------------
youtube　関係
--------------------------------------------------------*/

/*
.button_youtube{
  position: relative;
  top: -40px;
  left: -50%;
  opacity: 0.9;
  margin:-42px;
}
*/
<!-- hover時処理(おまけ) -->
.youtube {
  -webkit-transition: 0.5s ease-in-out;
}
.youtube:hover {
  opacity: 0.7;
}

.live_img {
  -webkit-transition: 0.5s ease-in-out;
}
.live_img:hover {
  opacity: 0.7;
}

/*--------------------------------------------------------
サイト全体
--------------------------------------------------------*/

#main-contents{
	width:100%;
	margin-top:0;
	font-size: 1.4em;
}

#main-contents .contents{
	width:1200px;
	margin:0 auto 100px auto;
	padding: 0;
}

#main-contents p{
	padding:10px 0 0 0;
}

/*●H2タグ*/
#main-contents h2{
	width:1125px;
	padding:10px 0 10px 75px;
	margin:40px auto 10px auto;
	font-family: F+UD-ニューロダン B;
}
h2{
	margin: 0;
	padding: 0;
	background:none;
	color:#FFF;
	font-size: 1.5em;
	font-weight: bold;
	clear:both;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3{
	margin: 0;
	padding: 0.8em 0;
	font-size: 1.143em;
	font-weight: bold;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}
#main-contents .h3_dot_bottomborder{
	border-bottom:1px dotted #666;
	padding:10px 0 2px 0;
	margin:10px 0;
}


/*●H4タグ*/
#main-contents h4{
	margin: 0;
	padding:0;
	border:none;
	font-weight: bold;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }


/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}


/*●テーブルタグ*/
#main-contents table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
	font-size:1.2em;
	text-align:center;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
#main-contents table{ table-layout: auto; }

#main-contents th,
#main-contents td{
	padding: 0.8em 0.3em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#main-contents th{
	background-color: #f0f0f0;
	font-weight: bold;
	text-align: center;
}





/*●最新情報（リストタグ）*/
#main-contents ul.news{
	margin: 0 0 3.5em;
	padding: 0;
	padding-bottom: 0;
}

#main-contents ul.news li{
	margin-bottom: 1em;
	padding: 0 1em 1em;
	border-bottom: 1px dotted #414141;
	line-height: 1.4em;
	list-style: none;
}


/*●最新情報（定義タグ）*/
#main-contents dl.news{
	margin: 0;
	margin-bottom: 3.5em;
	padding: 0;
}

#main-contents dl.news dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

/*最新情報のアイコン設定*/
#main-contents dl.news dd.cat{
	float: left;
	overflow: hidden;
	width: 6em;
	height: 1.5em;
	padding: 0.1em 0.3em 0;
	border-bottom: none;
	background: #333;
	color: #fff;
	font-size: 0.858em;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#main-contents dl.news dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 16.5em;
	border-bottom: 1px dotted #414141;
}

/*●最新情報2（定義タグ）*/
#main-contents dl.news02{
	margin: 0;
	margin-bottom: 3.5em;
	padding: 0;
}

#main-contents dl.news02 dt{
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	padding-left: 1em;
	font-weight: bold;
}

#main-contents dl.news02 dd{
	margin: 0 0 0.5em 0;
	padding: 0 1em 0.8em 1em;
	border-bottom: 1px dotted #414141;
}

#main-contents dl.news02 dd.cat{
	margin: 0;
	padding: 0 1em 0.5em 1em;
	border: 0;
}

#main-contents dl.news02 dd.cat ul{
	margin: 0;
	padding: 0;
	/zoom : 1;
}

#main-contents dl.news02 dd.cat ul:after{ content : ''; display : block; clear : both; height:0; }

#main-contents dl.news02 dd.cat li{
	clear: none;
	overflow: hidden;
	float: left;
	height: 1.5em;
	margin-right: 0.5em;
	padding: 0.1em 0.3em 0;
	background: #333;
	color: #fff;
	font-size: 0.858em;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*カテゴリの文字数が多い場合はコメントアウトを解除*/
/*#main-contents dl.news dd.cat{
	clear: none;
	width: auto;
}

#main-contents dl.news dd{
	clear: both;
	padding: 0 1em 0.8em 1em;
}*/

#main-contents dl.news dd.cat,
#main-contents dl.news02 dd.cat{ font-weight: bold; }
#main-contents dl.news dd.cat.color01,
#main-contents dl.news02 dd.cat .color01{ background: #4784bf; }
#main-contents dl.news dd.cat.color02,
#main-contents dl.news02 dd.cat .color02{ background: #dd6673; }
#main-contents dl.news dd.cat.color03,
#main-contents dl.news02 dd.cat .color03{ background: #39a869; }
#main-contents dl.news dd.cat.color04,
#main-contents dl.news02 dd.cat .color04{ background: #e8ac51; }
#main-contents dl.news dd.cat.color05,
#main-contents dl.news02 dd.cat .color05{ background: #a55b9a; }
#main-contents dl.news dd.cat.color06,
#main-contents dl.news02 dd.cat .color06{ background: #aac863; }


/*●定義タグ スタイル01*/
#main-contents dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
	border-bottom: 1px dotted #414141;
}


/*●定義タグ スタイル02*/
#main-contents  dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #ddd;
}

#main-contents dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

#main-contents dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background-color: #fff;
}


/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist{
	margin: 0 0 1.5em;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #414141;
}

#main-contents ul.checklist li{
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-left: 24px;
	background: url(../images/icon/icon-check01-red.png) left top no-repeat;
	list-style-type: none;
}

/*　なんでもセンターにしちゃうぞ！ */
.contents-center{
	text-align:center;
	margin:0;
	padding:0;
	float:none;
	clear:both;
}

/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02{ text-align: right; }

.link-back,
.link-back02{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}
.link-back02 a{
	padding: 5px 0 5px 15px;
	background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}


/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #999; /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}


/*●ランキング（リストタグ）*/
#main-contents .box-wrap .ranking{
	margin: 0 0 15px;
}

#main-contents .ranking li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa; /*区切り線の指示*/
	background: none;
	list-style: none;
}

#main-contents .ranking li.end{
	padding-bottom: 0;
	border-bottom: none;
}

#main-contents .ranking p{ margin: 0 0 10px; }


/*●ページネーション スタイル01*/
#main-contents .cont-menu01{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .cont-menu01 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 10px;
}

#main-contents .cont-menu01 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	list-style: none;
}

#main-contents .cont-menu01 li:last-child{ margin-right: 0; }

#main-contents .cont-menu01 li.cur{
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #959595;
	color: #fff;
	font-weight: bold;
}

#main-contents .cont-menu01 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

#main-contents .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited{ background-color: transparent; }

#main-contents .cont-menu01 li a:hover,
#main-contents .cont-menu01 li a:active{
	background-color: #959595;
	color: #fff;
}

#main-contents .text-field{ width: 90%; }


/*●ページネーション スタイル02*/
#main-contents .cont-menu02{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .cont-menu02 ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#main-contents .cont-menu02 li{
	max-width: 50%;
	list-style: none;
}

* html #main-contents .cont-menu02 li{ white-space: nowrap; } /* IE6 */

#main-contents .cont-menu02 li.prev{ float: left; }

#main-contents .cont-menu02 li.next{ float: right; }

#main-contents .cont-menu02 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

#main-contents .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited{ background-color: transparent; }

#main-contents .cont-menu02 li a:hover,
#main-contents .cont-menu02 li a:active{
	background-color: #959595;
	color: #fff;
}


/*●サイトマップ*/
#main-contents #sitemap{
	width:1180px;
	padding:10px 0 10px 20px;
	background: #666;
}
#main-contents .sitemap li{ list-style: none; }
#main-contents .list_block{
	float:left;
	margin-right:30px;
}

#main-contents .sitemap li a{
	padding: 3px 0 3px 20px;
	background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}

#main-contents .sitemap ul{
	margin-top: 1em;
}

#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}





/*--------------------------------------------------------
PCとモバイルの画像切り替えCSS　画像じゃなくても使うのアリ
--------------------------------------------------------*/

.img_pc{
}
.img_mobile{
	display:none;
}



/*--------------------------------------------------------
float　左右
--------------------------------------------------------*/

.left_w10{float:left; width:10%; clear:left;}
.left_w15{float:left; width:15%; clear:left;}
.left_w20{float:left; width:20%; clear:left;}
.left_w25{float:left; width:25%; clear:left;}
.left_w30{float:left; width:30%; clear:left;}
.left_w35{float:left; width:35%; clear:left;}
.left_w40{float:left; width:40%; clear:left;}
.left_w45{float:left; width:45%; clear:left;}
.left_w50{float:left; width:50%; clear:left;}
.left_w55{float:left; width:55%; clear:left;}
.left_w60{float:left; width:60%; clear:left;}
.left_w65{float:left; width:65%; clear:left;}
.left_w70{float:left; width:70%; clear:left;}
.left_w75{float:left; width:75%; clear:left;}
.left_w80{float:left; width:80%; clear:left;}
.left_w85{float:left; width:85%; clear:left;}
.left_w90{float:left; width:90%; clear:left;}
.right_w10{float:right; width:10%; clear:right;}
.right_w15{float:right; width:15%; clear:right;}
.right_w20{float:right; width:20%; clear:right;}
.right_w25{float:right; width:25%; clear:right;}
.right_w30{float:right; width:30%; clear:right;}
.right_w35{float:right; width:35%; clear:right;}
.right_w40{float:right; width:40%; clear:right;}
.right_w45{float:right; width:45%; clear:right;}
.right_w50{float:right; width:50%; clear:right;}
.right_w55{float:right; width:55%; clear:right;}
.right_w60{float:right; width:60%; clear:right;}
.right_w65{float:right; width:65%; clear:right;}
.right_w70{float:right; width:70%; clear:right;}
.right_w75{float:right; width:75%; clear:right;}
.right_w80{float:right; width:80%; clear:right;}
.right_w85{float:right; width:85%; clear:right;}
.right_w90{float:right; width:90%; clear:right;}

.left_w0{float:left; clear:left;}
.right_w0{float:right;　clear:right;}

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

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}
/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/
.top-topics-link{
	width:100%;
	background: url(../images/common/bg_red.gif);
	margin:0px;
	padding:0;
	font-size:2em;
	text-align:center;
	font-family:'Noto Sans JP';
}


.top-topics-link a{
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	text-decoration:none;
}
.top-topics-link a:hover{
	background:url(../images/common/bg_bk_opacity50.png);
}
.top-topics-link-sb{
	width:100%;
	background: url(../images/common/bg_yel.png);
	margin:0px;
	padding:0;
	font-size:3em;
	text-align:center;
	font-family:'Noto Sans JP';
}
.top-topics-link-sb a{
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	text-decoration:none;
}
.top-topics-link-sb a:hover{
	background:url(../images/common/bg_bk_opacity50.png);
}



.top-topics-taisaku{
	width:100%;
	margin:20px 0;
	padding:0;
	font-size:2em;
	text-align:center;
	font-family:'Noto Sans JP';
}
.top-topics-taisaku a{
	color:#000;
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
}
.top-topics-taisaku a:hover{
	background:#ccc;
}
.top-topics-haishin_img{
	width:1200px;
	margin:0 auto;
	padding:0;	
}
.top-topics-haishin_img img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;	
}
.top-topics-haishin{
	width:1138px;
	margin:0 auto 50px auto;
	padding:30px;
	font-size:1.5em;
	text-align:center;
	font-family:'Noto Sans JP';
	border:none;
	background:#eee;
}



.page-top{
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 99;
	width: 143px;
	line-height:1.4rem;
	color: #fff;
	font-size: 0.9rem;
	text-align: left;
	font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  	font-weight: bold;
}

.page-top img{
	width:25px;
	margin:0 0 0 10px;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 22px;
	border: 0px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg_bk_opacity.png);
	color: #FFF;
}

.page-top a:hover,
.page-top a:active{
	background:#eaeaea;
	color: #333;
}

.page-top-mobile, .page-top-mobile img{
	display:none;
}

.page-top-topics_pc{
	text-align:center;
	margin:0 0 20px 0;
	
	width:100%;
}

.page-top-topics_mobile{
	display:none;
}

/*--------------------------------------------------------
アコーディオン　Q&A
--------------------------------------------------------*/
.QandA dt{
    display:table;
    background: url(../images/common/faq_q.png) 10px center no-repeat;
	background-size:42px 42px;
    width:1140px;
    min-height:45px;
    line-height:1.2rem;
	margin:0px 0 5px 0;
	padding-left:60px;
	padding-bottom:7px;
	font-weight:bold;
	font-size:1.18rem;
    }
.QandA dt p{
	display:table-cell;
	vertical-align:middle;
}
.QandA dd{
    width:89%;
    height:auto;
	min-height:50px;
    line-height:25px;
    display:table;
	margin:0 0 18px 5%;
	padding-left:5%;
	padding-right:1%;
	padding-bottom:7px;
    background: #FFEEFE url(../images/common/faq_a.png) 10px center no-repeat;
	background-size:42px 42px;
	font-size:1.08rem;
    }
.QandA dd p{
	display:table-cell;
	vertical-align:middle;
}
.QandA dd a{
	text-decoration:none;
}
/*--------------------------------------------------------
バナー コンテンツ
--------------------------------------------------------*/
#contents_bnr{
	width:100%;
	margin:0 auto;
	background:url(../../images/common/bg_bk.gif);
	padding:20px 0;
	overflow:auto;
}
#contents_bnr ul{
	width:1200px;
	margin:0 auto;
	padding:0;
}
#contents_bnr li{
	text-decoration:none;
	list-style:none;
	padding:0;
	margin:0 10px 10px 0;
	float:left;
}

#contents_bnr img{
	width:auto;
}
#contents_bnr li .youtube img{
	margin:0;
	padding:0;
	width:230px;
	height:160px;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	clear: both;
	background:url(../../images/common/bg_red.gif);
	color: #fff;
	font-size: 1.5em;
	width:100%;
}
#footer h4{
	font-size:1.3em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:900;
}
#footer-in{
	width:1200px;
	padding:20px 0;
	margin:0 auto;
	font-size:0.8em;
}

#footer-in .left_w60{
	width:60%;
	font-size:1.2em;
}
#footer-in .left_w60 img{
	width:120px;
	margin:5px 0 10px 0;
	vertical-align:middle;
}
#footer-in .right_w40{
	width:40%;
	text-align:right;
}
#footer-in .right_w40 img{
	margin:0 0 0 20px;
	max-height:30px;
}

#footer a:link,
#footer a:visited{ color: #fff; text-decoration:none; }
#footer a:hover,
#footer a:active{ color: #ff0; }


#footer-in li{
	list-style: none;
}


#footer .footer_area01{
	float: left;
	width: 33%;
}

#footer .footer_area02{
	float: left;
	width: 33%;
}

#footer .footer_area03{
	float: left;
	width: 33%;
}
#footer .footer_area01 p,
#footer .footer_area02 p,
#footer .footer_area03 p{
	margin:5px 0;	
}


/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
}

#footer .footer-menu ul{
	float: left;
	width: 42%;
	margin-right: 5%;
	padding: 1%;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-right: 0;
}

.footer-menu li{
	margin-bottom: 5px;
	padding: 0px 0 3px;
	padding-left: 25px;
	background: url(../images/icon/icon-arrow02.png) left top no-repeat;
}

.footer-menu li li{
	padding-left: 15px;
	padding-top: 0;
	background: url(../images/icon/icon-arrow03.png) left 5px no-repeat;
}


/*●フッターバナー*/
#footer-banner{
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer-banner li{
	display: inline;
	list-style: none;
}


/*●コピーライト*/
.copyright{
	padding: 15px 0;
	background: #eaeaea;
	font-size: 1.2em;
	text-align: center;
}


/*●フッターモバイル用TEL*/
#footer_tel,#footer_tel .box{
	display:none;
	
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after,
.clear{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }




/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/