/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#666666;
font-family: Shippori Mincho,Liberation sans , Arial, Helvetica, sans-serif;
}
.slider.sp {
display: none;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background: url(../images/main_bg.gif) repeat-x left top;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:25px;
	font-weight:normal;
	color:#3f3f3f;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#0e5b8c;
	text-decoration:underline;
}
/* 画像半透明 */
a:hover img{
    opacity:0.7;
    -moz-opacity:0.9;
    filter:alpha(opacity = 50);
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img,a:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a { color: inherit;
	text-decoration: none;
	transition: all 0.3s;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}
.logo {
	padding:0;
	float:left;
	width:auto;
	height:93px;
}
h1 {
	margin: 0;
	padding: 32px 0 0;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: none;
	font-size: 2.5rem;
}
h1 a, h1 a:hover {
	color:#0e5b8c;
	text-decoration:none;
}
h1 span {
	color:#b7b7b7;
}
h1 small {
	font-size:1.5rem;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#b7b7b7;
}
.slider {
	padding:0;
}
.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.menu_nav {
	margin:0 auto;
	padding:0 0 40px;
	height:50px;
	float:right;
}
.menu_nav ul {
	list-style:none;
	padding:0;
	height:50px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0 0 0 4px;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:18px 0 0;
	width:126px;
	height:30px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#6e6e6e;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	background:url(../images/menu_a.gif) no-repeat center top;
}
.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:18px 0;
	width:960px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:680px;
}
.content .mainbar h2 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:25px;
	line-height:1.2em;
	color:#0e5b8c;
	font-weight: bold;
}
.content .mainbar div.img {
	padding:12px 0 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	padding:0;
	background:#fff;
	border:none;
}
.content .mainbar .article {
	margin: 0 0 40px;
	padding: 0 30px 0px 0;
}
.content .mainbar .post_content {
	float:right;
	width:380px;
}
.content .mainbar .post_content strong {
	color:#232323;
}
.content .sidebar {
	padding:0;
	float:right;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:12px 20px 24px;
	background:#0e5b8c;
}
.content .sidebar h2 {
	color:#fff;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#76a2be;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:8px 0;
	width:220px;
}
ul.ex_menu li {
	padding:4px 0;
}
ul.sb_menu li a {
	color:#f2f8fb;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#c5e8ff;
	text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#c8f0ff;
	font-weight:bold;
	text-decoration:underline;
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	padding: 6px 0;
	color: #606060;
	font-family: 'Moon Dance', cursive;
	letter-spacing: 0.3em;
	font-size: 1.4rem;
	margin: 0 0 15px 0;
}
p.infopost a {
	padding:0 2px;
	color:#6e6e6e;
	text-decoration:underline;
}
p.infopost a.com {
	padding-left:4px;
	font-weight:bold;
	text-decoration:none;
	color:#0e5b8c;
}
p.infopost a.com:hover {
	text-decoration:underline;
}
p.infopost a.com span {
	padding-left:4px;
	font-weight:bold;
	color:#0e5b8c;
}
.content .mainbar .post_content a.rm {
	float:right;
	margin:0 0 16px;
	padding:15px 0 0;
	width:112px;
	height:31px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-transform:none;
	color:#0e5b8c;
	text-decoration:none;
	text-align:center;
	background:url(../images/readmore.gif) repeat-x left top;
}
.content p.pages {
	margin:0 20px;
	padding:24px 0;
	font-size:11px;
	color:#929292;
	text-align:left;
	background:repeat-x left top;
}
.content p.pages span, .content p.pages a {
	padding:8px 12px;
	text-decoration:none;
}
.content p.pages span, .content p.pages a:hover {
	color:#232323;
	background:#fff;
}
.content p.pages a {
	color:#929292;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	background: #0e5b8c;
	color: #FFF;
}
.fbg_resize {
	margin: 0 auto;
	width: 80%;
	padding: 16px 20px;
	max-width: 920px;
}
.fbg h2 {
	padding-bottom: 24px;
	color: #FFF;
	font-weight: bold;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:none;
}
.fbg .col {
	margin:0;
}
.fbg .c1 {
	padding:20px 0 30px 0;
	width: 100%;
	text-align: center;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:280px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:274px;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#6e6e6e;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#0e5b8c;
	text-decoration:underline;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	text-decoration: underline;
	font-size: 1.5rem;
	font-weight: bold;
}
/* ★★ 
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
	color:#232323;
}　*/
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	padding:0;
	float:right;
}
#formsearch {
	margin:0;
	padding:30px 0 0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:8px 6px;
	float:left;
	width:170px;
	font-size:12px;
	line-height:14px;
	color:#aeaeae;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.footer {
	background:#f6fcff url(../images/footer_bg.gif) repeat-x left top;
}
.footer_resize {
	margin:0 auto;
	padding:0 20px;
	width:920px;
	line-height:1.5em;
	color:#6b6b6b;
}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#0e5b8c;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#0e5b8c;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}
/* 003 */
.button003 a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button003 a:hover {
    background: #313131;
    color: #FFF;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}
.content_resize_inner {
	background: #FFFFFFD1;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}
/* 002 */
.button002 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 220px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button002 a:before {
    content: "\f0e0";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #999;
}
.button002 a:hover {
    background: #313131;
    color: #FFF;
}

#item-box {display: flex;flex-direction: row; justify-content: space-between;
}
.item {width: 100%;}
.item a {
	display: block;
	background: #448cca;
	text-align: center;
	padding: 30px 0 15px 0;
	color: #FFF;
	margin-right: 10px;
	font-weight: bold;
	font-size: 1.4rem;border-radius: 15px;
}
.item a i {
	font-size: 3rem;
}
.item a p {
	margin-top: 20px;
}

/* 001 */
.button001 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button001 a:hover {
    background: #313131;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}
.change .slider {display: none;}
.change .content {
	background-image: url("../images/title-bk.png");
	padding-top: 20px;
	background-repeat: no-repeat;
}
.content_resize_inner h2 {
	font-weight: bold;
	font-size: 2rem;
	color: #0e5b8c;
	letter-spacing: 5px;
}
.none .content_resize_inner {display: none;}
.change .mainbar h3 {
	font-size: 25px;
	line-height: 1.2em;
	color: #0e5b8c;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}
/* 枠 */
.waku {
    position: relative;
    margin: 2em 0;
    padding: 1.5em;
    border:solid 3px #d57d96;
    border-radius: 8px;
}
.waku .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	background: #FFF;
	color: #ca4f72;
	font-weight: bold;
}
.waku p {
    margin: 0; 
    padding: 0;
}
.box-title::before {
	content: "\f0c6";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
/* ★★ */
.change .mainbar h4 {
	font-weight: bold;
	color: #0e5b8c;
	border-bottom: 1px solid;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.change .mainbar h4::before {
	content: "\f111";	font-family: "Font Awesome 5 Free";margin-right: 5px;
	font-weight: 900;
}

.article::after {
	display: block;
	content: "";
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
	background-size: 8px 8px;margin-top: 40px;
}
ul {padding-left: 20px;margin-bottom: 20px;}
.waku ul {margin-bottom: 0;}



@media screen and (max-width: 979px) {
	/*ウィンドウ幅が0～979pxの場合にCSSを適用*/
.content_resize,.header_resize {
	margin: 0 auto;
	padding: 18px 0;
	width: 90%;
}
.footer_resize{padding: 0;
	width: 100%;
}
	#coin-slider-coin-slider {width: 100%;}
#coin-slider {
	width: 100% !important;
	height: 200px !important;
	background-position: center !important;
	background-size: contain;
}
	
}
.side-info {
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;
	border: 1px solid #d7d7d7;
}
.side-info-waku {
	background: #0e5b8c;
	padding: 10px 20px;
	color: #FFF;
	margin-top: 20px;
	text-align: center;
}.side-info i {
	margin-right: 8px;color: #2f75a2;
}.side-info p {
	text-align: center;
	font-weight: bold;
}.side-tm,.side-tm-m i {
	font-size: 1.5rem;
}.side-tm span {
	font-size: initial;
	display: block;
	color: #bfbfbe;
}
.side-info p:first-child {
	margin-bottom: 0px;
	padding-bottom: 0;
	font-size: 1.2rem;
}.side-tm {
	padding-bottom: 0;
}.gadget i {
	margin-right: 10px;
}
.mainbar ol li {
	clear: both;
	margin-bottom: 5px;
	display: list-item;list-style: decimal;
}.mainbar ol {
	padding-left: 20px;
}
.mainbar h5 {
	font-size: inherit;
	color: #0e5b8c;
	margin-bottom: 5px;
}
.gadget .star {
	padding-top: 0;
	border-bottom: 1px solid #FFF;
}
.oficce-tb {
	border-collapse: collapse;
}.oficce-tb tr {
	border-bottom: 1px dotted #9f9f9f;
}.oficce-tb th {
	width: 18%;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 15px;
}.oficce-tb td {
	padding-bottom: 5px;
}
#drawer_input {
	display: none;
}
@media screen and (max-width:979px) {
	/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}
	
	
.mainbar,.content .sidebar { width: 100%!important;}
	.content .mainbar .article {	padding-right: 0;}
	.mainbar img {
	width: 100%;
	height: auto;} 
ul.sb_menu li a {
	width: auto;
	display: inline-block;
	border: 1px solid aliceblue;
	text-align: center;
	display: block;
}
ul.sb_menu li {
	width: 90%;
	margin: auto;
}
	.header_resize .clr {
	display: none;
}
.header_resize {	padding-bottom: 0;overflow: hidden;}
	.header {border-bottom: #2b619d solid 5px;position: relative;
}
	.logo {
width: 100%;
max-height: 60px;
}
	.menu_nav {position: absolute;right: 0;top: 5px;}
	h1 {
	padding-top: 0;
	font-size: 1.5rem;
}
	.nav_content .nav_item {
	width: 100%;}
	.nav_content ul li a {
	width: 100%;
	margin-bottom: 10px;
}.content {
	padding: 0;
	background: #FFF;
}.slider {display: none;
	margin-bottom: 30px;
}
	.slider.sp {display: block;}
}