@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i,900,900i');
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');


/*
Theme Name: SUbmarine
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
*/


/* =======================================================
*
* 	reset
*
* ======================================================= */


html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}

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

audio,
canvas,
progress,
video {display: inline-block;vertical-align: baseline; }

audio:not([controls]) {display: none;height: 0;}

[hidden],template {display: none;}


a {background: transparent;}
a:active,
a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}

b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}


button,
input,
optgroup,
select,
textarea {color: inherit;font: inherit;margin: 0;}

button {overflow: visible;}
button,
select {text-transform: none;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {cursor: default;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}

input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}

input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input[type='text'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='url'],
textarea,
select { -webkit-appearance: none;-moz-appearance: textfield;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input::-ms-reveal	{ display: none; }
input::-ms-clear	{ display: none; }

button,
input[type='submit'] {border: none;background-color: transparent;}

input,textarea,select {border-radius: 0;border: none;}
select:-moz-focusring {text-shadow: 0 0 0 #000;color: transparent;}


.input_text1 {width:40% !important;}
.input_text2 {width:70% !important;}
.input_text3 {width:90% !important;}
.hissu {display:inline-block;margin-left:10px;font-size:13px;color:#6fa7f5;font-weight:400;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}

table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}

ul,ol {list-style: none;}





/* =======================================================
*
* 	style
*
* ======================================================= */

body , html {height: 100%;}
body {
/*
font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, Trebuchet MS,sans-serif;
*/
font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
line-height: 1.6;font-size: 15px;font-weight: 400;color: #555;width: 100%;margin: 0;padding: 0;-webkit-overflow-scrolling: touch;
}


a {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;color: #555;text-decoration: none;}
a:hover {color: #999;border-bottom:dashed 1px #666;}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;padding: 0;color: #1a1a1a;}

ul, ol {padding-left:0;margin-top: 0;margin-bottom: 10px;}
ul ul, ul ol, ol ul, ol ol {padding-left:15px;margin-bottom: 0;}
ul, ol, p {margin: 0 0 10px 0;}
dl {margin-top: 0;margin-bottom: 20px;}

dl dt {color:#2b1211;margin: 0 5px 0 0;font-weight: bold;}
dl dd {margin-left: 0;}
b,strong {font-weight: bold;}
img {border: 0;}



div.wpcf7 input {
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
div.wpcf7 input[type="search"],
div.wpcf7 textarea {
-webkit-appearance: none;-moz-appearance: none;appearance: none;
background-color: #fff;
color: #333;
border: 1px solid #ccc;
padding: 0.3em;
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

div.wpcf7 input[type="tel"] {width:80px;}
div.wpcf7 select {margin-right:10px;}

div.wpcf7-mail-sent-ok {background:#1a1a1a;color:#FFF;border:none;}
div.wpcf7-mail-sent-ng {background:#3D71AA;color:#FFF;border:none;}
div.wpcf7-spam-blocked {background:#1a1a1a;color:#FFF;border:none;}
div.wpcf7-validation-errors {background:#3D71AA;color:#FFF;border:none;}

div.wpcf7 input[type="submit"] {
-webkit-appearance: none;-moz-appearance: none;appearance: none;
background:#1e140a;padding: 0.6em 1.5em;border-radius:2px;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
margin:30px auto;
line-height: 1em;
border:none;
color:#FFF;
}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.pc_only {display: block;}
.sp_only {display: none;}



/* =======================================================
*
* 	Header
*
* ======================================================= */


#header {width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 103;}

#headlink {overflow:hidden;text-align:center;font-family: 'Merriweather', serif;padding:20px 0 0;}
#headlink #toSUsite {position:absolute;top:20px;right:20px;z-index: 100;padding: 0;margin: 0;}
#headlink #toSUsite a:hover {border-bottom:none;opacity:0.5;}
#headlink span {font-style:italic;font-size:11px;line-height:1em;letter-spacing:1px;}

#logo {font-size: 60px;margin:0.2em 0 0 0;padding: 0;font-weight: 700;line-height: 1em;text-align:center;font-family:'Montserrat', sans-serif;letter-spacing:1px;}
#logo a {color: #1a1a1a;letter-spacing: 3px;text-transform: uppercase;}
#logo a:hover {border-bottom:none;opacity:0.5;}

#h_snslink {overflow:hidden;position:absolute;top:108px;left:70%;z-index:100;padding:0;margin:0;width:300px;}
#h_snslink li {float:left;margin:0 0 0 25px;} 
#h_snslink li:nth-child(1),
#h_snslink li:nth-child(2),
#h_snslink li:nth-child(3) {width:18px;}
#h_snslink li:nth-child(4),
#h_snslink li:nth-child(5) {width:40px;}
#h_snslink li img {width:100%;}
#h_snslink li a:hover {border-bottom:none;opacity:0.5;}


/* =======================================================
*
* 	Navigation
*
* ======================================================= */

#nav {width:52em;font-family:'Montserrat', sans-serif;font-weight:700;position:absolute;top:11em;left:50%;margin-left:-26em;}
#nav > a {display: none;}
#nav li {position: relative;}
#nav li a {color: #1a1a1a;display: block;}
#nav li a:active {border-bottom:solid 4px #1a1a1a !important;}
#nav span:after {width: 0;height: 0;border: 0.313em solid transparent; border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em;}

/* first level */
#nav > ul {height:30px;}
#nav > ul > li {width: 14%;height: 100%;float: left;}
#nav > ul > li > a {height: 100%;font-size: 1em;line-height:1.5em; /* 60 (24) */text-align: center;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {border-bottom:solid 4px #1a1a1a;}

/* second level */
#nav li ul {background-color: #cc470d;display: none;position: absolute;top: 100%;}
#nav li:hover ul {display: block;left: 0;right: 0;}
#nav li:not( :first-child ):hover ul {left: -1px;}
#nav li ul a {font-size: 1.25em; /* 20 */border-top: 1px solid #e15a1f;padding: 0.75em; /* 15 (20) */}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {background-color: #e15a1f;}





/* =======================================================
*
* 	Contents
*
* ======================================================= */

#wrapper {position:relative;top:6em;width:100%;overflow: hidden;border-top:solid 1px #1a1a1a;}
#main {position: relative;margin:30px auto 0;}
#main_content {float:left;width:780px;overflow: hidden;margin:0;}

#sidebar {float:right;width:300px;margin:0;overflow:hidden;}

.container {margin-right: auto;margin-left: auto;padding-left: 25px;padding-right: 25px;}
.container:before, .container:after {content: " ";display: table;}
.container:after {clear: both;}

.top_section {clear:both;overflow:hidden;padding:4em 0;}


@media (min-width: 768px) {
.container {width: 880px;}
}
@media (min-width: 992px) {
.container {width: 1100px;}
}
@media (min-width: 1200px) {
.container {width: 1100px;}
}


.row {margin-left: -25px;margin-right: -25px;}
.row:before, .row:after {content: " ";display: table;}
.row:after {clear: both;}


/* 641px以上 */
@media print, screen and (min-width:668px) {
[data-sc-sp] {
display:none!important;}
}
/* 960px以下 */
@media screen and (max-width:667px) {
[data-sc-onlyPc] {
display:none !important;}
}




/* =======================================================
*
* 	Footer
*
* ======================================================= */



#footer {clear:both;position:relative;margin-top:5em; padding: 2em 0 4em 0;width:100%;border-top:solid 1px #1a1a1a;text-align:center;}
#footer address {font-style: normal;font-size: 11px;margin: 20px 0 0;font-family:'Montserrat', sans-serif;font-weight:700;color:#1a1a1a;} 

#f_snslink {overflow:hidden;position:relative;left:50%;padding:0;margin:20px 0 0 -150px;width:300px;}
#f_snslink li {float:left;margin:0 0 0 25px;} 
#f_snslink li:nth-child(1),
#f_snslink li:nth-child(2),
#f_snslink li:nth-child(3) {width:18px;}
#f_snslink li:nth-child(4),
#f_snslink li:nth-child(5) {width:40px;}
#f_snslink li img {width:100%;}
#f_snslink li a:hover {border-bottom:none;opacity:0.5;}

#f_fixbanner {display:none;}



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;position: relative;min-height: 1px;padding-left: 25px;padding-right: 25px;}

.col-xs-1 {width: 8.33333%;}
.col-xs-2 {width: 16.66667%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33333%;}
.col-xs-5 {width: 41.66667%;}
.col-xs-6 {width: 49.2%;}
.col-xs-7 {width: 58.33333%;}
.col-xs-8 {width: 66.66667%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33333%;}
.col-xs-11 {width: 91.66667%;}
.col-xs-12 {width: 100%;}

.font70{font-size:70% !important;}
.font75{font-size:75% !important;}
.font80{font-size:80% !important;}
.font85{font-size:85% !important;}
.font90{font-size:90% !important;}
.font95{font-size:95% !important;}
.font100{font-size:100% !important;}
.font105{font-size:105% !important;}
.font110{font-size:110% !important;}
.font115{font-size:115% !important;}
.font120{font-size:120% !important;}
.font125{font-size:125% !important;}
.font130{font-size:130% !important;}
.font140{font-size:140% !important;}
.font145{font-size:150% !important;}
.font150{font-size:160% !important;}
.font155{font-size:165% !important;}


.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}



/* Image Alignment */
img.align-right {float: right;margin: 0 0 .5em 1em;}
img.align-left {float: left;margin: 0 1em .5em 0;}
img.align-center {display: block;margin-left: auto;margin-right: auto;}
a > img.align-right {float: right;margin: 0 0 .5em 1em;}
a > img.align-left {float: left;margin: 0 1em .5em 0;}
a > img.align-center {display: block;margin-left: auto;margin-right: auto;}


@media screen and (max-width: 480px) {

img.align-right {width: 100%;margin: 0 0 .5em 0;}
img.align-left {width: 100%;margin: 0 0 .5em 0;}
a > img.align-right {width: 100%;margin: 0 0 .5em 0;}
a > img.align-left {width: 100%;margin: 0 0 .5em 0;}

}





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