/*
Theme Name: region80423
Description: WordPressテーマ
Version: 8
Author: 株式会社リジョンクリエイト
Author URI: http://www.regioncreate.com/
*/

/* ------ 初期設定 ------ */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {margin: 0;padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
.textwidget{margin: 0;padding: 0;text-align: left;}

/* ------ Web Font ------ */
@font-face {
font-family: iconfont;
src: url('fonts/coolicon.eot'); /* IE9 Compat Modes */
src: url('fonts/coolicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('fonts/coolicon.woff') format('woff'), /* Modern Browsers */
	 url('fonts/coolicon.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('fonts/coolicon.svg#svgFontName') format('svg'); /* Legacy iOS */}
.icon {font-family: iconfont;font-weight: normal;}
.icon-list:before {content: "\f00b";}
.icon-top:before {content: "\e601";font-size: 18px;}
.icon-smap:before {content: "\f0e8";font-size: 18px;}
.icon-rss:before {content: "\e771";font-size: 18px; }
.icon-flist:before {content: "\f0a9"; color: #333766; padding-right: 5px;}
.icon-kanren:before {content: "\f14a"; color: #414444; padding-right: 5px;}


/* ------ BODY ------ */
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000; font-size: 15px; line-height: 1.6em; text-align: left; -webkit-text-size-adjust: 100%;}

/* ------ リンクの属性（未指定の時）------ */
a {outline: none;}
a:link, a:visited {color: #888888; text-decoration: none;}
a:active, a:hover {color: #888888; text-decoration: none;}

/* ------ 画像属性等 ------ */
img {max-width: 100%;height: auto;width: auto\9;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
a:hover.link img,a:hover img.link{filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80; background:none!important;}
.text-center {text-align: center;}

#wrapper {width: 100%; min-width: 1240px;}

/* ------ ヘッダー ------ */
header {width: 100%;z-index:100;margin:0px 0;background-color:#000000;position:fixed;}
#header-inner {position:relative; width: 1200px ; margin: 0 auto; line-height: 0;background-color:#000000; z-index:1000; *zoom: 1;}
#ptitle {position: absolute; top: 38px; left: 0px; font-size: 140%; font-weight: 500; color: #FFFFFF; z-index: 30; }
#ptitle a {color: #FFFFFF; text-decoration: none;}
#ptitle a:hover {text-decoration:underline}


/* ------ ヘッダーナビゲーション ------ */
#gnav-btn {display :none;}
#gnav {width: 100%; height: 65px; font-size:95%;}
#gnav nav {margin: 0 auto; padding: 10px 0px 5px 0px; max-width:1200px; position: relative; z-index: 1120;}
#gnav nav > ul {list-style-type: none; height: 1.8em; margin: 0; padding: 0; float: right;}
#gnav nav li {position: relative; float: left; margin: 0 5px; padding: 0; text-align: center;background-color:#f79100;}
#gnav nav > ul > li a {display: block; margin: 0; padding: 0 20px; color: #ffffff; font-weight: normal; line-height: 2.4em; text-decoration: none;}
#gnav nav > ul > li > ul {position: absolute; top: 150%; left: -5%; width: 120%; list-style: none; margin: 0;}
#gnav nav > ul > li:last-child > ul {left: -85%; width: 120%;}
#gnav nav > ul > li  ul li{overflow: hidden; width: 150%; height: 0; color: #FFFFFF; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
#gnav nav > ul > li  ul li a{height: 3em; line-height: 3em; background: #068888; text-align: left; font-size: 100%; font-weight: normal; filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
#gnav nav > ul > li:hover > a{background: #f9f9f9; color: #068888;}
#gnav nav > ul > li  ul li:hover > a{background: #93073e;color: #FFFFFF;}
#gnav nav .current-menu-parent, #gnav nav .current-menu-item {background: #93073e;color: #FFFFFF;}
#gnav nav > ul > li:hover ul li{overflow: visible; height: 3em;}
#gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;}

#gnav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#gnav a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#gnav a:hover::after {
  transform: scale(1, 1);
}

.slicknav_menu h1 {
  float: left;
  margin: 0;
  padding: 10px 0 10px 20px;
}

.slicknav_menu h1 a {
  text-decoration: none;
  color: #fff;
  font-size: 24px;
}

.slicknav_menu h1 a {
  display: block;
}

/* ------ メイン画像 ------ */
#mainvisual {position:fixed;  width: 100%; border-bottom: 0px solid #D98392; overflow:hidden; z-index:-10;}
#mainvisual-inner {margin: 0px;}
#mainvisual img{margin: 0 auto; border: 0px solid #CCCCCC; display: block;}

/* ------ パンくずリスト ------ */
#plist {width: 100%;padding: 10px 0;font-size:92%; background-color: #EEEEEE;}
#plist .plist-inner {width: 1200px;margin: 0 auto;overflow: hidden;*zoom: 1;}

/* ------ コンテンツ ------ */
#containar {width: 1200px;margin: 0 auto;padding-top: 50px;overflow: hidden;*zoom: 1;z-index:20;}
#containar01 {width: 100%;margin: 0 auto;padding-top: 900px;overflow: hidden;*zoom: 1;z-index:20;}
#containar02{width: 100%;margin: 0 auto;padding-top: 60px;overflow: hidden;*zoom: 1;z-index:20;}
#contents {float: left;width: 870px;margin-top:0px;}
#contents01 {width: 100%;margin:0px auto;z-index:20;background-color:#ffffff;}
h2 {margin: 0; padding: 10px 0 ;font-size: 22px; font-weight: 500; line-height: 1.3em; color: #414444;}
h3 {margin: 0; padding: 10px 0 ;font-size: 20px; font-weight: 500; line-height: 1.3em; color: #414444;}
h4 {margin: 0; padding: 10px 0 ;font-size: 18px; font-weight: 500; line-height: 1.3em; color: #414444;}
h5 {margin: 0; padding: 10px 0 ;font-size: 16px; font-weight: 500; line-height: 1.3em; color: #414444;}
h6 {margin: 0; padding: 10px 0 ;font-size: 15px; font-weight: 500; line-height: 1.3em; color: #414444;}

.main-title {padding: 30px 0 15px 10px;font-size: 2.3em;font-weight: 500; line-height: 1.3em;color: #414444; border-top: 8px solid #64a9c5; text-align: left; text-justify: distribute-all-lines;}
.ie7 .main-title, .ie7 .main-title {text-align: left;}
.contents-title{padding: 30px 0 15px 10px;font-size: 2.1em; font-weight: 500;line-height: 1.3em;color: #414444; border-top: 8px solid #64a9c5 ; text-align: left; text-justify: distribute-all-lines;}
.ie7 .contents-title, .ie7 .contents-title {text-align: left;}
.posts-title{padding: 10px 0 ;font-size: 1.9em; font-weight: 500;line-height: 1.3em;color: #414444;}
.posted {text-align: right; font-size: 72%; margin: 0px 10px 10px 0;}
#contents > p {padding: 1em; text-align: left; text-justify: distribute-all-lines; }
.ie7 #contents > p, .ie8 #contents > p{text-align: left;}

/* ------ トップページ記事リスト表示 ------ */
#top-list{margin-bottom: 20px; padding: 30px 0 15px; border-top: 8px solid #64a9c5; border-bottom: 4px solid #64a9c5;}
#top-list article{float: left; width: 48%; height: 370px; margin: 10px 1%; }
#top-list article h3 {font-size: 154%; font-weight: 500; line-height: 1.2em; }
#top-list article h3 a {margin: 0; padding: 0 10px ; color: #414444; text-decoration: none; display: block; overflow: hidden; }
#top-list article h3 a:hover {color: #CC0000;display: block; }
#top-list article img {border: 1px solid #CCCCCC;}
#top-list article p {padding: 5px 20px 0 10px; font-size: 100%; line-height: 1.5em; text-align: left; text-justify: distribute-all-lines; overflow: hidden; }
.ie7 #top-list article p {text-align: left;}
.ie8 #top-list article p {text-align: left;}
/* ------ 続きを読む ------ */
#top-list article .next {padding: 10px 10px 5px; font-size: 80%; text-align: right;}
#top-list article .next a {margin: 0; padding: 5px 10px; font-weight: 500; color: #414444; text-decoration: none; *zoom: 1; 
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  background-color: #EEEEEE;}
#top-list article .next a:hover {color: #FFFFFF; background-color: #64a9c5;}

/* ------ 投稿設定------ */
.doc {padding: 0 20px; font-size: 108%; text-align: left; text-justify: distribute-all-lines; }
.doc p{padding: 0.5em 1em;}
.ie7 .doc, .ie8 .doc {text-align: left;}

/* ------ 記事画像付きリスト表示------ */
#kiji-list{padding-bottom: 30px;}
#kiji-list > article{width: 100%; padding: 15px 0; border-bottom: 1px solid #CCCCCC;}
#kiji-list > article:first-child {border-top: 1px solid #CCCCCC;}
#kiji-list > article h3 {font-size: 154%; font-weight: 500; line-height: 1.2em; }
#kiji-list > article h3 a {margin: 0; padding: 0 10px ; color: #414444; text-decoration: none; display: block; overflow: hidden; }
#kiji-list > article h3 a:hover {color: #CC0000;display: block; }
#kiji-list > article img {border: 1px solid #CCCCCC;}
#kiji-list > article p {padding: 5px 10px 0 10px; font-size: 100%; line-height: 1.5em; text-align: left; text-justify: distribute-all-lines; overflow: hidden; }
.ie7 #kiji-list > article p {text-align: left;}
.ie8 #kiji-list > article p {text-align: left;}
/* ------ 続きを読む ------ */
#kiji-list > article .next {padding: 10px 10px 5px; font-size: 80%; text-align: right;}
#kiji-list > article .next a {margin: 0; padding: 5px 10px; font-weight: 500; color: #414444; text-decoration: none; *zoom: 1; 
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  background-color: #EEEEEE;}
#kiji-list > article .next a:hover {color: #FFFFFF; background-color: #64a9c5;}


/* ------ ソーシャルボタン属性 ------ */
#social{margin: 20px 10px;}
#social h4{padding: 5px 10px; font-size: 123%;font-weight: 500;line-height: 100%;color: #333333;border: 1px solid #CC0000; display: inline-block}
#social p{padding-left: 1em;}

/* ------ 関連記事リスト属性 ------ */
#kanren{margin: 10px 0; padding: 15px 10px 10px;  line-height: 1.5em; border-top: 6px solid #64a9c5;}
.kanren-title {padding: 10px ; font-size: 124%; font-weight: 500;line-height: 1.3em; color: #333333;
  -webkit-text-shadow: 1px 1px 2px #BBBBBB; text-shadow: 1px 1px 2px #BBBBBB;}
#kanren dl {margin: 0 0 0 20px;}
#kanren dt a {font-size: 108%; font-weight: 500;}
#kanren dt a:hover {padding-bottom: 1px;}
#kanren dd {margin: 10px; font-size: 92%; color: #666666;}

/* ---- コメント・トラックバック----- */
.tback {border: none;}
.tback h2{margin-botoom: 0; padding-bottom: 15px;}
.tback p {margin: 0 0 10px 10px;padding: 0;font-size: 11px; line-height: 130%;}
.comments{margin: 10px 0; padding: 15px 10px 10px;  line-height: 1.3em; border-top: 6px solid #64a9c5;}
.comments ul{list-style: none;margin: 0;color:#444444;font-size: 13px;}
.comments ul li {margin-bottom: 10px;background: #EFEFEF;padding: 10px;}
.comments ul li.depth-1{border-bottom: 1px dotted #CCCCCC;margin-bottom: 10px;}
.comments ul.children {list-style: none;}
.comments p{padding: 0 10px 5px 20px;text-align: left;}
.comments form p{line-height: 160%;display: block;}
.comments label{font-weight: 500;display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 12px;text-align: left;}
.comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCCCCC;background: #FFFFFF;display: block;}
.comments .reply a{color: #333333;text-decoration: none;display: block;} 
.comments .reply a:hover{color: #FFFFFF;background: #CCCCCC;} 
.comments h3 small{font-size: 100%;}
#author{width: 200px;}
#email{width: 200px; }
#url	{width: 200px; }
#comment	{width: 99%; height:100px; }
#submit	{margin:0; padding:2px 25px; cursor:pointer;}

/* ------ サイドバー ------ */
#sidebar {float: right; width: 301px; padding-top: 0; text-align: left;margin-top:80px;}
#sidebar1,#sidebar2 {margin-bottom: 10px; padding: 0; }
#sidebar .sidebar-wrapper {margin-bottom: 20px;}
#sidebar .sidebar-wrapper h4{display: block; margin-bottom: 5px; padding: 5px 5px 5px 10px; font-size: 115%; font-weight: 500; color: #FFFFFF;line-height: 1.5em;background-color: #64a9c5;}
#sidebar .sidebar-wrapper form,
#sidebar .sidebar-wrapper p,
#sidebar .sidebar-wrapper .tagcloud{padding: 5px; font-size: 93%; }
#sidebar .sidebar-wrapper ul {padding: 0;}
#sidebar .sidebar-wrapper ul li {border-bottom: solid 1px #D5D5D5;}
#sidebar .sidebar-wrapper ul li:first-child {border-top: solid 1px #D5D5D5;}
#sidebar .sidebar-wrapper ul li a:before {font-family: iconfont;font-weight: normal;content: "\e625";color: #CCCCCC; padding-right: 5px;}
#sidebar .sidebar-wrapper ul li.menu-item-object-category a:before,
#sidebar .sidebar-wrapper ul li.cat-item a:before {font-family: iconfont;font-weight: normal;content: "\e62e";color: #CCCCCC; padding-right: 5px;}
#sidebar .sidebar-wrapper ul li a {display: block;padding: 8px 20px 8px 8px;font-size: 93%; color: #414444;line-height: 150%;text-decoration: none;background: url("img/arrow_02.png") no-repeat right center;}
#sidebar .sidebar-wrapper ul li:first-child a {border-top: none;}
#sidebar .sidebar-wrapper ul li a:hover,
#sidebar .sidebar-wrapper ul li a:active{font-weight: bold; background-color: #F5F5F5;}
#sidebar .sidebar-wrapper ul li a:hover:before{font-family: iconfont;font-weight: normal;content: "\e625";color: #64a9c5; padding-right: 5px;}
#sidebar .sidebar-wrapper ul li.cat-item a:hover:before,
#sidebar .sidebar-wrapper ul li.menu-item-object-category a:hover:before,
#sidebar .sidebar-wrapper ul li.current-menu-item a:before,
#sidebar .sidebar-wrapper ul li.current-menu-parent a:before,
#sidebar .sidebar-wrapper ul li.current-cat a:before{font-family: iconfont;font-weight: normal;content: "\e62f";color: #64a9c5; padding-right: 5px;}
#sidebar .sidebar-wrapper ul.children {padding: 0; border: none;}
#sidebar .sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;}
#sidebar .sidebar-wrapper ul.children li:first-child{border-top: solid 1px #D5D5D5;}
#sidebar .sidebar-wrapper ul.children li:last-child{border-bottom: none;}

#sidebar #sidebar-cat {margin-bottom: 20px;}
#sidebar-cat .c-color-0 a {height: 100px; margin-bottom: 5px; text-decoration: none; display: block; background: #64a9c5 url("img/arrow_05.png") no-repeat right center; }
#sidebar-cat .c-color-1 a {height: 100px; margin-bottom: 5px; text-decoration: none; display: block; background: #666666 url("img/arrow_05.png") no-repeat right center; }
#sidebar-cat a h5 {padding: 20px 50px 5px 15px; color: #FFFFFF; font-weight: 500; font-size: 18px; text-decoration: none; }
#sidebar-cat p {padding: 0 50px 0 15px; color: #FFFFFF; font-weight: normal; font-size: 11px; line-height: 1.2em;text-align: left; text-justify: distribute-all-lines; overflow: hidden; }
.ie7 #sidebar-cat p.ie8 #sidebar-cat p {text-align: left;}
#sidebar-cat a:hover{filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}


/* ------人気ランキングパーツ ------ */
#sidebar .rank-post {margin-bottom: 20px; padding: 0; overflow: hidden; *zoom: 1;}
#sidebar .rank-post  h4{display: block; margin-bottom: 5px; padding: 5px 5px 5px 10px; font-size: 115%; font-weight: 500; color: #FFFFFF;line-height: 1.5em;background-color: #64a9c5;}
#sidebar .rank-post  h5{display: block; padding: 0 0 6px 0 ; text-align: left; font-size: 139%; font-weight: 500; color: #333333;line-height: 135%;  text-align: left; text-justify: distribute-all-lines; }
.ie7 #sidebar .rank-post  h5 , .ie8 #sidebar .rank-post  h5{text-align: left;}
#sidebar .rank-post .p-post {margin-bottom: 10px; padding-bottom: 10px; font-size:92%; line-height: 1.3em; text-align: left; text-justify: distribute-all-lines; border-bottom: 1px dotted #CFCFCF;}
.ie7 #sidebar .rank-post .p-post , .ie8 #sidebar.rank-post .p-post{text-align: left;}
#sidebar .rank-post .p-post img{float: left; margin: 3px 8px 3px 0; max-width: 100px;}
#sidebar .rank-post .p-post a {color: #000000; text-decoration: none; display: block;}
#sidebar .rank-post .p-post a:hover {color: #CC0000; text-decoration: underline;}

/* ------ フッター ------ */
footer {width: 100%;background: #271309;}
#footer-inner {width: 1000px;margin: 0 auto;padding: 10px 0;}
footer nav{text-align: center;margin: 0; padding: 10px 0 20px;}
footer ul li {display: inline-block;*display: inline;*margin-bottom: 12px;padding: 0 10px 0 10px;line-height: 1.3em;font-size: 100%; color: #CCCCCC;border-left: solid 1px #999999;*zoom: 1;}
footer ul li:first-child {border-left: none;}
footer #copyright {width: 100%; padding: 20px 0; text-align:center; color: #ffffff;font-size: 100%;background: #271309;}
footer a:link, footer a:visited {color: #FFFFFF;text-decoration: none;}
footer a:active, footer a:hover {color: #FFFFFF;text-decoration: underline;}

/* ------ ページナビ ------ */
.page_navi {text-align: center; font-size: 100%; line-height: 1.5em;}
.page_navi li {display: inline;list-style: none;}
.page_navi li.current span {color: #FFFFFF; font-weight: bold; display: inline-block; padding: 2px 6px; background: #B90B50; border: solid 1px #B90B50; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.page_navi li a {color: #333333;padding: 2px 6px; background: #FFFFFF; display: inline-block; border: solid 1px #B90B50;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.page_navi li a:hover {color: #B90B50;}
.page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #B90B50;display: inline-block;border: solid 1px #B90B50; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/* ------ その他属性 ------ */
.red_uline{border-bottom: 2px solid #FF3300;}
.uline{border-bottom: 1px solid #FF6633;}
.link_line{text-decoration: underline;} 
.dot{border-bottom:1px dotted #CCCCCC;}
.solid{border-bottom:1px solid #CCCCCC;}
.clr{clear: both;}
strong{font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.txtright{text-align: right;}
.red{color: #CC0000;}
.pink{color: #CC0099;}
.bg_yellow{background: #FFFF00;}
.gold{color: #F4CA54;}
.silver{color: #999999;}
.copper{color: #BD4C54;}
.other{color: #71AAE0;}
.waku{border: 1px solid #EEEEEE;}

/* ------ フォント属性 ------ */
.fon10{font-size: 76%;}
.fon11{font-size: 84%;}
.fon12{font-size: 92%;}
.fon13{font-size: 100%;}
.fon14{font-size: 108%;}
.fon15{font-size: 116%;}
.fon16{font-size: 124%;}
.fon18{font-size: 139%;}
.fon20{font-size: 154%;}
.fon22{font-size: 170%;}
.fon24{font-size: 185%;}
.fon28{font-size: 216%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}

video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
}

/*---　追加TOP  ---*/

.slicknav_menu {
display:none;
}

.clear{
clear:both;
}

.text_center{
text-align:center;
}
.text_center01{
text-align:center;
}
.text_right{
	text-align:right;
}
.text_left{
	text-align:left;
}

.logobox{
	width:31%;
	float:left;
	padding:15px 0px;
}
.logobox img{
	width:80%;
}
.logobox40{
	width:40%;
	float:left;
	text-align:right;
}
.logobox60{
	width:60%;
	float:left;
	text-align:left;
}
.menubox{
	width:33%;
	float:left;
	padding:5px 0 10px 0;
}

.hedtop{
max-width:1200px;
margin:0 auto;
color:#000000;
background-color:#ffffff;
font-size:90%;
	padding:1px 5px;
	text-align:left;
}

.hedtop00{
max-width:100%;
color:#666666;
background-color:#ffffff;
	padding:1px 0;
}

.slidecopy {
display: block;
    width: 40%;
    font-size:100%;
    color:#29b7e2;
    font-weight:bold;
    text-align:center;
    padding: 0px;
position:fixed;
	margin:0 auto;
    opacity: 1;
    top: 78%;
    left:15%;
    border-radius:0px;
z-index:20000;
}
.slidecopy01 {
display: block;
    width: 100%;
font-size:300%;
    color:#ffffff;

    font-weight:bold;
    text-align:center;
    padding: 0px;
    position:fixed;
    margin:0 auto;
    opacity: 1;
    top: 25%;
    left:0%;
    border-radius:0px;
z-index:20000;
}
.back_text{
background-color:rgba(0,0,0,0.5);
padding:15px 30px;
border-radius:20px;
}
.hr02{
border-bottom-style:dotted;
border-bottom-width:2px;
border-bottom-color:#192d63;
padding:5px 0px;
margin-bottom:10px;
width:99%;
}

.boxwidth80{
	width:85%;
	margin:0 auto;
}
.boxwidth80-1{
	width:70%;
	margin:0 auto;
	background-color:#f7f7f7;
	padding:15px;
}
.wave {
  position: absolute;
  bottom: 0;
  left: 0;
}
/*---- text ---*/

.text150{
font-size:150%;
font-weight:bold;
padding:15px 0;
color:#444444;
text-align:center;
}

.text90{
	font-size:90%;
	text-align:center;
	margin:2px 0;
}
.text80{
	font-size:80%;
	color:#666666;
	text-align:center;
}
 

/*----- カテゴリ ----*/

.gyalally03{
width:45%;
height:180px;
float:left;
border-style:solid;
border-width:0px;
border-color:#b3b3b3;
border-radius:0px;
background-color:#ffffff;
padding:5px;
margin:5px 5px;
}

.gyalally03 img{
max-height:140px;
margin:0px 10px 5px 0;
}

.box30-01{
	width:35%;
	float:left;
padding-right:30px;
}
.box70-01{
	width:60%;
	float:left;
padding-left:50px;
}
.text80-1{
	font-size:80%;
	color:#666666;
}

/*----- box  ------*/

.box00{
max-width:1100px;
margin:0 auto;
padding:50px 0 0 0;
}

.box000{
max-width:1000px;
margin:0 auto;
padding:50px 0 0 0;
}

.box01{
	width:80%;
	margin:0 auto;
}

.box02 {
    position: relative;
    margin: 8px 0;
    padding: 0.5em 1em;
    border: solid 3px #64a9c5;
}
.box02 .box-title {
    position: absolute;
    display: inline-block;
    top: -45px;
    left: -3px;
    padding: 10px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size:110%;
    background: #64a9c5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box02 p {
    margin: 0; 
    padding: 0;
}

.box20{
	width:19.3%;
	margin:3px;
	float:left;
}
.box25{
	width:24.3%;
	margin:3px;
	float:left;
}

.box33{
	width:32%;
	float:left;
	margin:5px;
}

.box50{
	width:45%;
	float:left;
	margin:0px;
	padding:8px;
}

.box30{
	width:25%;
	float:left;
	margin-top:5px;
}

.box70{
	width:70%;
	float:left;
	padding-right:20px;
	margin-top:5px;
}

.box_biss{
	border-style:solid;
	border-width:0px;
	padding:15px;
	background-color:#ffffff;
	border-color:#ffffff;
    margin:20px 0;
}

/*---- タイトル -----*/

.title01{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
        margin-bottom:10px;
	font-size:105%;
	font-weight:normal;
}
.title01::before,
.title01::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.title01:before{
	border-bottom: 3px solid #271309;
	width: 100%;
}
.title01:after{
	border-bottom: 3px solid #D8D8D8;
	width: 100%;
}

.title02 {
  position: relative;
  font-size:130%;
  font-weight:normal;
  color:#968888;
  margin:10px 0;
}



.title03{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
        margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
}
.title03::before,
.title03::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.title03:before{
	border-bottom: 3px solid #0c6794;
	width: 100%;
}
.title03:after{
	border-bottom: 3px solid #D8D8D8;
	width: 100%;
}

.title04{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
        margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
}
.title04::before,
.title04::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.title04:before{
	border-bottom: 3px solid #ff6a6b;
	width: 100%;
}
.title04:after{
	border-bottom: 3px solid #D8D8D8;
	width: 100%;
}

 .title08 {
  position: relative;
  display: inline-block;
font-size:150%;
  margin: 20px 0;
font-weight:bold;
}
.title08:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #968888;
  border-radius: 2px;
}
.fixed_btn
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 40px;
z-index: 10000;
}

/* ------------- スクロールフェードインDown用 ------------- */
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(20px); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
}
/* ------------- スクロールフェードインDown用 END ------------- */  

/*--------テーブル------*/

.tb_01{
 width: 100%;
 border-collapse: collapse;
font-size:95%;

border-bottom:1px dotted #b9b9b9;;
 }

.tb_01 th{
 width: 20%;
 padding: 8px;
 text-align: left;
 vertical-align: top;
 color: #333;
 }

.tb_01 td{
 padding: 8px;
 }

.tb_01 td a{
text-decoration:none;
}

.tb_02{
 width: 100%;
 border-collapse: collapse;
font-size:100%;

 }

.tb_02 th{
 width: 20%;
 padding: 5px;
 text-align: left;
 vertical-align: top;
 color: #333;
 }

.tb_02 td{
 padding: 5px;
 }

.tb_02 td a{
text-decoration:none;
}
.tb_03{
 width: 100%;
 border-collapse: collapse;
font-size:100%;
 }

.tb_03 th{
 width: 4%;
 padding: 8px 5px;
 text-align: left;
 vertical-align: top;
 color: #333;
 }

.tb_03 td{
 padding: 7px 3px 3px 15px;
 }

.tb_03 td a:link{
color:#64a9c5;
text-decoration:none;
}
.tb_03 td a:visited{
color:#64a9c5;
text-decoration:none;
}
.tb_03 td a:active{
color:#666666;
text-decoration:none;
}
.tb_03 td a:hover{
color:#666666;
text-decoration:none;
}

.tb_04{
 width: 100%;
 border-collapse: collapse;
font-size:100%;
margin-top:10px;
 }

.tb_04 th{
 width: 20%;
 padding: 15px 8px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #ffffff;
 border-bottom: 1px dotted #b9b9b9;
font-weight:bold;
 }

.tb_04 td{
 padding: 15px 8px;
 background-color: #fff;
 border-bottom: 1px dotted #b9b9b9;
 }

.tb_05{
 width: 100%;
 border-collapse: collapse;
font-size:100%;
margin-top:10px;
 }

.tb_05 th{
 width: 15%;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #ffffff;
 border-bottom: 1px dotted #b9b9b9;
font-weight:bold;
 }

.tb_05 td{
 padding: 6px;
 background-color: #fff;
 border-bottom: 1px dotted #b9b9b9;
 }

.tb_07{
 width: 100%;
 border-collapse: collapse;
font-size:100%;
margin-top:10px;
 }

.tb_07 th{
 width: 25%;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #ffffff;
 border-bottom: 1px dotted #b9b9b9;
font-weight:normal;
 }

.tb_07 td{
 padding: 6px;
 background-color: #fff;
 border-bottom: 1px dotted #b9b9b9;
 }

/*------- ブロック ------*/

.back_01{
width:100%;
background-image:url(/wp/wp-content/themes/region80423/img/haikei01.jpg);
height:auto;
margin:0px;
padding: 20px 0;
box-shadow:0 0 8px gray;
}

.back_01_01{
max-width:1000px;
	margin:0px auto;
padding:50px 20px 50px 40px;
	background-color:#ffffff;
}

/*------ マウスオーバー ----*/

.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 
.fade:hover {
    opacity: 0.7;     /* 透過レベル */
    filter: alpha(opacity=60);
}

/* ---- マップ -----*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--- btn ---*/

 .btn-flat-vertical-border01 {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 6px 40px;
  text-decoration: none;
  border: solid 1px #ffffff;
	 border-radius:10px;
  color: #ffffff;
  background: #996b37;
  transition: .4s;
}

.btn-flat-vertical-border01:hover {
  background: #eee8aa;
  color: #444444;
}

.link01 a:link{color: #ffffff; text-decoration: none;}
.link01 a:visited {color: #ffffff; text-decoration: none;}
.link01 a:active{color: #000000; text-decoration: none;}
.link01 a:hover {color: #000000; text-decoration: none;}

.img_maru img{border-radius:150px;}

.box001 p {
  text-align: left;
  -webkit-transition: all 2s;
  -webkit-transform: scale(1.0);
  opacity: 1;
}
.box001 p.move {
  -webkit-transform: translate(0, 0)  scale(0.5);
  opacity: 0;
}
.box002 p {
  -webkit-transition: all 2s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box002 p.move {
  -webkit-transform: translate(-30px, 0);
  opacity: 0;
}
.box003 p {
  text-align: left;
  -webkit-transition: all 2s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box003 p.move {
  -webkit-transform: translate(30px, 0);
  opacity: 0;
}


/*-- パララックス -- */

.back_c1{
width:100%;
border-color:#172987;
border-width:0px 0 0 0;
height:auto;
padding: 0;
}

.back_c1-2{
max-width:1100px;
margin:0 auto;
padding:50px 0px 50px 0px;
}

#backcontents01{
 background-image: url(/wp/wp-content/themes/region80423/img/s01.jpg);
}

.bgImage{
width: 100%;
min-height: 200px;
display: table;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bgImage > * {
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
}


/*--- フォーム ----*/

/*--- フォーム ----*/

.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
margin:20px 0px;
}

.koteibox01{
border-style:solid;
border-width:1px;
background-color:#f8fdff;
padding:10px;
}

.toukou{
font-size:150%;
text-align:center;
font-weight:bold;
}

.toukou01{
font-size:120%;
text-align:center;
font-weight:bold;
}

.left502{
width:68%;
float:left;
	font-size:100%;
padding:13px 10px 0 10px;
color:#000000;
}

.left502 input {
height:30px;
font-size:100%;
background-color:#f2f2f2;
border-width:0px;
padding:0px 10px 0px 10px;
}
input[type="text"],
textarea{width:90%;border-width:0px;background-color:#f2f2f2;font-size:100%;padding:10px;}

.left502-1{
width:320px;
float:left;
padding:10px 5px;
}

.left503{
width:63%;
float:left;
padding:10px 10px;
}

.left50{
width:25%;
	font-size:90%;
float:left;
margin:10px;
padding:5px;
background-color:#ffffff;
color:#000000;
}

.left50-1{
width:30%;
float:left;
margin:10px;
padding:5px;

color:#ffffff;
}

select.size110{font-size:105%;}

/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
width:250px;
height:60px;
font-size:130%;

}
 
.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
width:250px;
height:40px;
font-size:130%;
}
 
#submitback  input{
/*戻るボタン用*/
width:250px;
height:40px;
font-size:130%;
}

.submit-btn input {
	background: #193f6a;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 15px 5px;
	color: #fff;
	transition: all 0.4s ease;
	font-size:110%;
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}

.youtube3 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube3 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.balloon1 {
  position: relative;
  display: inline-block;
  margin:10px auto;
padding: 7px 10px;
max-width: 100%;
min-width:200px;
 color: #ffffff;
font-weight:normal;
font-size:110%;
  background: #f79100;
  border-radius: 15px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f79100;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}
.tb_10{
  width: 100%;
  border-collapse: collapse;
}

.tb_10 tr{
  border-bottom: solid 2px white;
}

.tb_10 tr:last-child{
  border-bottom: none;
}

.tb_10 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.tb_10 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tb_06{
 width: 100%;
 border-collapse: collapse;
font-size:105%;
 }

.tb_06 th{
 width: 30%;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #f8f2db;
 border: 1px solid #b9b9b9;
font-weight:bold;
 }

.tb_06 td{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 }

.fix_menu_smartphone00{
  position: fixed;
  bottom: 0px;
  left:0px;
  z-index: 100;
}
.fix_menu_smartphone00 img{
  width:100%;
}

/* ------ PC隠す --------*/

.fix_menu_smartphone{

  bottom: 0px;
  left: 0px;
  z-index: 10000;
}
.fix_menu_smartphone img{
  width:100%;
}

.fix_menu_smartphone01{
  position:fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
}
.fix_menu_smartphone01 img{
  width:100%;
}

@media screen and (min-width: 650px){	
 .br-pc { display:block; }
 .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
 .br-pc { display:none; }
 .br-sp { display:block; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
    #wrapper {min-width: 0px;}
	
	#header-inner {width: 100%;	}
	#ptitle {position: absolute; top: 20px; left: 0px; font-size: 124%; font-weight: 500; color: #FFFFFF; z-index: 30; }
	#gnav nav {width: 100%; padding: 3.0em 0 0.6em; }
    #mainvisual-inner {margin: 0px;}
    #mainvisual img{border-width: 0px 0 0px 0;}
	#plist .plist-inner {width: 90%; margin: 0 auto;overflow: hidden;*zoom: 1;}
	#containar {width: 100%;}
	#contents {float: none;width: 100%;margin: 0 auto;padding-bottom: 0;}
	#top-list article p {padding: 5px 10px 0 10px;}
	#sidebar {float: none;	width: 90%;	margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;*zoom: 1;}
	#sidebar1 {float: left ; width: 48%;}
	#sidebar2 {float: right; width: 48%;}
	#footer-inner {width: 100%;}
}

/* ------ ～ 767px ------ */

@media only screen and (min-width: 768px)
{
.none01 {display:none}

 }

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
	
	html {*overflow-x: hidden;}
header {width: 100%;z-index:100;margin:0px 0;background-color:#271309;position:relative;}
	#wrapper { overflow: hidden;}
#mainvisual {position:relative;  width: 100%; border-bottom: 0px solid #D98392; overflow:hidden; z-index:10;}
	#gnav-btn {position: relative;display: block;	width: 100%;padding: 5px 0 4px;	background-color: #B90B50;}
	#header-inner {position: relative; width: 100%; border-bottom: 0; }
	#ptitle {position: absolute; top: -18px; left: 40px; font-size: 92%; font-weight: normal; color: #FFFFFF; z-index: 30; }
	#gnav-btn div {margin-left: 10px;}
	#gnav-btn div a {line-height: 25px; color: #FFFFFF; font-size: 22px; text-decoration: none;}
	#gnav {position: absolute;width: 250px; height: auto; top: 0;left: -250px; background-color: #999999; border: none;}
	#gnav nav {width: 100%;	margin: 35px 0 0 0;  padding: 0; border: 0;border-top: solid 1px #666666; position: static;}	
	#gnav nav > ul {float: none;	width: 100%; height: auto; border-left: none;border-right: none; background-color: #555555;}
    #gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left; border-left: none;}
	#gnav nav > ul > li a {display: block;padding: 9px 20px 9px; color: #ffffff; font-size: 92%; line-height: 1.2em; border-left: none;border-right: none;border-bottom: solid 1px #666666; background: #555555 url("img/arrow_03.png") no-repeat right center;	*zoom: 1;}
	#gnav nav > ul > li > ul {position: static; top: 100%; left: 0; list-style: none; margin: 0; width: 100%;}
	#gnav nav > ul > li:last-child > ul {width: 100%;}
	#gnav nav > ul > li  ul li{overflow: hidden; width: 100%; height: auto ; color: #FFFFFF;}
	#gnav nav > ul > li  ul li a{height: auto; line-height: 1.2em; display: block; padding: 9px 20px 9px 30px; text-align: left; font-size: 92%; font-weight: normal; background: #555555 url("img/arrow_03.png") no-repeat right center;	*zoom: 1;}
	#gnav nav > ul > li:hover > a{background: #333333 url("img/arrow_03.png") no-repeat right center; color: #FFFFFF;}
	#gnav nav > ul > li  ul li:hover > a{background: #333333 url("img/arrow_03.png") no-repeat right center; color: #FFFFFF;}
	#gnav nav > ul > li:hover ul li{height: auto ;border-top: 0;}
	#gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;}
	#gnav nav .current-menu-parent {color: #FFFFFF; background: #555555 url("img/arrow_03.png") no-repeat right center;}
    #gnav nav .current-menu-item a {color: #FFFFFF; background: #333333 url("img/arrow_03.png") no-repeat right center;}
	#plist{position: relative; width: 100%;}
	#containar{position: relative; background: #FFFFFF;padding-top: 10px;}

#containar01 {width: 100%;margin: 0 auto;padding-top:15px;overflow: hidden;*zoom: 1;z-index:20;}
	.doc {padding: 0 10px;}
	.js #menu {display:none;}
    .js .slicknav_menu {display:block;}
.none {display:none}
.text_center01{
text-align:left;
}
	.logobox{
	width:auto;
	margin:5px auto;
	text-align:center;
}
.logobox img{
width:70%;
}
.menubox{
	width:0%;
	float:left;
	padding:0px 0 0 0;
}

.box00{
width:auto;
margin:0px 10px;
padding:10px 0 0 0;
}
.box000{
max-width:1000px;
margin:0 auto;
padding:15px 0 0 0;
}
	.slidecopy {
display: block;
    width: 90%;
    font-size:100%;
    color:#29b7e2;
    font-weight:bold;
    text-align:center;
    padding: 0px;
    position: absolute;
    margin:0 auto;
    opacity: 1;
    top: 10%;
    left:0%;
    border-radius:10px;
}
	.title02 {
  position: relative;
  text-align: center;
  font-size:110%;
  font-weight:bold;
  color:#968888;
  margin:10px 0;
}

	.box20{
	width:48%;
	margin:3px;
	float:left;
}
.box25{
	width:48%;
	margin:3px;
	float:left;
}
	.tb_01{
 width: 100%;
 border-collapse: collapse;
font-size:100%;
 }

.tb_01 th{
 width: 45%;
 padding: 3px;
 text-align: left;
 vertical-align: top;
 color: #333;
 }

.tb_01 td{
 padding: 3px;
 }

.tb_01 td a{
text-decoration:none;
}
	.box01{
	width:95%;
	margin:0 auto;
}
	.box50{
	width:100%;
	float:left;
	margin:5px 0;
	padding:0px;
}
	.box50-10{
	width:48%;
	float:left;
	margin:3px;
	padding:0px;
}
.box30{
	width:100%;
	margin-top:0px;
}

.box70{
	width:100%;
	margin-top:5px;

}
.left50{
width:98%;
margin:10px 0px;
padding:0px 5px;
background-color:#ffffff;
color:#000000;
}
	
.left502{
width:98%;
float:left;
font-size:105%;
padding:10px 10px;
color:#000000;
}

.left502 input {
height:30px;
width:80%;
font-size:90%;
}

.left503{
width:98%;
float:left;
font-size:100%;
padding:10px 10px;
}
.boxwidth80{
	width:100%;
	margin:0 auto;
}
.text150{
font-size:110%;
font-weight:bold;
padding:15px 0;
color:#444444;
text-align:center;
}
.boxwidth80-1{
	width:95%;
	margin:0 auto;
	background-color:#f7f7f7;
	padding:15px;
}
.gyalally03{
width:43%;
height:180px;
float:left;
border-style:solid;
border-width:0px;
border-color:#b3b3b3;
border-radius:0px;
background-color:#ffffff;
padding:5px;
margin:5px 5px;
}

.gyalally03 img{
max-height:140px;
margin:0px 10px 5px 0;
}
	#social{margin: 20px 0;}
	#kanren {margin: 10px 2%; padding: 0 5px;}
	#sidebar {width: 90%;}
	#sidebar1 {float: none; width: 100%;}
	#sidebar2 {float: none; width: 100%;}

}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
	.alignleft, .alignright{float: none; margin: 5px auto;display:block;}
	#kiji-list ul li img{max-width: 300px;border: 1px solid #CFCFCF;margin: 5px auto;display:block;}
	#top-list > article{float: none; width: 100%; height: auto; margin: 10px 0; }
	.main-title, .contents-title {padding-left: 0;}
	#contents > p {padding: 0.5em;}
	.doc {padding: 0 2%;}
	.doc p {padding: 0;}
	#kanren {margin: 10px 0; }
	#kanren dl{margin: 0 0 0 10px;}
	#sidebar {*margin-bottom: 0;}
	#footer-inner {width: 100% ;margin: 0 ;padding: 0;}
	footer nav{width: 100% ; margin: 0; padding: 0;}
	footer ul li {width: 100%; text-align: left; display: block; border: none; border-bottom: solid 1px #999999;*zoom: 1;}
	footer ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; color: #CCCCCC; text-decoration: none; background: url("img/arrow_03.png") no-repeat right+15px center;}
	footer ul li a:hover{text-decoration: none; filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
	footer ul li:last-child {border-bottom: none;}
	/* ------ ランキング------ */
	.rank {float: none; margin: 0 auto 15px auto; padding: 0; width: 90%;}
	.rank .rankinner .b_link img {max-width: 100%; margin: 0 auto; display: block;}
}