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

html, body {
  background: #023462; }

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 1.4;
  font-size: 12px;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  min-width: 980px; }

@media screen and (max-width: 740px) {
  body {
    min-width: 320px; } }

input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif; }

strong, b {
  font-weight: bold; }

tr, td, th {
  height: auto; }

a:focus {
  outline: none; }

img {
  /*max-width: 100%;*/ }

/*---clearFix ------------------*/
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* 02.link
----------------------------------------------------------- */
a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.hover-underline-none {
  text-decoration: underline; }

a:hover.hover-underline-none {
  text-decoration: none; }

a:hover.hover-decoration-none {
  text-decoration: none; }

/*////////////////////////////////////////

padding, margin

////////////////////////////////////////*/
/* [ 汎用スタイル：要素間の縦余白 ]
-----------------------*/
.padT-s {
  padding-top: 10px !important; }

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

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

@media screen and (max-width: 740px) {
  .padT-s {
    padding-top: 5px !important; }
  .padT-m {
    padding-top: 10px !important; }
  .padT-l {
    padding-top: 20px !important; } }

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

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

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

@media screen and (max-width: 740px) {
  .padB-s {
    padding-bottom: 5px !important; }
  .padB-m {
    padding-bottom: 10px !important; }
  .padB-l {
    padding-bottom: 20px !important; } }

.padL-s {
  padding-left: 10px !important; }

.padL-m {
  padding-left: 20px !important; }

.padL-l {
  padding-left: 40px !important; }

@media screen and (max-width: 740px) {
  .padL-s {
    padding-left: 5px !important; }
  .padL-m {
    padding-left: 10px !important; }
  .padL-l {
    padding-left: 20px !important; } }

.padR-s {
  padding-right: 10px !important; }

.padR-m {
  padding-right: 20px !important; }

.padR-l {
  padding-right: 40px !important; }

@media screen and (max-width: 740px) {
  .padR-s {
    padding-right: 5px !important; }
  .padR-m {
    padding-right: 10px !important; }
  .padR-l {
    padding-right: 20px !important; } }

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

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

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

@media screen and (max-width: 740px) {
  .marT-s {
    margin-top: 5px !important; }
  .marT-m {
    margin-top: 10px !important; }
  .marT-l {
    margin-top: 20px !important; } }

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

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

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

@media screen and (max-width: 740px) {
  .marB-s {
    margin-bottom: 5px !important; }
  .marB-m {
    margin-bottom: 10px !important; }
  .marB-l {
    margin-bottom: 20px !important; } }

.marL-s {
  margin-left: 10px !important; }

.marL-m {
  margin-left: 20px !important; }

.marL-l {
  margin-left: 40px !important; }

@media screen and (max-width: 740px) {
  .marL-s {
    margin-left: 5px !important; }
  .marL-m {
    margin-left: 10px !important; }
  .marL-l {
    margin-left: 20px !important; } }

.marR-s {
  margin-right: 10px !important; }

.marR-m {
  margin-right: 20px !important; }

.marR-l {
  margin-right: 40px !important; }

@media screen and (max-width: 740px) {
  .marR-s {
    margin-right: 5px !important; }
  .marR-m {
    margin-right: 10px !important; }
  .marR-l {
    margin-right: 20px !important; } }

/* [ 汎用スタイル：要素間の縦余白＋区切り線つき ]
-----------------------*/
.padT-s--border {
  padding-top: 10px !important;
  margin-top: 10px !important;
  border-top: 1px solid; }

.padT-m--border {
  padding-top: 20px !important;
  margin-top: 20px !important;
  border-top: 1px solid; }

.padT-l--border {
  padding-top: 40px !important;
  margin-top: 40px !important;
  border-top: 1px solid; }

@media screen and (max-width: 740px) {
  .padT-s--border {
    padding-top: 5px !important;
    margin-top: 5px !important; }
  .padT-m--border {
    padding-top: 10px !important;
    margin-top: 10px !important; }
  .padT-l--border {
    padding-top: 20px !important;
    margin-top: 20px !important; } }

/* [ 揃え ]
-----------------------*/
.align-center {
  text-align: center !important; }

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

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

.only-sp {
  display: none; }

@media screen and (max-width: 740px) {
  .only-pc {
    display: none; }
  .only-sp {
    display: inline-block; } }

.clear-both {
  clear: both !important; }

.clear-none {
  clear: none !important; }

.red {
  color: #CC0000; }

@media screen and (max-width: 740px) {
  #tpl-header-navi {
    display: none; } }

.tpl-inner-wrap {
  max-width: 980px;
  width: auto;
  margin: 0 auto;
  clear: both; }

@media screen and (max-width: 740px) {
  tpl-inner-wrap {
    max-width: 740px; } }

/* #tpl-topicpath
----------------------------------------------------------- */
#tpl-topicpath {
  width: 100%; }
  #tpl-topicpath ul {
    overflow: hidden;
    padding: 10px 0; }
  #tpl-topicpath li {
    float: left;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0; }
  #tpl-topicpath li.last {
    background: none; }
  #tpl-topicpath a {
    line-height: 1; }

@media only screen and (max-width: 740px) {
  #tpl-topicpath {
    width: auto;
    padding: 0 10px; }
    #tpl-topicpath li {
      display: none; }
    #tpl-topicpath li.is-parent {
      display: inline-block;
      background: none;
      padding-right: 0; }
    #tpl-topicpath li.is-parent a {
      line-height: 1;
      padding: 0 0 0 10px;
      margin: 0; }
    #tpl-topicpath li.last {
      display: inline-block;
      padding: 0 0 0 15px;
      margin: 0; } }

@media screen and (max-width: 740px) {
  #tpl-category-visual .pic img {
    width: 100%; } }

/* #tpl-footer-address
----------------------------------------------------------- */
#tpl-footer-address {
  clear: both;
  background: #000;
  color: #FFF; }

@media screen and (max-width: 740px) {
  #tpl-footer-address {
    border-bottom: 1px solid #436787; } }

#tpl-footer-address .tpl-inner-wrap {
  padding: 10px 0;
  overflow: hidden; }

#tpl-footer-address ul {
  float: left;
  letter-spacing: -0.4em; }

@media screen and (max-width: 740px) {
  #tpl-footer-address ul {
    display: none; } }

#tpl-footer-address li {
  padding: 0 30px 0 0;
  letter-spacing: normal;
  display: inline-block; }

#tpl-footer-address li a {
  color: #FFF;
  padding: 0 0 0 10px;
  background: url(/shoto/asset/icon_cursor_white.png) no-repeat left center;
  font-size: 14px; }

#tpl-footer-address address {
  float: right;
  display: inline-block;
  font-size: 14px; }

@media screen and (max-width: 740px) {
  #tpl-footer-address address {
    float: none;
    font-size: 12px;
    display: block;
    text-align: center; } }

/* #tpl-footer
----------------------------------------------------------- */
#tpl-footer {
  clear: both;
  /* #tpl-footer-global
	-----------------------*/
  /* .global-02
		-----------------------*/ }
  #tpl-footer #tpl-footer-global a {
    color: #FFF;
    line-height: 1; }
  #tpl-footer #tpl-footer-global ul {
    letter-spacing: -0.4em; }
  #tpl-footer #tpl-footer-global li {
    display: inline-block;
    letter-spacing: normal; }
  #tpl-footer #tpl-footer-global .tpl-inner-wrap {
    background: none;
    padding: 10px 0; }
  #tpl-footer #tpl-footer-global .global-02 {
    width: 980px;
    margin: 0 auto;
    color: #FFF;
    padding: 25px 0;
    text-align: center;
    font-size: 13px; }
  @media screen and (max-width: 740px) {
    #tpl-footer #tpl-footer-global .global-02 {
      width: auto; } }
  #tpl-footer #tpl-footer-global .global-02 .inner-list-01 {
    padding: 0 0 35px; }
  #tpl-footer #tpl-footer-global .global-02 .inner-list-01 li {
    padding: 0 15px; }
  @media screen and (max-width: 740px) {
    #tpl-footer #tpl-footer-global .global-02 .inner-list-01 li {
      padding: 0 15px 15px; }
    #tpl-footer #tpl-footer-global .global-02 .inner-list-01 li.btn-wide {
      clear: both;
      width: 90%;
      padding-right: 0; } }
  #tpl-footer #tpl-footer-global .global-02 .inner-list-02 {
    padding: 0 0 25px; }
  #tpl-footer #tpl-footer-global .global-02 .inner-list-02 li {
    padding: 0 9px; }
  #tpl-footer #tpl-footer-global .global-02 .inner-list-02 li:first-child {
    border-right: 1px solid #FFF; }
  #tpl-footer #tpl-footer-global .global-02 .icon-blank {
    background: url(/shoto/asset/icon_blank.png) no-repeat !important; }