@charset "UTF-8";
/* Reset Style */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { margin: 0px; padding: 0px; }

img, input { vertical-align: bottom; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.imgHover img:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; }

#page-head, #nav-main ul, #image-gallery, .single-pager, #nav-foot, #foot-abouts, .tiny-mce, #tinymce, .tiny-mce .box, #tinymce .box { *zoom: 1; }
#page-head:after, #nav-main ul:after, #image-gallery:after, .single-pager:after, #nav-foot:after, #foot-abouts:after, .tiny-mce:after, #tinymce:after, .tiny-mce .box:after, #tinymce .box:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

a.btn01, .single-pager li a, a.btn02, a.btn03, .pager a, .pager span, #foot-abouts dd ul li { display: inline-block; *display: inline; *zoom: 1; }

#breadcrumbs, #activity-report .body article h3 a, .single-pager li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

input[type="submit"], button, .btn01:hover, .single-pager li a:hover, .btn02:hover, .btn03:hover { cursor: pointer; }

@font-face { font-family: 'base'; src: url("fonts/base.eot?rshu5f"); src: url("fonts/base.eot?#iefixrshu5f") format("embedded-opentype"), url("fonts/base.woff?rshu5f") format("woff"), url("fonts/base.ttf?rshu5f") format("truetype"), url("fonts/base.svg?rshu5f#base") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, #breadcrumbs li:before, #page-top a:before, #nav-foot a:before, .actual-results dd ul li:before, [class^="icon-"], [class*=" icon-"] { font-family: 'base'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; width: 1.25em; text-align: center; letter-spacing: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-pdf:before { content: "\e603"; }

.icon-close:before { content: "\e601"; }

.icon-menu:before { content: "\e602"; }

.icon-search:before { content: "\f002"; }

.icon-email:before { content: "\f003"; }

.icon-check:before { content: "\f00c"; }

.icon-home:before { content: "\f015"; }

.icon-clock-o:before { content: "\f017"; }

.icon-video-camera:before { content: "\f03d"; }

.icon-photo:before { content: "\f03e"; }

.icon-check-square-o:before { content: "\f046"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-external-link:before { content: "\f08e"; }

.icon-square-o:before { content: "\f096"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-ellipsis-v:before { content: "\f142"; }

.icon-mail:before { content: "\f0e0"; }

.icon-play:before { content: "\f04b"; }

.icon-phone:before { content: "\e606"; }

.icon-mobile:before { content: "\e600"; }

/*----------------------------------------------------
	element style
----------------------------------------------------*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #fff; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; letter-spacing: 1px; line-height: 1.4; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, background-color, opacity; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: color, border-color, background-color, opacity; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: color, border-color, background-color, opacity; -ms-transition-duration: .3s; -ms-transition-timing-function: ease-in-out; -o-transition-property: color, border-color, background-color, opacity; -o-transition-duration: .3s; -o-transition-timing-function: ease-in-out; transition-property: color, border-color, background-color, opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }

a { color: #9edaf7; }
a:link { color: #9edaf7; text-decoration: none; }
a:visited { color: #ade0f8; }
a:hover { color: #b0e1f8; text-decoration: underline; }
a:active { color: #d00; }

::-moz-selection { background-color: #67c3b4; color: #fff; }

::selection { background-color: #67c3b4; color: #fff; }

.zoomIn, a[href$=".gif"] img, a[href$=".png"] img, a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".bmp"] img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: -o-zoom-in; cursor: zoom-in; }

.hide { display: none; }

.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.p0 { padding: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.p5 { padding: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.p10 { padding: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.p15 { padding: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.p20 { padding: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.p25 { padding: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.p30 { padding: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.p35 { padding: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.p40 { padding: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.p45 { padding: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.p50 { padding: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.p55 { padding: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.p60 { padding: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.p65 { padding: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.p70 { padding: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.p75 { padding: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.p80 { padding: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.p85 { padding: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.p90 { padding: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.p95 { padding: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.p100 { padding: 100px !important; }

.fr, .imgR { float: right; margin-left: 10px; }

.fl, .imgL { float: left; margin-right: 10px; }

.imgC, .tC { text-align: center; }

.imgC { display: block; margin-left: auto; margin-right: auto; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.clr { clear: both; }

.description { font-size: 93%; color: #666; letter-spacing: 0; }

.box40 { width: 40px; }

.box50 { width: 50px; }

.box60 { width: 60px; }

.box70 { width: 70px; }

.box80 { width: 80px; }

.box90 { width: 90px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box150 { width: 150px; }

.box160 { width: 160px; }

.box170 { width: 170px; }

.box180 { width: 180px; }

.box190 { width: 190px; }

.box200 { width: 200px; }

.box210 { width: 210px; }

.box220 { width: 220px; }

.box230 { width: 230px; }

.box240 { width: 240px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box270 { width: 270px; }

.box280 { width: 280px; }

.box290 { width: 290px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box350 { width: 350px; }

.box360 { width: 360px; }

.box370 { width: 370px; }

.box380 { width: 380px; }

.box390 { width: 390px; }

.box400 { width: 400px; }

.box410 { width: 410px; }

.box420 { width: 420px; }

.box430 { width: 430px; }

.box440 { width: 440px; }

.box450 { width: 450px; }

.box460 { width: 460px; }

.box470 { width: 470px; }

.box480 { width: 480px; }

.box490 { width: 490px; }

.box500 { width: 500px; }

textarea, input, select { margin: 1px; padding: 3px; max-width: 100% !important; box-sizing: border-box; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ddd; border-radius: 3px; background-color: #fbfbfb; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #aaa; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

/* button */
.btn01, .single-pager li a, .btn02, .btn03 { border-radius: 4px; }

a.btn01, .single-pager li a, a.btn02, a.btn03 { padding: .5em 1em .4em; text-decoration: none !important; }

input.btn01, input.btn02, input.btn03 { padding: .3em .8em .2em; }

.btnL { padding: .6em 3em .5em !important; font-size: 108%; }

.btnS { padding: .1em .3em 0 !important; font-size: 85%; }

.btn01, .single-pager li a { background-color: #005081; color: #fff !important; }
.btn01 i, .single-pager li a i { background-color: #fff; border-radius: 50%; color: #001e3a; margin: 0 6px 0 0; }
.btn01:hover, .single-pager li a:hover { background-color: #365a7a; }

.btn02 { border: solid 1px #67c3b4; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #46b1a0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjFhMCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNjdjM2I0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzljYWJkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #46b1a0), color-stop(40%, #67c3b4), color-stop(100%, #79cabd)); background-image: -moz-linear-gradient(bottom, #46b1a0, #67c3b4 40%, #79cabd); background-image: -webkit-linear-gradient(bottom, #46b1a0, #67c3b4 40%, #79cabd); background-image: linear-gradient(to top, #46b1a0, #67c3b4 40%, #79cabd); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn02:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

.btn03 { border: solid 1px #7ecef4; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #4fbcf0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmYmNmMCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjN2VjZWY0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRlMGY4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4fbcf0), color-stop(40%, #7ecef4), color-stop(100%, #ade0f8)); background-image: -moz-linear-gradient(bottom, #4fbcf0, #7ecef4 40%, #ade0f8); background-image: -webkit-linear-gradient(bottom, #4fbcf0, #7ecef4 40%, #ade0f8); background-image: linear-gradient(to top, #4fbcf0, #7ecef4 40%, #ade0f8); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn03:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

html { background: #0079c3 url(../images/common/bg_side.png) no-repeat center 180px; }

body { overflow: hidden; background: url(../images/common/bg_footer.png) repeat-x 0 bottom; }

#page { position: relative; background: url(../images/common/bg_head.png) no-repeat center 0; }
/*#page .image img { max-width: 100%; height: auto; }*/
#page .image img { width: 100%; height: auto; }

#is-mobile-checkbox { display: none; }

#mobile-menu-btn { display: none; }

/*----------------------------------------------------
	inner
----------------------------------------------------*/
.inner, #page-content { margin: 0 auto; width: 980px; }

/*----------------------------------------------------
	header
----------------------------------------------------*/
#logo-main { float: left; padding: 20px 0 0; }

#catch-copy { float: left; padding: 50px 0 0 150px; }

#btn-english { float: right; width: 100px; padding: 2px 0 5px 30px; background: url(../images/common/bg_btn_english.png) no-repeat 0 0; color: #001e3a; }
#btn-english a { color: #001e3a; }

#author { clear: right; float: right; }
#author dt { margin: 15px 0 0; font-size: 18px; text-align: right; }
#author dd { text-align: right; }
#author dd address { font-style: normal; }
#author dd span { font-size: 20px; font-weight: bold; }
#author dd a { color: #fff; }

/*----------------------------------------------------
	global navigation
----------------------------------------------------*/
#nav-main { clear: both; }
#nav-main ul { padding: 20px 0 10px; }
#nav-main ul li { float: left; padding: 0 0 0 20px; }
#nav-main ul li:first-child { padding: 0; }
#nav-main ul li#gn01 a { width: 80px; }
#nav-main ul li#gn02 a { width: 100px; }
#nav-main ul li#gn03 a { width: 220px; }
#nav-main ul li#gn04 a { width: 150px; }
#nav-main ul li#gn05 a { width: 190px; }
#nav-main ul li#gn06 a { width: 140px; }
#nav-main ul li#egn01 a { width: 140px; }
#nav-main ul li#egn02 a { width: 250px; }
#nav-main ul li#egn03 a { width: 340px; }
#nav-main ul li#egn04 a { width: 190px; }
#nav-main ul li a { position: relative; display: block; padding: 8px 0 6px; color: #fff; font-size: 17px; border-bottom: 2px solid transparent; text-decoration: none; text-align: center; }
#nav-main ul li a:hover { border-bottom-color: #fff; }
#nav-main ul li a:hover:after { border-bottom-color: #fff; }
#nav-main ul li a:after { content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -6px; border: 6px solid transparent; width: 0; height: 0; }

#page-home #nav-main ul #gn01 a, #page-works #nav-main ul #gn02 a, #page-abouts #nav-main ul #gn03 a, #page-ishigaki #nav-main ul #gn04 a, #page-deep-sea #nav-main ul #gn05 a, #page-faq #nav-main ul #gn06 a { border-bottom-color: #7ecef4; }
#page-home #nav-main ul #gn01 a:after, #page-works #nav-main ul #gn02 a:after, #page-abouts #nav-main ul #gn03 a:after, #page-ishigaki #nav-main ul #gn04 a:after, #page-deep-sea #nav-main ul #gn05 a:after, #page-faq #nav-main ul #gn06 a:after { border-bottom-color: #7ecef4; }

/* プルダウンメニュー
----------------------------------------------------*/
.nav li ul {
/*  top: 40px;
  left: -40px;*/
  position: absolute;
    padding: 4px 0 0 !important;
    
}
.nav li ul li {
    float: none !important;
    padding: 0 !important;
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.nav li ul li a {
    z-index: 1000;
    padding: 10px 10px !important;
    border-top: 1px solid #eee;
    width: 100% !important;
    min-width: 180px;
    background-color: rgba(255,255,255,0.9);
    color: #264057 !important;
    font-size: 14px !important;
}
.nav li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .nav li ul li ul {
    top: 0;
    left: 110px;
  }
  .nav li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }

.nav li ul li ul.left:before,/*layer-2-left▷*/
.nav li ul li ul.left li:hover > a {/*layer-2-left*/
  }


.nav ul li a:hover { border-bottom-color: #fff !important; background-color: rgba(126,206,244,0.9) !important; }
.nav ul li a:hover:after { border-bottom-color: #fff !important; }
.nav ul li a:after { content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -6px; border: 6px solid transparent; width: 0; height: 0; }

#page-home #nav-main ul #gn01 ul li a,
#page-works #nav-main ul #gn02 ul li a,
#page-abouts #nav-main ul #gn03 ul li a,
#page-ishigaki #nav-main ul #gn04 ul li a,
#page-deep-sea #nav-main ul #gn05 ul li a,
#page-faq #nav-main ul #gn06 ul li a { border-bottom-color: #7ecef4; }

#page-home #nav-main ul #gn01 ul li a:after,
#page-works #nav-main  ul #gn02 ul li a:after,
#page-abouts #nav-main ul #gn03 ul li a:after,
#page-ishigaki #nav-main ul #gn04 ul li a:after,
#page-deep-sea #nav-main ul #gn05 ul li a:after,
#page-faq #nav-main ul #gn06 ul li a:after { border-bottom-color: #fff !important; }

/*----------------------------------------------------
	contents
----------------------------------------------------*/
#breadcrumbs { padding: 8px 0; overflow: hidden; border-bottom: 1px dashed #d9dee2; }
#breadcrumbs li { position: relative; display: inline-block; vertical-align: middle; padding: 0 0 0 38px; color: #d9dee2; }
#breadcrumbs li:before { content: '\f105'; font-size: 36px; position: absolute; left: -4px; top: 50%; margin-top: -18px; }
#breadcrumbs li:first-child { padding: 0; }
#breadcrumbs li:first-child:before { content: none; }
#breadcrumbs li a { color: #d9dee2; }
#breadcrumbs li i { font-size: 24px; }

#page-title { padding: 50px 0; text-align: center; font-size: 26px; }
#page-title span { position: relative; display: inline-block; }
#page-title span:after { content: ''; position: absolute; bottom: -8px; left: -5%; height: 4px; border-radius: 2px; width: 110%; background: rgba(126, 206, 244, 0.8); box-shadow: inset 2px 2px 2px rgba(0, 30, 58, 0.4); }

.title01 { padding: 8px; border: 1px solid #0067a6; font-size: 18px; background: url(../images/common/bg_line_01.png) repeat-x 0 0; }

.title02 { border-bottom: 1px dashed #fff; }

.content-nav { overflow: hidden; border-bottom: 1px dashed #d9dee2; padding: 8px 0; }
.content-nav li { padding: 0 0 0 6px; float: left; letter-spacing: 0; }
.content-nav li:first-child { padding-left: 0; }
.content-nav li:first-child:before { content: none; }
.content-nav li a { display: inline-block; padding: 2px 4px; border-radius: 3px; color: #fff; }
.content-nav li.current a { background-color: #005081; color: #7ecef4; }
.content-nav li:before { content: '/'; padding: 0 .5em 0 0; color: #748594; }

.news-list { margin: 10px 0 0; }
.news-list article { overflow: hidden; padding: 8px 8px 6px; border-bottom: 1px dashed #fff; }
.news-list article time { float: left; }
.news-list article time i { margin: 0 1em 0 0; background-color: #fff; border-radius: 50%; color: #001e3a; height: 1.25em; line-height: 1.25; }
.news-list article .media { float: left; width: 90px; margin-right: 1rem; padding: 1.5px 0; color: #7ecef4; text-align: center; background-color: #015286; border-radius: 4px;}
.news-list article h3 { padding: 0 0 0 180px; }
.news-list article h3 a { color: #fff; }

#activity-report .body { overflow: hidden; padding: 0 10px; }
#activity-report .body article { float: left; width: 280px; margin: 10px 0 0; padding: 10px 20px; }
/*#activity-report .body article .image { margin: 10px 0 0; border: 3px solid #fff; }*/
#activity-report .body article .image { margin: 10px 0 0; height: 180px; overflow: hidden; border: 3px solid #fff; }
#activity-report .body article .image a:hover img { opacity: .8; }
#activity-report .body article h3 { margin: 10px 0 0; }
#activity-report .body article h3 a { display: block; padding: 4px 0; border-bottom: 1px dashed #d9dee2; }
#activity-report .body article time { display: block; margin: 8px 0 0; text-align: right; font-size: 93%; color: #ccc; }
#activity-report .body article .except { margin: 2px 0 0; font-size: 93%; }
#activity-report .body article .except a { display: inline-block; }
#activity-report .more-link { text-align: right; }

#image-gallery { margin: 20px 0 0; }
#image-gallery a { display: block; }
#image-gallery a:hover img { opacity: .8; }
#image-gallery a:nth-child(4n+1) { clear: both; }
#image-gallery dl { box-sizing: border-box; float: left; width: 25%; padding: 20px; }
#image-gallery dl dt img { border: 2px solid #fff; }
#image-gallery dl dd { margin: 8px 0 0; text-align: center; }

#contacts-information { margin: 80px auto 0; overflow: hidden; padding: 10px; width: 530px; border: 2px solid #7ecef4; border-radius: 8px; }
#contacts-information h2 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dashed #fff; color: #7ecef4; text-align: center; font-size: 15px; font-weight: bold; }
#contacts-information dl { float: left; width: 50%; }
#contacts-information dl dt { color: #7ecef4; font-size: 12px; }
#contacts-information dl dd a { margin: 6px 0 0; padding-right: 60px; }
#contacts-information .tel { font-size: 30px; }

#single .meta { text-align: right; color: #d9dee2; }
#single .tiny-mce { margin: 40px 0 0; }

.pager { margin: 40px 0 0; text-align: center; line-height: 1.2; }
.pager a, .pager span { padding: 5px 10px 4px; border: 1px solid; border-color: #ccc; background-color: #f9f9f9; color: #333; }
.pager span.current { border-color: #46b1a0; background-color: #67c3b4; color: #fff; }

.single-pager { margin: 80px 0 0; line-height: 1.2; }
.single-pager li { width: 48%; }
.single-pager .next { float: left; }
.single-pager .prev { float: right; text-align: right; }

.mw_wp_form .req { padding: 0 0 0 .5em; color: #c00; font-size: 11px; }
.mw_wp_form .mwform-tel-field input { width: 80px; }
.mw_wp_form table { width: 100%; }
.mw_wp_form table th { width: 20%; text-align: left; }
.mw_wp_form table td { width: 75%; vertical-align: top; }
.mw_wp_form #company, .mw_wp_form #add, .mw_wp_form #name, .mw_wp_form #eMail, .mw_wp_form #comment { width: 300px; }

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#page-foot { margin: 80px 0 0; padding: 48px 0 0; border-top: 1px solid #1a354e; background: url(../images/common/bg_line_01.png) repeat-x 0 0; }
#page-foot footer { position: relative; padding: 10px 0 0; background: url(../images/common/bg_head.png) no-repeat center -210px; }

#foot-wrap { border-top: 1px solid #1a354e; }

#page-top { position: fixed; right: -30px; bottom: 40px; z-index: 100; }

#nav-foot { padding: 20px 0 0; }
#nav-foot a { color: #fff; }
#nav-foot dl { float: left; width: 205px; padding: 0 0 0 50px; }
#nav-foot dl:first-child { padding: 0; }
#nav-foot dl dt { padding: 0 0 10px; border-bottom: 2px solid #7ecef4; }
#nav-foot dl dt a { font-size: 14px; font-weight: bold; }
#nav-foot dl dd { margin: 20px 0 0; }
#nav-foot dl dd a { font-size: 12px; }
#nav-foot.en { display: none; }

#foot-abouts { margin: 40px 0 0; }
#foot-abouts dt { float: left; }
#foot-abouts dd { padding: 20px 0 0 240px; }
#foot-abouts dd ul li { padding: 0 10px 0 0; }
#foot-abouts dd ul li a { color: #fff; }
#foot-abouts dd .tel { font-size: 20px; }
#foot-abouts dd .tel span { font-size: 36px; }
#foot-abouts dd .address { float: left; font-size: 16px; }
#foot-abouts dd .address span { font-size: 12px; }
#foot-abouts dd .btn-contact-form { padding: 0 0 0 20px; float: left; }
#foot-abouts dd .btn-contact-form a { display: block; padding: 4px 40px 2px; border-radius: 10px; background-color: #fff; color: #001e3a; font-weight: bold; }
#foot-abouts dd .btn-contact-form a i { color: #fff; border-radius: 50%; background-color: #0079C3; height: 1.25em; line-height: 1.25; }

#copyright { padding: 20px 0 5px; text-align: center; font-size: 93%; color: #d9dee2; }

.tiny-mce > :first-child, #tinymce > :first-child { margin: 20px 0 0; }
.tiny-mce h3, #tinymce h3 { clear: both; margin-top: 20px; position: relative; padding: 8px 0 6px 24px; border-bottom: 1px dashed #fff; font-size: 18px; }
.tiny-mce h3:before, .tiny-mce h3:after, #tinymce h3:before, #tinymce h3:after { content: ''; position: absolute; height: 10px; width: 10px; border-radius: 50%; }
.tiny-mce h3:before, #tinymce h3:before { left: 0; top: 12px; background-color: #7ecef4; }
.tiny-mce h3:after, #tinymce h3:after { left: 5px; top: 15px; background-color: #fff; background: rgba(255, 255, 255, 0.8); }
.tiny-mce > * + h3, #tinymce > * + h3 { margin-top: 40px; }
.tiny-mce hr, #tinymce hr { clear: both; border: none; padding: 10px 0 0; border-bottom: 1px dashed #d9dee2; }
.tiny-mce h4, #tinymce h4 { clear: both; margin-top: 20px; position: relative; padding: 2px 0 0 15px; font-size: 18px; }
.tiny-mce h4:before, .tiny-mce h4:after, #tinymce h4:before, #tinymce h4:after { content: ''; position: absolute; height: 100%; }
.tiny-mce h4:before, #tinymce h4:before { left: 0; top: 0; border-left: 4px solid #7ecef4; }
.tiny-mce h4:after, #tinymce h4:after { left: 5px; top: 0; border-left: 2px solid #fff; }
.tiny-mce > * + h4, #tinymce > * + h4 { margin-top: 40px; }
.tiny-mce strong, #tinymce strong { font-weight: bold; }
.tiny-mce p, #tinymce p { margin: 1em 0; line-height: 1.8; }
.tiny-mce ul, .tiny-mce ol, #tinymce ul, #tinymce ol { margin: 1em 0; padding: 0 0 0 1.8em; line-height: 1.2; overflow: hidden; }
.tiny-mce ul li, .tiny-mce ol li, #tinymce ul li, #tinymce ol li { padding: 0 0 .5em 0; }
.tiny-mce ul, #tinymce ul { list-style: disc; }
.tiny-mce ol, #tinymce ol { list-style: decimal; }
.tiny-mce .alignleft, #tinymce .alignleft { float: left; padding: 0 2% 10px 0; height: auto; }
.tiny-mce .alignright, #tinymce .alignright { float: right; padding: 0 0 10px 2%; height: auto; }
.tiny-mce .alignnone, #tinymce .alignnone { height: auto; }
.tiny-mce .aligncenter, #tinymce .aligncenter { height: auto; margin: 16px auto; }
.tiny-mce img, #tinymce img { max-width: 100%; }
.tiny-mce table th, .tiny-mce table td, #tinymce table th, #tinymce table td { padding: 8px; border: 1px solid #aaa; }
.tiny-mce table thead, #tinymce table thead { background-color: #e6e6e6; }
.tiny-mce table thead td, #tinymce table thead td { border-bottom-width: 3px; }
.tiny-mce pre, #tinymce pre { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; line-height: 1.6; }
.tiny-mce iframe, #tinymce iframe { max-width: 100%; }
.tiny-mce .box .image, #tinymce .box .image { width: 32%; }
.tiny-mce .box .text-l, #tinymce .box .text-l { padding: 0 0 0 34%; }
.tiny-mce .box .text-r, #tinymce .box .text-r { padding: 0 34% 0 0; }

.actual-results { margin: 16px 0 0; padding: 8px 0; overflow: hidden; border-bottom: 1px dotted #264057; }
.actual-results + .actual-results { margin: 0; }
.actual-results dt { float: left; padding: 8px; width: 10em; border-radius: 4px; background-color: #264057; color: #7ecef4; text-align: center; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2); }
.actual-results dd { padding: 8px 0 0 12em; }
.actual-results dd ul { margin: 0; padding: 0; }
.actual-results dd ul li { display: inline-block; }
.actual-results dd ul li:before { content: '\f04b'; padding: 0 .2em 0 .5em; color: #748594; }


/*----------------------------------------------------
 マイマップ　追加スタイル*/

.mapicon{
    display: flex;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
}
.mapicon li {
    margin: 0 40px 0 0;

}
.mapicon li img {
    height: 30px;
    margin: 0 .5em .3em 0;
    vertical-align: middle;
}
/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { html { background: #0079c3; }
  #page { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; min-width: 320px; position: relative; }
  #is-mobile-checkbox:checked + #page { transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 100; width: 100%; height: 100%; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn i:before { content: '\e601'; }
  #mobile-menu-btn { display: block; margin: 10px 0 0 4px; float: left; width: 50px; height: 45px; border-radius: 8px; padding: 2px 0 0 2px; background: rgba(0, 0, 0, 0.1); box-shadow: inset 2px 2px 1px rgba(0, 30, 58, 0.6); cursor: pointer; text-align: center; }
  #mobile-menu-btn i { font-size: 26px; line-height: 45px; color: #d9dee2; text-shadow: 2px 2px 1px rgba(0, 30, 58, 0.6); }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-content { box-sizing: border-box; padding: 0 10px; width: 100%; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main { padding: 0; position: absolute; top: 10px; left: 50%; margin-left: -60px; }
  #logo-main img { width: 120px; }
  #catch-copy { float: none; padding: 75px 0 15px; text-align: center; }
  #catch-copy img { width: 120px; }
  #btn-english { position: absolute; top: 0; right: 0; width: 80px; }
  #author { display: none; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main { display: none; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #breadcrumbs li { padding: 0; display: inline; font-size: 12px; }
  #breadcrumbs li:before { font-size: 12px; position: static; }
  #breadcrumbs li i { padding: 0 0 4px; font-size: 16px; vertical-align: middle; }
  #breadcrumbs li a { color: #7ecef4; }
  #page-title { padding: 30px 0; font-size: 20px; }
  .content-nav { display: none; }
  .news-list article time { float: none; color: #d9dee2; }
  .news-list article time i { margin: 0 .5em 0 0; }
  .news-list article h3 { padding: 6px 0 0 1.6em; }
  .news-list article h3 a { color: #7ecef4; }
  #activity-report .body { padding: 0; }
  #activity-report .body article { width: auto; float: none; padding: 20px 0; overflow: hidden; }
  /*#activity-report .body article .image { float: left; width: 40%; margin: 0 10px 0 0; }*/
  #activity-report .body article .image { float: left; width: 40%; height: auto; margin: 0 10px 0 0; }
  #activity-report .body article h3 { margin: 0; }
  #activity-report .body article .except { margin: 0; font-size: 85%; }
  #image-gallery a:nth-child(2n+1) { clear: both; }
  #image-gallery dl { width: 50%; padding: 10px; }
  #contacts-information { box-sizing: border-box; width: 100%; }
  #contacts-information dl { float: none; width: auto; }
  #contacts-information .tel { font-size: 24px; }
  .mw_wp_form table { display: block; }
  .mw_wp_form table tbody, .mw_wp_form table tr, .mw_wp_form table th, .mw_wp_form table td { display: block; width: 100%; box-sizing: border-box; }
  .mw_wp_form table th { margin: 8px 0 0; border: none; text-align: left; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #page-foot footer { position: static; }
  #page-top { position: static; margin: -55px 0 0; text-align: center; }
  #page-top a { display: inline-block; padding: 8px; color: #d9dee2; }
  #page-top a img { display: none; }
  #page-top a:before { content: '\f106'; font-size: 24px; }
  #nav-foot { padding: 0; position: absolute; top: 0; bottom: 0; left: -250px; width: 250px; background-color: #0079c3; }
  #nav-foot.en { display: block; }
  #nav-foot .contenedor { overflow: auto; padding: 20px 0; height: 100%; box-sizing: border-box; }
  #nav-foot a { display: block; position: relative; border-bottom: 1px solid #005081; box-shadow: 0 1px 0 0 #0067A6; }
  #nav-foot a:before { position: absolute; right: 5px; top: 50%; margin-top: -.5em; }
  #nav-foot dl { float: none; padding: 0; width: auto; margin: 0 0 20px; border-top: 2px solid #7ecef4; }
  #nav-foot dl dt { padding: 0; border-bottom: none; }
  #nav-foot dl dt a { padding: 16px 25px 14px 8px; }
  #nav-foot dl dt a:before { content: '\f054'; }
  #nav-foot dl dd { margin: 0; }
  #nav-foot dl dd a { padding: 12px 20px 10px 8px; color: #d9dee2; font-size: 13px; }
  #nav-foot dl dd a:before { content: '\f105'; }
  #foot-abouts { margin: 0; padding: 20px 0 0; }
  #foot-abouts dt { float: none; text-align: center; }
  #foot-abouts dt img { width: 120px; }
  #foot-abouts dd { padding: 10px 0 0; text-align: center; font-size: 12px; }
  #foot-abouts dd ul li { padding: 4px 8px; }
  #foot-abouts dd .tel { font-size: 12px; }
  #foot-abouts dd .tel span { font-size: 12px; }
  #foot-abouts dd .address { float: none; font-size: 12px; }
  #foot-abouts dd .btn-contact-form { float: none; padding: 15px 20px 0; }
  .tiny-mce img, #tinymce img { height: auto; }
  .tiny-mce img.alignleft, #tinymce img.alignleft { float: left; padding: 0 2% 10px 0; }
  .tiny-mce img.alignright, #tinymce img.alignright { float: right; padding: 0 0 10px 2%; }
  .tiny-mce img.aligncenter, #tinymce img.aligncenter { margin: 16px auto; }
  .tiny-mce .box, #tinymce .box { margin: 20px 0 0; }
  .tiny-mce .box .image, #tinymce .box .image { text-align: center; width: auto; float: none; }
  .tiny-mce .box .image img, #tinymce .box .image img { float: none; }
  .tiny-mce .leftbox, #tinymce .leftbox { padding: 0 0 10px; width: 100%; float: none; }
  .tiny-mce .rightbox, #tinymce .rightbox { padding: 0; width: 100%; float: none; }
  .actual-results dt { float: none; padding: 6px 8px 3px; }
  .actual-results dd { padding: 8px 0 0; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { html { background: #0079c3; }
  #page { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; min-width: 320px; position: relative; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-content { box-sizing: border-box; padding: 0 10px; width: 100%; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main img { width: 150px; }
  #catch-copy { padding: 0; position: absolute; left: 50%; top: 40px; margin-left: -90px; }
  #catch-copy img { width: 180px; }
  #author dt { font-size: 16px; }
  #author dd span { font-size: 14px; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main ul li { box-sizing: border-box; padding: 4px !important; text-align: center; }
  #nav-main ul li a { width: auto !important; border-radius: 10px; font-size: 15px; border: none; }
  #nav-main ul li a:after { content: none; }
  #nav-main ul li a:hover { background: rgba(255, 255, 255, 0.05); }
  #nav-main.jp ul li { width: 33.33%; }
  #nav-main.jp ul li:nth-child(1), #nav-main.jp ul li:nth-child(2), #nav-main.jp ul li:nth-child(3) { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }
  #nav-main.jp ul li:nth-child(3n-2), #nav-main.jp ul li:nth-child(3n-1) { border-right: 1px dotted rgba(255, 255, 255, 0.2); }
  #nav-main.en ul li { width: 50%; border-top: 1px dotted rgba(255, 255, 255, 0.2); }
  #nav-main.en ul li:nth-child(1), #nav-main.en ul li:nth-child(2) { border-top: none; }
  #nav-main.en ul li:nth-child(2n+1) { border-right: 1px dotted rgba(255, 255, 255, 0.2); }
  #page-home #nav-main ul #gn01 a, #page-works #nav-main ul #gn02 a, #page-abouts #nav-main ul #gn03 a, #page-ishigaki #nav-main ul #gn04 a, #page-deep-sea #nav-main ul #gn05 a, #page-faq #nav-main ul #gn06 a { background: rgba(255, 255, 255, 0.05); box-shadow: inset 2px 2px 1px rgba(0, 30, 58, 0.6); color: #7ecef4; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #breadcrumbs li { padding: 0; display: inline; font-size: 12px; }
  #breadcrumbs li:before { font-size: 12px; position: static; }
  #breadcrumbs li i { padding: 0 0 4px; font-size: 16px; vertical-align: middle; }
  #breadcrumbs li a { color: #7ecef4; }
  #page-title { padding: 40px 0; font-size: 24px; }
  #activity-report .body { padding: 0; }
  #activity-report .body article { width: 33.33%; box-sizing: border-box; }
  #activity-report .body article .image { height: 16vw; }
  #image-gallery a:nth-child(4n+1) { clear: none; }
  #image-gallery a:nth-child(3n+1) { clear: both; }
  #image-gallery dl { width: 33.33%; }
  #contacts-information { width: 80%; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #page-top { position: static; margin: -55px 0 0; text-align: center; }
  #page-top a { display: inline-block; padding: 8px; color: #d9dee2; }
  #page-top a img { display: none; }
  #page-top a:before { content: '\f106'; font-size: 24px; }
  #nav-foot { padding: 0; }
  #nav-foot dl { box-sizing: border-box; padding: 40px 10px 0; width: 50%; }
  #nav-foot dl:first-child { padding: 40px 10px 0; }
  #nav-foot dl:nth-child(2n+1) { clear: both; }
  #foot-abouts dt img { width: 150px; }
  #foot-abouts dd { padding: 0 0 0 180px; }
  #foot-abouts dd ul li { padding: 2px 8px; }
  #foot-abouts dd .tel { font-size: 13px; }
  #foot-abouts dd .tel span { font-size: 13px; }
  #foot-abouts dd .address { float: none; padding: 2px 8px; display: inline-block; font-size: 13px; }
  #foot-abouts dd .btn-contact-form { float: none; padding: 2px 8px; display: inline-block; }
  .tiny-mce img, #tinymce img { max-width: 100%; max-height: auto; }

/* プルダウンメニュー
----------------------------------------------------*/
.nav li ul {
    display: none;
    }

}
/* pc
-------------------------------------------------- */
@media only screen and (min-width: 980px) { /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/ }
/* Boxer v3.3.0 - 2014-11-25 A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. http://formstone.it/boxer/  Copyright 2014 Ben Plum; MIT Licensed */
.boxer-lock { overflow: hidden !important; }

#boxer-overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #000000; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }

.boxer-open #boxer-overlay { opacity: 0.75; }

#boxer { width: 200px; height: 200px; position: absolute; right: 0; left: 0; z-index: 101; background: #ffffff; border-radius: 3px; box-shadow: 0 0 25px #000000; opacity: 0; margin: 0 auto; padding: 10px; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; box-sizing: border-box; }
#boxer * { -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; box-sizing: border-box; }
#boxer *:before, #boxer *:after { box-sizing: border-box; }
#boxer.fixed { position: fixed; top: 0; bottom: 0; margin: auto; }
#boxer.inline { padding: 30px; }
#boxer.animating { -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; }
#boxer.animating .boxer-container { -webkit-transition: opacity 0.25s linear 0.25s; transition: opacity 0.25s linear 0.25s; }

.boxer-open #boxer { opacity: 1; }

#boxer.loading .boxer-container { opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
#boxer .boxer-close { width: 30px; height: 30px; position: absolute; top: -7.5px; right: -7.5px; z-index: 105; background: #ffffff; border-radius: 100%; cursor: pointer; display: block; overflow: hidden; padding: 0; text-indent: 200%; white-space: nowrap; }
#boxer .boxer-close:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #333333; content: "\00d7"; display: block; font-size: 22px; font-weight: 700; line-height: 30px; margin: auto; text-align: center; text-indent: 0; -webkit-transition: color 0.15s linear; transition: color 0.15s linear; }

.no-opacity #boxer .boxer-close { text-indent: -999px; }

#boxer .boxer-loading { width: 50px; height: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; display: block; margin: auto; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
#boxer .boxer-loading:before, #boxer .boxer-loading:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block; }
#boxer .boxer-loading:before { border: 5px solid rgba(51, 51, 51, 0.25); }
#boxer .boxer-loading:after { -webkit-animation: boxer-loading-spin 0.75s linear infinite; animation: boxer-loading-spin 0.75s linear infinite; border: 5px solid transparent; border-top-color: #333333; }
#boxer.loading .boxer-loading { opacity: 1; }
#boxer .boxer-container { width: 100%; height: 100%; position: relative; z-index: 103; background: #ffffff; overflow: hidden; }
#boxer .boxer-content { width: 100%; background: #ffffff; opacity: 1; overflow: hidden; padding: 0; }
#boxer.inline .boxer-content, #boxer.iframe .boxer-content { width: auto; }
#boxer .boxer-image { float: left; }
#boxer .boxer-video { width: 100%; height: 100%; }
#boxer .boxer-iframe { width: 100%; height: 100%; border: none; float: left; overflow: auto; }
#boxer .boxer-meta { clear: both; }
#boxer .boxer-control { width: 40px; height: 40px; position: absolute; top: 0; background: #ffffff; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); cursor: pointer; display: block; margin-right: auto; margin-left: auto; opacity: 1; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; white-space: nowrap; }
#boxer .boxer-control:before { width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; margin: auto; }
#boxer .boxer-control.previous { left: 20px; }
#boxer .boxer-control.previous:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10.4px solid #333333; margin-left: 14px; }
#boxer .boxer-control.next { right: 20px; }
#boxer .boxer-control.next:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10.4px solid #333333; margin-right: 14px; }
#boxer .boxer-control.disabled { opacity: 0; }

@-webkit-keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.no-opacity #boxer .boxer-control { text-indent: -999px; }

.no-touch #boxer .boxer-control { opacity: 0; }
.no-touch #boxer:hover .boxer-control { opacity: 1; }
.no-touch #boxer:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer .boxer-meta { padding: 10px 0 0 0; }
#boxer .boxer-position { color: #999999; font-size: 12px; margin: 0; padding: 15px 15px 0 15px; }
#boxer .boxer-caption p { color: #666666; font-size: 14px; margin: 0; padding: 15px; }
#boxer .boxer-caption.gallery p { padding-top: 0; }
#boxer .boxer-error { width: 250px; }
#boxer .boxer-error p { color: #990000; font-size: 14px; margin: 0; padding: 25px; text-align: center; text-transform: uppercase; }
#boxer.mobile { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #111111; border-radius: 0; padding: 40px 0 0; }
#boxer.mobile .boxer-close { height: 40px; width: 40px; top: 0; right: 0; background: #111111; border-radius: 0; }
#boxer.mobile .boxer-close:hover { height: 40px; width: 40px; top: 0; right: 0; background: #111111; border-radius: 0; }
#boxer.mobile .boxer-close:before, #boxer.mobile .boxer-close:hover:before { color: #cccccc; font-size: 28px; font-weight: 700; line-height: 40px; }
#boxer.mobile .boxer-loading:before { border-color: rgba(153, 153, 153, 0.25); }
#boxer.mobile .boxer-loading:after { border-top-color: #999999; }
#boxer.mobile .boxer-container { background: #111111; }
#boxer.mobile .boxer-content { background-color: #111111; }
#boxer.mobile .boxer-control { width: 50px; height: 100%; background: #111111; border-radius: 0; box-shadow: none; opacity: 1; }
#boxer.mobile .boxer-control.previous { left: 0; }
#boxer.mobile .boxer-control.previous:before { border-right-color: #eeeeee; margin-left: 19px; }
#boxer.mobile .boxer-control.next { right: 0; }
#boxer.mobile .boxer-control.next:before { border-left-color: #eeeeee; margin-right: 19px; }

.no-touch #boxer.mobile .boxer-control, .no-touch #boxer.mobile:hover .boxer-control { opacity: 1; }
.no-touch #boxer.mobile .boxer-control.disabled, .no-touch #boxer.mobile:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer.mobile .boxer-meta { width: 100%; position: absolute; right: 0; bottom: 0; left: 0; background-color: #111111; padding: 15px 65px; }
#boxer.mobile .boxer-position { color: #999999; font-size: 12px; margin: 0; padding: 0 15px 0 0; }
#boxer.mobile .boxer-caption p { color: #eeeeee; font-size: 14px; margin: 0; padding: 0; }
#boxer.mobile .boxer-image { -webkit-transition: none !important; transition: none !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#boxer.mobile.animated .boxer-image { -webkit-transition: -webkit-transform 0.25s ease-out !important; transition: transform 0.25s ease-out !important; }
#boxer.mobile.inline .boxer-content, #boxer.mobile.iframe .boxer-content { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/*# sourceMappingURL=common.css.map */