@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
html { font-size: 62.5%;}
body {
  line-height: 1.6;
  color: #000;
  font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
body {
  line-height: 1.6;
  color: #000;
  font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
}
}
body, input, textarea, select, button {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 明朝フォント
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th,
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #000;
  text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: underline;}
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body { text-align: center;}
/* ==========================================================
 wrapper
========================================================== */
.wrapper {
  width: 100%;
}
/* ==========================================================
 header
========================================================== */
.header {
  width: 100%;
	background: url(../../common/img/bg_pattern_01.jpg) repeat;
	text-align:left;
}
  .header-in {
    text-align: left;
  }
	.mainimg {
		min-width: 900px;
		width: 100%;
		margin: 60px 0 33px 0;
        position: relative;
	}
		.mainimg img {
			width: 100%;
			padding: 13px 10px 0;
		}
	.ttl_mainimg {
		padding-bottom: 40px;
	}
  .header-logo {
		text-align: center;
  }
  .header-utility {
  }
    .header-search {
    }
    .header-links {
    }
      .header-links li {
      }
@media screen and (max-width: 767px) {
	.mainimg {
		min-width: 100%;
		width: 100%;
		padding-top: 8px;
		margin: 96px 0 23px 0;
	}
	.ttl_mainimg {
		padding-bottom: 22px;
	}
  .header-logo {
		text-align: left;
		text-indent: 5px;
      padding-top: 7px;
  }
}
/* ==========================================================
 nav-global
========================================================== */
.sec-cmn-01 {
	/*background: url(../../common/img/bg_pattern_01.jpg) repeat;*/
}
.nav-cmn-in {
	width: 100%;
	height: 60px;
	position: fixed;
	background-color:#ddaeae;
	top: 0;
	z-index: 9999;
}
.logo-center {
    margin: 0 auto;
    /*max-width: 1370px;*/
    max-width: 1158px;
    display: flex;
    display:table;
    width: 100%;
}
.nav-cmn-in .logo-in {
    padding-top: 16px;
    display: table-cell;
    width: 32%;
}
.nav-cmn-in .nav-in {
    padding-top: 16px;
    display:table-cell;
    width: 65%;
}
.nav-cmn-in .nav-in .nav-global {
    width: 100%;
    /*display:table;*/
    text-align:left;
    display: flex;
    justify-content: space-between;
}
/*.nav-cmn-in .nav-in .nav-global span {
    display:table-cell;
}*/
.nav-cmn-in .nav-in .nav-global span a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
/*.nav-cmn-in .nav-in .nav-global .nav01 {
    width: 11%;
    min-width: 110px;
}
.nav-cmn-in .nav-in .nav-global .nav02 {
    width: 11%;
    min-width: 110px;
}
.nav-cmn-in .nav-in .nav-global .nav03 {
    width: 10%;
    min-width: 155px;
}
.nav-cmn-in .nav-in .nav-global .nav04 {
    width: 19%;
}
.nav-cmn-in .nav-in .nav-global .nav05 {
    width: 10%;
    min-width: 190px;
}*/
@media screen and (max-width: 767px) {
    .nav-cmn-in {
        height: 86px;
        position: fixed;
        /*display:table;
        background-color:#D6C3CF;*/
        /*width: 100%;
        overflow: hidden;
        *zoom: 1;*/
        top:0;
        background-color:#ddaeae;
        width: 100%;
    }
    .logo-center {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding: 0 3%;
        /*display: table;*/
        /*overflow: hidden;
        *zoom: 1;*/
	}
  .nav-cmn-in .logo-in {
    padding-top: 8px;
    display: block;
    width: 30%;
  }
  .nav-cmn-in .nav-in {
    padding-top: 21px;
    display: block;
    width: 70%;
    /*width: 215px;
    float:left;*/
  }
    .nav-cmn-in .nav-in .nav-global {
        width: 100%;
        /*display: block;
        text-align:left;
        overflow: visible;*/
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .nav-cmn-in .nav-in .nav-global span {
        margin-bottom: 7px;
        display: block;
        float: none;
        width: auto;
    }
    .nav-cmn-in .nav-in .nav-global span img {
        width: auto;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }
    .nav-cmn-in .nav-in .nav-global .nav01 {
        width: 22%;
        margin-right: 6%;
        min-width: auto;
    }
    .nav-cmn-in .nav-in .nav-global .nav02 {
        width: 22%;
        min-width: auto;
    }
    .nav-cmn-in .nav-in .nav-global .nav03 {
        width: 34%;
        margin-right: 5.5%;
        min-width: auto;
    }
    .nav-cmn-in .nav-in .nav-global .nav04 {
        width: 19%;
        margin-right: 11.5%;
        min-width: auto;
    }
    .nav-cmn-in .nav-in .nav-global .nav05 {
        width: 45%;
        margin-right: 5%;
        min-width: auto;
    }
    .nav-cmn-in .nav-in .nav-global .nav06 {
        width: 22.5%;
        margin-right: 7.5%;
    }
    /*.nav-cmn-in .nav-in .nav-global .nav01 {
        float:left;
        width: 75px;
        min-width: 75px;
    }
    .nav-cmn-in .nav-in .nav-global .nav02 {
        float:left;
        clear: left;
        width: 90px;
        min-width: 90px;
        margin-left: -75px;
    }
    .nav-cmn-in .nav-in .nav-global .nav03 {
        float: left;
        width: 115px;
        min-width: 115px;
    }
    .nav-cmn-in .nav-in .nav-global .nav04 {
        float:left;
        width: 62px;
    }
    .nav-cmn-in .nav-in .nav-global .nav05 {
        float: left;
        width: 140px;
        min-width: 140px;
    }*/
}
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
  .nav-local li {
  }
    .nav-local li a {
    }
    .nav-local li a:hover {
    }
/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  width: 960px;
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
}
  .nav-breadcrumb li {
    float: left;
    white-space: nowrap;
  }
  .nav-breadcrumb li.home {
  }
    .nav-breadcrumb li a {
    }
/* ==========================================================
 contents
========================================================== */
.contents {
	text-align: left;
}
.contents-main {
	padding: 41px 0 0 0;
	margin: 0 auto;
	width: 900px;
}
.contents-sub {
}
@media screen and (max-width: 767px) {
.contents-main {
	padding: 41px 0 0 0;
	margin: 0 auto;
	width: 100%;
}
}
/* ==========================================================
 footer
========================================================== */
.footer {
    width: 100%;
    background-color:#e0cdcd;
}
.footer-in {
    padding: 19px 0 127px 0;
    overflow: hidden;
}
.footer-utility {
    padding-left: 40px;
    text-align: left;
    display:table;
    float:left;
}
.logo-footer {
    display:table-cell;
    vertical-align: middle;
}
.footer-copyright {
    padding-left: 16px;
    display:table-cell;
    vertical-align: middle;
    line-height: 1;
}
.footer-links {
    padding: 4px 32px 0 0;
    text-align:right;
    float:right;
}
.footer-links li {
    display:inline-block;
}
.footer-links li a {
    font-size: 1.1rem;
    line-height: 1;
}
.footer-links li a:hover {
    text-decoration:none;
    color:#CC9DB9;
}
.footer-links li span {
    margin: 0 0 0 6px;
    font-size: 1rem;
}
@media screen and (max-width: 767px) {
    .footer {
        width: 100%;
        background-color:#FFF;
    }
	.footer-in {
		padding: 19px 0 91px 0;
		overflow: hidden;
	}
    .footer-utility {
        padding-left: 0;
        text-align: center;
        display: block;
        float: none;
        background-color: #e0cdcd;
        padding: 20px 0 10px;
    }
			.logo-footer {
				margin-bottom: 10px;
				display: block;
				vertical-align: middle;
			}
			.footer-copyright {
				width: 100%;
				padding-left: 0;
				display: block;
				vertical-align: middle;
				line-height: 1;
				text-align:center;
			}
		.footer-links {
			margin-bottom: 10px;
			padding: 0;
			text-align: center;
			float: none;
		}
			.footer-links li {
				display:inline-block;
			}
				.footer-links li a {
					font-size: 1.1rem;
					line-height: 1;
				}
					.footer-links li a:hover {
						text-decoration:none;
						color:#F05675;
					}
					.footer-links li a span {
						margin-left: 2px;
					}
}
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
  .grid-cmn > .col {
  }
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
}
/* section last margin */
section:last-of-type {
  margin-bottom: 0;
}
/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn {
}
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
}
/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {
}
/* ==========================================================
 list
========================================================== */
/* list-cmn
---------------------------------------------------------- */
.list-cmn {
}
  .list-cmn li {
  }
/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
}
  .table-cmn th,
  .table-cmn td {
  }
  .table-cmn th {
  }
  .table-cmn td {
  }
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
  text-align: right;
}
/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="text"] {
}
/* type="checkbox" */
input[type="checkbox"] {
}
/* type="radio" */
input[type="radio"] {
}
/* select */
select {
}
/* textarea */
textarea {
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
}
/* css animation 
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.wMax {width: 100%;}
.only-pc {}
.only-tb,
.only-sp,
.no-pc { display: none !important;}
.no-tb {}
.no-sp {}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.wMax {width: 100%;}
.only-pc,
.no-sp,   
.only-tb,
img.only-tb  { display: none !important;}
.only-sp,
.no-pc,
.no-tb     { display: block !important;}
img.only-sp,
img.no-pc,
img.no-tb  { display: inline-block !important;}
}
/* ==========================================================
 tool
========================================================== */
.atode { padding: 10px; border: 2px solid #8c0000; background-color: #ff4d4d; color: #fff; font-size: 30px; text-align: center;}



/* ==========================================================
panch add 160301
========================================================== */
.footer_no{
    font-size: 1rem;
	text-align:left;
    padding-top: 14px;
	/*margin-bottom: 14px;*/
	padding-left: 40px;
    clear: both;
}

.footer_no_sp{
    font-size: 1rem;
	text-align:center;
	/*margin-bottom: 7px;*/
    padding-top: 7px;
}

/*　アドシン追記　200924　*/
@media screen and (max-width: 767px) {
    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #CACACA !important;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #CC9DB9 !important;
    }
}