@charset "utf-8";
/*--------------------------------------------------------
非表示
--------------------------------------------------------*/
.pc_only {
display: block;
}
.sp_only {
display: none;
}
/* ----------------------------------------------------------------------------------------------------------------
レイアウト
---------------------------------------------------------------------------------------------------------------- */
html {
width: 100%;
background-color: #FFFFFF;
}
/* liのinline-blockでの隙間を削除 */
ul {
letter-spacing: -40em; /* 文字間を詰めて隙間を削除する */
}
ul li {
letter-spacing: normal; /* 文字間を通常に戻す */
}
/* w100%背景 */
#header-in,
#g_nav ul,
.section-in,
#ft_nav ul,
#footer-in {
margin: 0 auto;
width: 1100px;
height: auto;
min-height: 100%;
}
/* 下層ページ */
#contents #wrapper {
margin: 0 auto;
width: 1100px;
min-height: 100%;
}
#contents main {
width: 803px;
height: 100%;
min-height: 100%;
margin-top: 3rem;
float: left;
}
#contents #side {
width: 260px;
height: 100%;
min-height: 100%;
margin-top: 3rem;
float: right;
}

/* ----------------------------------------------------------------------------------------------------------------
サイト全体の共通設定
---------------------------------------------------------------------------------------------------------------- */
* html body { background-image: none; }
/* 大きな画像を要素内に収めるように自動縮小 */
/* 
img {
width: 100%;
height: auto;
}
*/
/*画像リンク透過*/
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/* line */
hr {
clear: both;
height: 1px;
margin: 0 0 1.5em;
padding: 0;
border: 0;
border-top: 1px dotted #c8c8c8;
font-size: 1.0em;
line-height: 1.0em;
}

/*--------------------------------------------------------
font
--------------------------------------------------------*/
/* type */
body { 
font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align: left;
}
/* font-color */
body { color: #333333; }
/* link-color */
a { color: #17315f; text-decoration: none; }
a:link  { text-decoration: none; }
a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }
a:active  { text-decoration: none; }
a.stay { text-decoration:none; }
/* font-size */
h1 { font-size: 1.6rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.5rem; }
h5, h6, p { font-size: 1.5rem; line-height: 130%; }
input, select { vertical-align:middle; }
th, td, li, select, input, label, dt, dd, time, li { font-size: 1.5rem; text-decoration: none; line-height: 130%; }
/* font-color */
.fc1 { color: #005cb6; }

/*--------------------------------------------------------
btn
--------------------------------------------------------*/
.btn_a a,
.btn_b a {
box-sizing: border-box;
display: block;
text-align: center;
cursor: pointer;
border: none;
text-decoration: none;
-webkit-appearance: none;
}
.btn_a a {
font-size: 2.0rem;
font-weight: bold;
color: #005cb6;
background: #fff;
background: #fff url("../img/tool/ico_arrow01.png") no-repeat center right 15px;
background-size: 8px 13px;
padding: 1.2rem;
width: 28%;
margin: 0 auto;
border-radius: 10px;
border: 5px solid #005cb6;
}
.btn_a a:hover {
color: #fff;
background: #005cb6 url("../img/tool/ico_arrow02.png") no-repeat center right 15px;
background-size: 8px 13px;
border: 5px solid #7cabd9;
}
.btn_b a {
font-size: 1.6rem;
color: #fff;
background: #005cb6;
background: #005cb6 url("../img/tool/ico_arrow03.png") no-repeat center right 10px;
background-size: 7px 10px;
padding: 1rem 1.5rem;
width: 20%;
margin: 0 auto;
border-radius: 5px;
}
.btn_b a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/*--------------------------------------------------------
header
--------------------------------------------------------*/
header {
background-color: #17315f;
overflow: hidden;
}
#header-in {
position: relative;
}
header h1 a {
display: block;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
width: 392px;
height: 61px;
background: url("../img/tool/logo_hd.png") top left no-repeat;
background-size:100% 100%;
margin: 3.5rem auto;
}
header #hd_nav {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
header #hd_nav li {
display: inline-block;
}
header #hd_nav li a {
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 32px;
height: 32px;
margin: 0.6rem 0 0 1.5rem;
}
header #hd_nav li:nth-child(1) a {
background: url("../img/tool/ico_twitter.png") top left no-repeat;
background-size:100% 100%;
}
header #hd_nav li:nth-child(2) a {
background: url("../img/tool/ico_facebook.png") top left no-repeat;
background-size:100% 100%;
}
header #hd_nav li:nth-child(3) a {
background: url("../img/tool/ico_instagram.png") top left no-repeat;
background-size:100% 100%;
}
header #hd_nav li:nth-child(4) a {
background: url("../img/tool/ico_dojosearsh.png") top left no-repeat;
background-size:100% 100%;
}
header a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

header #hd_nav2 {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
header #hd_nav2 li {
display: inline-block;
}
header #hd_nav2 li a {
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: visible;
width: 96px;
height: 96px;
margin: 1.5rem 1.5rem 1.5rem 1.5rem;
}
header #hd_nav2 li:nth-child(1) a {
background: url("../img/banner/banner_top10.png") top left no-repeat;
background-size:100% 100%;
}
header a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



/*--------------------------------------------------------
main_visual
--------------------------------------------------------*/
#main_visual {
width: 900px;
margin:  0 auto;
position: relative;
}
#main_visual .bx-viewport {
height: 500px;
overflow: inherit !important;
}
#main_visual .bx-wrapper .bx-pager {
position: absolute;
bottom: 1.5rem;
}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{
background: #7c7c7c;
}


/*--------------------------------------------------------
g_navi
--------------------------------------------------------*/
#g_nav {
background-color: #17315f;
overflow: hidden;
text-align: center;
}
#g_nav li {
display: inline-block;
margin: 2.4rem 1rem 2.4rem 0;
}
#g_nav li:nth-child {
margin-right: 0;
}
#g_nav li a {
display: block;
color: #FFFFFF;
padding: 0.3em 0.6em;
}
#g_nav li a:hover {
background-color: rgba(255,255,255,0.3);
text-decoration: none;
border-radius: 4px;
padding: 0.3em 0.6em;
}
#g_nav li a.stay {
background-color: rgba(255,255,255,0.3);
text-decoration: none;
border-radius: 4px;
padding: 0.3em 0.6em;
}

/*--------------------------------------------------------
ft_nav
--------------------------------------------------------*/
#ft_nav {
margin-top: 5rem;
margin-bottom: 3rem;
}
#ft_nav h3 {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
#ft_nav ul {
padding-bottom: 1.5rem;
border-bottom: 1px solid #c7c7c7;
margin-bottom: 1.5rem;
}
#ft_nav ul:nth-child(2) {
padding-bottom: 0;
border-bottom: none;
}
#ft_nav li {
display: inline-block;
font-size: 1.4rem;
padding-right: 1.5rem;
border-right: 1px solid #17315f;
margin-right: 1.5rem;
margin-bottom: 0.5rem;
}
#ft_nav li a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*--------------------------------------------------------
footer
--------------------------------------------------------*/
footer {
background-color: #48546d;
}
#footer-in {
position: relative;
}
footer address {
color: #fff;
font-style: inherit;
padding: 3.8rem 0;
}
footer h2 {
font-size: 1.8rem;
}
footer p {
font-size: 1.6rem;
}
footer p a {
color: #fff;
}
#footer-in {
position: relative;
}
footer #footer_banner {
position: absolute;
right: 0;
top: 5.4rem;
z-index: 2;
}
#footer_banner a img {
border: 5px #64687e solid;
margin-left: 2.0rem;
}
footer p.copy {
background-color: #17315f;
padding: 3.6rem 0;
color: #fff;
font-size: 1.2rem;
text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------------
INDEX
---------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------
All format
--------------------------------------------------------*/
main section {
background-color: #fff;
text-align: center;
padding: 4rem 0;
}
main section:nth-child(even) {
background-color: #f1f1f1;
}
main section:nth-child(even) {
background-color: #f1f1f1;
}
main section:nth-child(6) {background-color: #fff;}
main section:nth-child(7) {background-color: #f1f1f1;}
main section:nth-child(8) {background-color: #fff;}
main .section-in {
position: relative;
}
main section h2 {
color: #005cb6;
font-weight: bold;
margin-bottom: 4rem;
}
main section .btn_a {
margin-top: 3.5rem;
}

/*--------------------------------------------------------
contents_news
--------------------------------------------------------*/
#contents_news ul {
padding: 0 3.8rem;
}
#contents_news li {
text-align: left;
margin-bottom: 1.2rem;
border-bottom: 1px #c7c7c7 solid;
padding-bottom: 1.2rem;
}
#contents_news li:first-child {
border-top: 1px #c7c7c7 solid;
padding-top: 1.2rem;
}
#contents_news li .date {
margin-right: 3.5rem;
}
#contents_news .btn_b a {
width: 250px;
margin-right: 3.8rem;
}

/*--------------------------------------------------------
contents_about
--------------------------------------------------------*/
#contents_about h3 {
margin-bottom: 3rem;
}

/*--------------------------------------------------------
contents_banners
--------------------------------------------------------*/
#contents_banners li {
display: inline-block;
position: relative;
}
#contents_banners li a {
display: block;
}
#contents_banners li:nth-child(1) a {border: 7px #55b02f solid; margin-bottom: 3rem;}
#contents_banners li:nth-child(2) a {border: 7px #e32e28 solid; margin-right: 3rem;}
#contents_banners li:nth-child(3) a {border: 7px #005cb6 solid; margin-right: 3rem;}
#contents_banners li:nth-child(4) a {border: 7px #e32e28 solid; margin-right: 3rem;}
#contents_banners li:nth-child(5) a {border: 7px #f27d00 solid; margin-right: 0rem;}

#contents_banners li a p {
display: none;
}
#contents_banners li a:hover p {
display: block;
position: absolute;
left: 7px;
bottom: 7px;
width: 224px;
min-height: 50%;
padding: 0.5em;
margin: 0;
color: #FFFFFF;
background-color: rgba( 0, 0, 0, 0.5 );
text-align: left;
}
#contents_banners li:nth-child(1) a:hover p {
display: block;
position: absolute;
left: 7px;
bottom: 37px;
width: 1069px;
min-height: 20%;
padding: 0.5em;
margin: 0;
color: #FFFFFF;
background-color: rgba( 0, 0, 0, 0.5 );
text-align: left;
}

/*--------------------------------------------------------
contents_dojo
--------------------------------------------------------*/
#contents_dojo .box_l {
float: left;
width: 695px;
text-align: left;
}
#contents_dojo .box_l h3 {
margin-bottom: 1.5rem;
}
#contents_dojo .box_r {
float: right;
width: 368px;
}
#contents_dojo .box_r img {
border: 8px solid #dadada;
}
#contents_dojo .btn_b {
position: absolute;
top: 0;
right: 0;
}
#contents_dojo .btn_b a {
width: 250px;
margin-right: 5.5rem;
}
#contents_dojo .btn_b a img {
height: 17px;
width: auto;
vertical-align: text-top;
margin-right: 1rem;
}

/*--------------------------------------------------------
promo_photo
--------------------------------------------------------*/
#promo_photo {
background: #fff url("../img/tool/bg01.png") repeat;
background-size: 127px 127px;
}

/*--------------------------------------------------------
promo_movie
--------------------------------------------------------*/
#promo_movie h3 {
margin-bottom: 3.5rem;
}
#promo_movie .btn_a {
margin-bottom: 1.5rem;
}
#promo_movie span {
font-size: 1.4rem;
font-weight: bold;
}

/*--------------------------------------------------------
promo_others
--------------------------------------------------------*/
#promo_others a {
margin-bottom: 3rem;
display: block
}
#promo_others a:last-child {
margin-bottom: 0;
}

/*--------------------------------------------------------
include_sns
--------------------------------------------------------*/
#include_sns .section-in {
width: 1040px;
margin: 0 auto;
}
#include_sns h2 {
display: block;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
margin: 0 auto 1.5rem;
}
#include_sns #sns_twitter {
width: 500px;
float: left;
text-align: center;
margin-bottom: 5rem;
}
#include_sns #sns_facebook {
width: 500px;
float: right;
text-align: center;
margin-bottom: 5rem;
}
#include_sns #sns_Instagram {
width: 1040px;
float: left;
text-align: center;
}
#include_sns #sns_twitter h2 {
width: 149px;
height: 38px;
background: url("../../common/img/tool/snstitle_twitter.png") top left no-repeat;
background-size:100% 100%;
}
#include_sns #sns_facebook h2 {
width: 179px;
height: 38px;
background: url("../../common/img/tool/snstitle_facebook.png") top left no-repeat;
background-size:100% 100%;
}
#include_sns #sns_Instagram h2 {
width: 188px;
height: 38px;
background: url("../../common/img/tool/snstitle_instagram.png") top left no-repeat;
background-size:100% 100%;
}
/* snstitle_twitter */
.textwidget {
box-sizing: border-box;
width: 500px;
background-color: #eee;
padding: 1.5rem;
}
.textwidget .title {
font-size: 2rem;
margin-bottom: 1rem;
}
.textwidget .title a {
color: #4a9ef2;
}

/* ----------------------------------------------------------------------------------------------------------------
CONTENTS
---------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------
breadcrumbs
--------------------------------------------------------*/
#breadcrumbs ol {
overflow: hidden;
padding: 0.3em 0;
}
#breadcrumbs li {
font-size: 1.4rem;
display: inline-block;
}
#breadcrumbs li a:hover {
text-decoration: underline;
}
#breadcrumbs li::after {
content: " > ";
}
#breadcrumbs li:last-child::after {
content: "";
}

/*--------------------------------------------------------
contents_base
--------------------------------------------------------*/
#maintitle {
background: url("../img/tool/bg_title_a.png") repeat-x;
}
#maintitle h1 {
font-size: 2.6rem;
font-weight: bold;
color: #4e7bc8;
padding: 2rem;
font-family: }
#contents main h2 {
font-size: 2.2rem;
font-weight: bold;
color: #FFFFFF;
padding: 1.0rem 1.5rem;
border-radius: 5px;
background-color: #4e7bc8;
margin-bottom: 3rem;
font-family:  }
#contents main h2 span {
font-size: 1.6rem;
}
#contents main h2:nth-child(n+2) {
margin-top: 4rem;
}
#contents main h3 {
font-size: 2.0rem;
font-weight: bold;
color: #17315f;
background: url("../img/tool/ico_title.png") no-repeat bottom 8px left;
background-size: 13px 13px;
padding-left: 2rem;
margin-bottom: 2rem;
}
#contents main p {
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 3rem;
}
#contents main .text-img-wrap{
	display: table;
}
#contents main .textbox01 p {
font-size: 1.4rem;
line-height: 150%;
}
#contents main .textbox01 {
display: table-cell;
width: 68%;
}
#contents main .imgbox01 {
display: table-cell;
width: 25%;
vertical-align: middle;
padding-left: 4%;
}
#contents main .imgbox01 img {
border: 8px solid #e4e4e4;
}
#contents main .imgbox01 img:nth-child(n+2) {
margin-top: 2rem;
}
#contents main .imgbox01+h3 {
padding-top: 2.5rem;
border-top: 1px dotted #c8c8c8;
margin-top: 2.5rem;
}
#contents main .box_a {
box-sizing: border-box;
padding: 1.5em 2em 2em;
border-radius: 5px;
background-color: #ececec;
margin-top: 4rem;
}
#contents main .box_a h2 {
padding: 0;
border-radius: 0;
background-color: inherit;
font-size: 2.0rem;
font-weight: bold;
color: #17315f;
padding-bottom: 0.2em;
border-bottom: 2px solid #7f9bbe;
margin-bottom: 1rem;
}
#contents main .box_a p:last-child {
margin-bottom: 0;
}
#contents main p.attention {
font-size: 1.2rem;
line-height: 1.6;
margin-top: 1rem;
}
/* prev/next */
#contents main .prev {
float: left;
width: 45%;
text-align: left;
}
#contents main .next {
float: right;
width: 45%;
text-align: right;
}
#contents main a.prev,
#contents main a.next {
color: #17315f;
font-size: 2.0rem;
text-decoration: underline;
margin-bottom: 4rem;
}
#contents main a.prev:hover,
#contents main a.next:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

/*--------------------------------------------------------
list
--------------------------------------------------------*/
/*arrow*/
#contents main ul {
list-style: none;
padding: 0;
}
#contents main ul li {
font-size: 1.6rem;
line-height: 1.5;
background: url("../img/tool/ico_ar5.png") no-repeat top 21px left 12px;
background-size: 9px 13px;
padding: 1.5rem 0 3rem 3.5rem;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 3rem;
}
#contents main ul li:last-child {
padding-bottom: 0rem;
border-bottom: 0px solid #c8c8c8;
margin-bottom: 3rem;
}
/*number*/
#contents main ol {
counter-reset: my-counter;
list-style: none;
padding: 0;
}
#contents main ol li {
font-size: 1.6rem;
line-height: 1.5;
position: relative;
vertical-align: middle;
margin-top: 0.7rem;
padding-left: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 3rem;
}
#contents main ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #4e7bc8;
color: #FFFFFF;
display: block;
float: left;
line-height: 36px;
margin-top: -0.7rem;
margin-left: -3rem;
margin-right: 1rem;
text-align: center;
height: 36px;
width: 36px;
border-radius: 50%;
}
#contents main ol li:last-child {
padding-bottom: 0rem;
border-bottom: 0px solid #c8c8c8;
margin-bottom: 4rem;
}
/*Q&A*/
#qanda {
width: 100%;
}
#qanda dt {
font-size: 1.8rem;
font-weight: bold;
color: #4e7bc8;
padding: 1.0rem 1.5rem;
border-radius: 5px;
background-color: #f1f1f1;
margin-bottom: 3rem;
}
#qanda dt:before {
content: "Q.";
font-weight: bold;
margin-right: 0.5rem;
}
#qanda dd {
font-size: 1.6rem;
line-height: 1.5;
margin-left: 3rem;
margin-bottom: 3rem;
text-indent: -2rem;
}
#qanda dd:before {
content: "A.";
font-weight: bold;
margin-right: 0.5rem;
}

/*--------------------------------------------------------
table
--------------------------------------------------------*/
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 3em;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
table, td, th {
box-sizing: border-box;
border: solid 1px #D4D4D4;
font-size: 1.6rem;
line-height: 130%;
text-align: left;
vertical-align: middle;
padding: 1em;
}
th {
width: 30%;
background-color: #f3f3f3;
color: #4e7bc8;
font-weight: bold;
}
td {
width: 70%;
}

/*--------------------------------------------------------
form
--------------------------------------------------------*/
input[type="text"],
textarea,
select,
input[type="file"] {
box-sizing: border-box;
border: 1px solid #cbcbcb;
border-radius: 3px;
background: #fafafa;
padding: 1rem;
width: 100%;
}
form label {
display: block;
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
form label {
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
padding: 0.7rem;
}
form label:hover {
background: #f6f6f6;
}
select {
background: #f4f4f4;
height: 40px;
font-size: 1.4rem;
/* 下記selectbox矢印オリジナルに変更 */
background: #f4f4f4 url("../img/tool/ico_dd.png") no-repeat center right 10px;
background-size: 8px 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select:hover {
background: #fbfbfb url("../img/tool/ico_dd.png") no-repeat center right 10px;
background-size: 8px 14px;
}
select option {
font-weight: normal;
display: block;
white-space: pre;
min-height: 1.2em;
padding: 0px 2px 1px;
}
input[type="checkbox"] ,
input[type="radio"] {
font-size: 3rem;
padding: 0;
margin: 0 1rem 0 0;
}
input[type="radio"] {
font-size: 3rem;
padding: 0;
margin: 0 1rem 0 0;
}
.form_w90 {
width: 90% !important;
}
.form_w80 {
width: 80% !important;
}
.form_w70 {
width: 70% !important;
}
.form_w60 {
width: 60% !important;
}
.form_w50 {
width: 50% !important;
}
input[type="file"] {
display: block;
margin-bottom: 1.5em;
}
form th span {
font-size: 1.2rem;
color: #ff9600;
margin-left: 1rem;
}
.form_btn {
width: 100%;
margin: 0 auto;
margin-bottom: 3em;
text-align: center;
}
.form_btn input {
display: inline-block;
margin: 0 1rem;
}
.form_btn .btn_b,
.form_btn .btn_c {
box-sizing: border-box;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
border-radius: 6px;
cursor: pointer;
padding: 1.2rem 2.5rem;
width: 35%;
}
.form_btn .btn_b {
background: #cc7c55;
color: #FFFFFF;
border: 3px solid #ffbe9e;
}
.form_btn .btn_c {
background: #c1c1c1;
color: #FFFFFF;
border: 3px solid #dfdfdf;
}
.form_btn .btn_b:hover,
.form_btn .btn_c:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/* table配置修正*/
form table {
margin-bottom: 2em;
}
/*--------------------------------------------------------
grid
--------------------------------------------------------*/
/* gridmenu */
section#gridmenu {
margin-bottom: 5rem;
padding-top: 0;
}
section#gridmenu h1 {
text-align: center;
font-weight: bold;
font-size: 2.8rem;
margin-bottom: 2rem;
}
section#gridmenu ul {
overflow: hidden;
font-size: 0;
}
section#gridmenu li {
display: inline-block;
box-sizing: border-box;
width: 33.3%;
text-align: center;
color: #FFFFFF;
padding: 0 !important;
border: none !important;
margin-bottom: 0 !important;
}
section#gridmenu li:nth-child(odd) {
background-color: #5e95f2;
}
section#gridmenu li:nth-child(even) {
background-color: #7cc5f8;
}
section#gridmenu li img {
width: 100%;
height: auto;
}
section#gridmenu li .textbox {
box-sizing: border-box;
padding: 2rem;
}
section#gridmenu li .textbox h2 {
margin-bottom: 1.5rem;
padding: 0 !important;
background-color: inherit !important;
}
section#gridmenu li .textbox p {
text-align: left;
box-sizing: border-box;
height: 10.5rem;
margin-bottom: 1.5rem;
}
section#gridmenu li .textbox .btn_b a {
display: block;
box-sizing: border-box;
font-size: 1.6rem;
font-weight: bold;
color: #4e7bc8;
background: #FFFFFF;
background: #FFFFFF url("../img/tool/ico_ar5.png") no-repeat center right 14px;
background-size: 9px 13px;
padding: 1.2rem 3rem;
cursor: pointer;
width: 100% !important;
}
.btn_b a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* ----------------------------------------------------------------------------------------------------------------
side
---------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------
side_nav
--------------------------------------------------------*/
.side_nav1 {
margin-bottom: 2em;
}
.side_nav2 {
margin-bottom: 3em;
}
#acMenu dt {
display:block;
box-sizing: border-box;
width:260px;
height:50px;
font-size: 1.4rem;
color: #FFFFFF;
background: #4e7bc8;
background: #4e7bc8 url("../img/tool/ico_ar3.png") no-repeat center left 12px;
background-size: 12px 9px;
padding: 1.5rem 1.5rem 1.5rem 3.5rem;
cursor:pointer;
}
#acMenu dd {
display:none;
}
.side_nav1 li,
.side_nav2 li {
display:block;
box-sizing: border-box;
width:260px;
height:50px;
font-size: 1.6rem;
color: #464646;
background: #ececec;
background: #ececec url("../img/tool/ico_ar4.png") no-repeat center left 12px;
background-size: 8px 13px;
padding: 1.5rem 1.5rem 1.5rem 3.5rem;
cursor:pointer;
border-bottom: 1px solid #c8c8c8;
}
.side_nav1 li:hover,
.side_nav2 li:hover,
.side_nav1 li.stay,
.side_nav2 li.stay {
background: #8abadc;
background: #8abadc url("../img/tool/ico_ar4_r.png") no-repeat center left 12px;
background-size: 8px 13px;
}
.side_nav1 li:hover a,
.side_nav2 li:hover a,
.side_nav1 li.stay a,
.side_nav2 li.stay a {
color: #FFFFFF;
}
.side_nav1 li:last-child,
.side_nav2 li:last-child {
border-bottom: none;
}
/* コンテンツグループによって最初から展開設定 */
/* 下記はside_nav1だけ最初から展開設定 */
body#contents #acMenu .side_nav1 dd {
display:block;
}
/* ----------------------------------------------------------------------------------------------------------------
CONTENTS_ZENDOREN
---------------------------------------------------------------------------------------------------------------- */

/*カルーセルスライダー */
#main_visual_box {
width: 100%;
overflow: hidden;
position: relative;
}
/*パンくず */
#breadcrumbs ol,
#maintitle h1 {
margin: 0 auto;
width: 1100px;
}
/*サイドメニュー */
.side_nav1 li, .side_nav2 li {
position: relative;
}
#acMenu li a {
position:absolute;
top:1.5rem;
left:3.5rem;
width:100%;
height:100%;
}
#acMenu li a:hover {
text-decoration: none;
}
/*文字ゴシック体 */
body {
font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align: left;
}
/*--------------------------------------------------------
instagram
--------------------------------------------------------*/
.instagram {
/* 隙間を消す*/
font-size:0;
}
.instagram li {
display: inline-block;
width: 20%;
position: relative;
overflow: hidden;
list-style-type: none;
}
.instagram li a:hover  {
width: 100%;
height: 100%;
}
.instagram li a:hover img  {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.instagram li a:hover .stage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background-color: rgba( 0, 0, 0, 0.7 );
}
/* マウスオーバーのみテキスト表示*/
.instagram li a p {
display: none;
}
.instagram li   a:hover p {
display: block;
box-sizing: border-box;
padding: 10%;
width: 100%;
height: 90%;
color: #fff;
font-size: 1.3rem;
font-weight: normal;
/* 文字数が多い時に省略*/
overflow: hidden;
}
.instagram li p span {
display: block;
padding-bottom: 1rem;
}









/* ----------------------------------------------------------------------------------------------------------------
IE
---------------------------------------------------------------------------------------------------------------- */
select::-ms-expand {
display: none;
}
input {
line-height: 100%\0;/* ie全般用ハック */
}
.check input {
border: none\0;/* ie全般用ハック */
background-color: none\0;/* ie全般用ハック */
}
input, button {
outline: 0;\0;/* ie全般用ハック */
}
input::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
}
/* footer_banner */
#footer_banner a img {
height: 54px;\9;/* ie9,10用ハック */
}
/* contents_banners */
#contents_banners li img {
width: 1084px;\9;/* ie9,10用ハック */
}
#contents_banners li:nth-child(n + 2) img {
width: 238px;\9;/* ie9,10用ハック */
}
/* main_visual */
#main_visual {
height: 500px;\0;/* ie全般用ハック */
}