@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
 font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  color: #6A3E2C;
}
body.site-overflow {
  overflow-x: hidden;
  width: 100%;
}

a {
  color: #1E8213;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:focus, a:active {
  color: #E0692F;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 30px;
}

p {
  margin-bottom: 30px;
  letter-spacing: 0.02em;
}



.site-page {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}

/*---  京丹波マルシェTOP   ----*/

#site-home {
background-image: url("../img/top_bg.jpg");
}	
	

#site-home {
  min-height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center bottom!important;
  -webkit-box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
  box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
  position: relative;
}
#site-home > .container {
  position: relative;
  z-index: 2;
}
#site-home .site-copy {
  display: table;
  width: 100%;
}
#site-home .site-copy-inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#site-home .site-copy-inner h1, #site-home .site-copy-inner h2 {
  margin: 0;
  padding: 0;
}

#site-home .site-copy-inner img {
   filter: drop-shadow(5px 5px 5px #fff);
}
#site-home .site-copy-inner a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#site-home .site-copy-inner a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

.toplogo-img{
	max-width: 600px;
}
.toplogo-img2{
	max-width: 210px;
}

@media screen and (max-width: 620px) {
 .toplogo-img{
	max-width: 80%;
} 
.toplogo-img2{
	max-width: 210px;
}
 }   
@media screen and (max-width: 428px) {
#site-home {
background-image: url("../img/top_bg428.jpg");
}	
	
 .toplogo-img{
	max-width: 350px;
} 
.toplogo-img2{
	max-width: 210px;
}
}   

@media screen and (max-width: 414px) {
#site-home .site-copy-inner h1 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  filter: drop-shadow(5px 5px 5px #eee);
	margin-top: 20px;
}
#site-home .site-copy-inner h2 {
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}
.toplogo-img{
	max-width: 280px;
}
.toplogo-img2{
	max-width: 210px;
}
}

.site-main-nav {
  position: relative;
  background: #C78BB1;
}
.site-main-nav.site-shadow {
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
}
.site-main-nav .site-menu-1 {
  vertical-align: middle;
  float: left;
  line-height: 0;
}
.site-main-nav .site-menu-1 a {
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  padding: 35px 0;
  margin-right: 30px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  font-weight: 400;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.site-main-nav .site-menu-1 a:hover, .site-main-nav .site-menu-1 a:focus, .site-main-nav .site-menu-1 a:active {
  outline: none;
  text-decoration: none;
}
.site-main-nav .site-menu-1 a.active {
  font-weight: 400;
  color: #f7f59c;
}
.site-main-nav .site-menu-1 {
  width: 100%;
}
.site-main-nav .site-menu-1 a {
  vertical-align: middle;
}
.site-main-nav .site-logo {
  text-align: center;
  width: 19.33%;
  font-size: 40px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.site-main-nav .site-logo a {
  position: relative;
  top: -5px;
  display: inline-block;
}
.site-main-nav .site-menu-2 {
  text-align: left;
  width: 40.33%;
}

.site-heading .heading {
  font-size: 50px;
  font-style: italic;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
.site-main-nav .site-menu-1 a {
  padding: 35px 0;
  margin-right: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 400;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
}

@media screen and (max-width: 768px) {
  .site-heading .heading {
    font-size: 30px;
  }
}
.site-heading .heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 2px;
  left: 50%;
  background: #fb6e14;
  margin-left: -20px;
}
.site-heading .sub-heading {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .site-heading .sub-heading {
    font-size: 18px;
  }
}


/* 京丹波マルシェとは？　*/

#kyotamba-marche{
    padding: 4em 0 3em 0;  
}
#kyotamba-marche h3{
    text-align: center;  
}
#kyotamba-marche p{
padding: 0 20px; 
}


/*LINEスタンプラリー　*/
#line-stamp{
padding: 7em 0 5em 0;
background: url("../img/bg-tree.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}
#line-stamp h3{
text-align: center;
line-height: 1.3;
letter-spacing: 0.05em;
font-weight: bold;
}
#line-stamp p{
text-align: center;
}


.plan1 {
font-family: 'Arial Black','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.plan1 dl dt {
font-size: 25px;
font-weight: 500;
color: #532d15;
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
width: 100%;
white-space: nowrap;
text-align: center;
}
.plan1 dl dd {
  font-size: 30px;
  font-weight: 800;
  color: #532d15;
}
dl dd .em {
  font-size: 60px;
}
dl.period dd {
  text-align: center;
}

.plan1 dd {
  text-align: center;
}

.place {
  margin-top: 30px;
}
dl.place dd {
  font-size: 40px;
}

@media screen and (max-width: 810px) {
#line-stamp{
margin-top: 5em;
padding: 7em 0 3em 0;
background: url("../img/bg-tree_tb.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}
}

@media screen and (max-width: 428px) {
#kyotamba-marche{
    padding: 4em 0 0 0;  
}
#kyotamba-marche p {
  padding: 0;
  line-height: 1.6;
}
#line-stamp{
margin-top: 3em;
padding: 7em 0 3em 0;
background: url("../img/bg-tree_sp.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}

.plan1 dl dd {
  font-size: 25px;
  font-weight: 800;
  color: #532d15;
}
}


/*イベントマルシェ　*/
#event-marche{
padding: 7em 0 5em 0;
background: url("../img/bg-event.png");
background-repeat: repeat-y;
background-blend-mode:lighten;
background-position: center center;
background-size:  90%;
background-color: #DBEAF0;

}
#event-marche h3{
text-align: center;
line-height: 1.3; 
letter-spacing: 0.05em;
font-weight: bold;
}
#event-marche p{
text-align: center;
}


@media screen and (max-width: 428px) {
    
    
 }
   
    
/*****/

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 145, 55, 0.85);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 50px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}



.site-heading {
  margin-bottom: 30px;
}
.site-heading h2 {
  font-size: 25px;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  padding: 15px;
  margin-bottom: 3em;
background-color: #6A3E2C;
    border-radius: 50px;
    text-align: center;
}

.site-heading p {
  font-size: 16px;
}

.site-heading2 {
  margin-bottom: 30px;
}
.site-heading2 h2 {
  font-size: 25px;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
  color: #6A3E2C;
  padding: 15px;
  margin-bottom: 3em;
background-color: #fff;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #eee;
}

.site-heading2 p {
  font-size: 16px;
}

.site-heading3 {
  margin-bottom: 30px;
}
.site-heading3 h2 {
  font-size: 25px;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
  color: #6A3E2C;
  padding: 15px;
margin-bottom: 2.5em;
background-color: #fff;
    border-radius: 50px;
    text-align: center;
    border: 2px solid #6A3E2C;
}
.site-heading3 h3 {
  font-size: 25px;
font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #6A3E2C;
  margin-bottom: 1em;
    text-align: center;
}
.site-heading3 h4 {
    text-align: center;
 }   
.site-heading3 p {
  font-size: 16px;
text-align: center;
}


@media screen and (max-width: 768px) {
.site-heading h2 {
  font-size: 20px;
}
.site-heading2 h2 {
  font-size: 20px;
}
  #site-team {
    padding: 3em 0;
  }
}

@media screen and (max-width: 420px) {
    .site-heading3 h2{
  font-size: 20px;   
    }
.site-heading h3 {
  font-size: 21px;
}
.site-heading2 h3 {
  font-size: 18px;
}
}


#site-contact {
  padding: 7em 0;
}

#site-contact h4 {
  font-size: 23px;
}

#site-contact p {
  color: #282828;
  font-size: 23px;
margin-bottom: 15px;
}

#site-contact ul {
    list-style: none;
  width: 100%;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}

#site-contact ul li {
font-size: 20px;
font-weight: 400;
margin: 2px 12px;
letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  #site-contact {
    padding: 3em 0;
  }
}
@media screen and (max-width: 420px) {
#site-contact h4 {
  font-size: 20px;
}
#site-contact ul li {
  font-size: 18px;
  font-weight: 400;
  margin: 2px 12px;
  letter-spacing: 0.05em;
}
    
}

#site-contact .form-control {
  border: none;
  box-shadow: none;
  border: 1px solid #E8ECF1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#site-contact .form-control:active, #site-contact .form-control:focus {
  border-bottom: 1px solid #D4BC38;
}


/*---　footer ----*/
#site-footer{
padding: 5.5em 0 10px 0;
background: url("../img/bg-tree.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}

#site-footer a {
  color: #6A3E2C;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#site-footer a:hover, a:focus, a:active {
  color: #E0692F;
}

#site-footer p {
      letter-spacing: 0.05em;
}




#site-footer p:last-child {
  margin-bottom: 0;
}
#site-footer .site-social {
  float: right;
  text-align: left;
}

@media screen and (max-width: 991px) {
#site-footer .site-social {
  float: left;
  text-align: left;
}
#site-footer ul.site-social {
padding-left: 0;  
}
    
#site-footer{
padding: 3.5em 0 10px 0;
background: url("../img/bg-tree.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}
}

@media screen and (max-width: 768px) {
  #site-footer {
    padding: 3em 0;
  }
}



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

#site-footer{
margin-top: 0;
padding: 4em 0 .6em 0;
background: url("../img/bg-tree_sp.jpg");
background-repeat: repeat-x;
background-position: left top;
background-size:  contain; 
background-color: #FBE886;
}
}


#site-footer .site-social li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#site-footer .site-social li a {
  padding: 0 10px;
}
#site-footer .site-social li a i {
  font-size: 18px;
}
#site-footer .site-social li a:hover, #site-footer .site-social li a:focus, #site-footer .site-social li a:active {
  text-decoration: none;
  outline: none;
}

@media screen and (max-width: 414px) {
  #site-footer .site-social {
    text-align: center;
      float: none;
  }
.site-social {
  padding-left: 0!important;
  margin-left: 0!important;
  margin-top: 1em;
}

#site-footer .site-social li a i {
  font-size: 25px;
}
  #site-footer p {
text-align: center;
  }
}


#site-container {
  background: #fff;
}

#site-offcanvas, #site-container, .site-nav-toggle, #site-footer {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#site-container, .site-nav-toggle, #site-footer {
  z-index: 2;
  position: relative;
}

#site-offcanvas {
  display: block;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  width: 275px;
  background: rgb(227, 119, 40);
  padding: 0.75em 1.25em;
  -moz-transform: translateX(-275px);
  -webkit-transform: translateX(-275px);
  -ms-transform: translateX(-275px);
  -o-transform: translateX(-275px);
  transform: translateX(-275px);
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
    font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Yu Gothic UI',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
    letter-spacing: 0.05em;
}
#site-offcanvas a {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 5px 0;
}
#site-offcanvas a:hover, #site-offcanvas a:focus, #site-offcanvas a:active {
  outline: none;
  text-decoration: none;
  color: #D4BC38;
}
#site-offcanvas a.active {
  color: #f7efae;
}
@media screen and (max-width: 768px) {
  #site-offcanvas {
    display: block;
  }
}
.offcanvas-visible #site-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  #site-container, #site-footer, .site-nav-toggle {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.offcanvas-visible #site-container, .offcanvas-visible #site-footer, .offcanvas-visible .site-nav-toggle {
  -moz-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  -o-transform: translateX(275px);
  transform: translateX(275px);
}

.js-sticky {
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .js-sticky {
    display: none;
  }
}

.site-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.site-nav-toggle.active i::before, .site-nav-toggle.active i::after {
  background: #fff;
}
.site-nav-toggle:hover, .site-nav-toggle:focus, .site-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.site-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #fff;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #fff;
  transition: all .2s ease-out;
}
.site-nav-toggle i::before, .site-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.site-nav-toggle i::before {
  top: -7px;
}

.site-nav-toggle i::after {
  bottom: -7px;
}

.site-nav-toggle:hover i::before {
  top: -10px;
}

.site-nav-toggle:hover i::after {
  bottom: -10px;
}

.site-nav-toggle.active i {
  background: transparent;
}

.site-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.site-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.site-nav-toggle {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  background: rgb(0, 145, 55);
  padding: 0px 10px 10px 10px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .site-nav-toggle {
    display: block;
  }
}

.row-padded {
  padding-bottom: 40px;
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
  border: 10px solid red;
}

.site-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/preloader.gif) center no-repeat #fff;
}

/*------------------------------------------------------
　　　　　　　　　＊ MARGIN　＊
-------------------------------------------------------*/
.m_0 {margin: 0px !important;}
.m_10 {margin: 10px !important;}
.m_b5 {margin-bottom: 5px !important;}
.m_b10 {margin-bottom: 10px !important;}
.m_b15 {margin-bottom: 15px !important;}
.m_b20 {margin-bottom: 20px !important;}
.m_b25 {margin-bottom: 25px !important;}
.m_b30 {margin-bottom: 30px !important;}
.m_b35 {margin-bottom: 35px !important;}
.m_b40 {margin-bottom: 40px !important;}
.m_b50 {margin-bottom: 50px !important;}
.m_b60 {margin-bottom: 60px !important;}
.m_b70 {margin-bottom: 70px !important;}
.m_b80 {margin-bottom: 80px !important;}
.m_b90 {margin-bottom: 90px !important;}

.m_l5 {margin-left: 5px !important;}
.m_l10 {margin-left: 10px !important;}
.m_l15 {margin-left: 15px !important;}
.m_l20 {margin-left: 20px !important;}
.m_l25 {margin-left: 25px !important;}
.m_l30 {margin-left: 30px !important;}
.m_l35 {margin-left: 35px !important;}
.m_l40 {margin-left: 40px !important;}
.m_l60 {margin-left: 60px !important;}

.m_lr10 {margin: 0 10px !important;}
.m_lr20 {margin: 0 20px !important;}
.m_lrtb10 {margin: 10px 10px !important;}

.m_r5 {margin-right: 5px !important;}
.m_r10 {margin-right: 10px !important;}
.m_r15 {margin-right: 15px !important;}

.m_t5 {margin-top: 5px !important;}
.m_t10 {margin-top: 10px !important;}
.m_t12 {margin-top: 12px !important;}
.m_t15 {margin-top: 15px !important;}
.m_t20 {margin-top: 20px !important;}
.m_t30 {margin-top: 30px !important;}
.m_t40 {margin-top: 40px !important;}
.m_t50 {margin-top: 50px !important;}
.m_t5em {margin-top: 5em !important;}


/*------------------------------------------------------
　　　　　　　　　＊ PADDING　＊
-------------------------------------------------------*/
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p_l5 {padding-left: 5px !important;}
.p_lr5 {padding: 0px 5px 0px 5px !important;}
.p_lr10 {
	padding-right: 10px;
	padding-left: 10px !important;}
.p_lr15 {
	padding-right: 15px;
	padding-left: 15px !important;}
.p_lr25 {
	padding-right: 25px;
	padding-left: 25px !important;}
.p_l10{
	padding-left: 25px !important;}

.p_t5 {padding-top: 5px !important;}
.p_t2em {padding-top: 2em !important;}
.p_t3em {padding-top: 3em !important;}
.p_t5em {padding-top: 5em !important;}

.p_r5 {padding-right: 5px !important;}
.p_t25 {padding-top: 25px !important;}
.p_t35 {padding-top: 35px !important;}
.p_b10 {padding-bottom: 10px !important;}
.p_b20 {padding-bottom: 20px !important;}
.p_b30 {padding-bottom: 30px !important;}

@media screen and (max-width: 414px){
.p_t5em {padding-top: 3em !important;}	
}

/*------------------------------------------------------
　　　　　　　　　＊ FONT&TEXT　＊
-------------------------------------------------------*/
.f_bold {font-weight: bold !important;}
.f_line a{ text-decoration:underline !important;}

.f_gr {color: #5A5A5A !important;}
.f_gr2 {color: #989696 !important;}
.f_red {color: #DD0000 !important;}
.f_red2 {color: #EC3400 !important;}
.f_white {color: #FFFFFF !important;}
.f_gold {color: #868052 !important;}
.f_orange {color: #EE7332 !important;}
.f_green {color: #03a24a !important;}
.f_blue {color: #1d70b7 !important;}


.f_s10 {font-size: 77% !important;}
.f_s11 {font-size: 85% !important;}
.f_s12 {font-size: 93% !important;}
.f_s13 {font-size: 100% !important;}
.f_s14 {font-size: 108% !important;}
.f_s14 a {font-size: 108% !important;}
.f_s15 {font-size: 116% !important;}
.f_s15 a {font-size: 116% !important;}
.f_s16 {font-size: 124% !important;}
.f_s16 a {font-size: 124% !important;}
.f_s17 a {font-size: 124% !important;}
.f_s17 {font-size: 131% !important;}
.f_s18 {font-size: 139% !important;}
.f_s19 {font-size: 147% !important;}
.f_s20 {font-size: 154% !important;}
.f_s21 {font-size: 162% !important;}
.f_s22 {font-size: 170% !important;}
.f_s23 {font-size: 177% !important;}
.f_s24 {font-size: 185% !important;}
.f_s25 {font-size: 193% !important;}

.f_s16res {font-size: 170% !important;}
.f_s20res {font-size: 154% !important;}
@media screen and (max-width: 360px){
.f_s20res {font-size: 134% !important;}
}

@media screen and (max-width: 1199px){
.f_s16res {font-size: 154% !important;}
}
@media screen and (max-width: 991px){
.f_s16res {font-size: 112% !important;}
}
@media screen and (max-width: 414px){
.f_s16res {font-size: 154% !important;}
.f_s18 {font-size: 110% !important;}
}
@media screen and (max-width: 320px){
.f_s18 {font-size: 100% !important;}
}

.f_lh100 {line-height: 1.0;}
.f_lh150 {line-height: 1.5;}
.f_lh200 {line-height: 2.0;}
.f_lh250 {line-height: 2.5;}


.t-a_right {text-align: right;}
.t-a_center {text-align: center;}

@media only screen and (min-width:320px) and (max-width:414px) {
	.t-a_center {text-align: left;}
	.t-a_right {text-align: left;}
}

/* -------------------------------- 
　横幅指定
-------------------------------- */

.max600 {
width: 100%;
max-width: 600px;
margin:0px auto;
}

.max900 {
width: 100%;
max-width: 900px;
margin:0px auto;
}

.max1000 {
width: 100%;
max-width: 1000px;
margin:0px auto;
}

.max1105 {
width: 100%;
max-width: 1105px;
margin:0px auto;
}

.max1170 {
width: 100%;
max-width: 1170px;
margin:0px auto;
}