/*
Theme Name: kokubo
Author: kokubo
Theme URI: https://kokubo-photocontest.com
Author URI: https://kokubo-photocontest.com
*/



body {
    display: block;
    margin: 0px;
	
}

p{
	font-size: 15px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #3e3a39;
    font-family: 'Kiwi Maru', serif;
}
a{
	color: #3e3a39 !important;
}

.m-t-10{
	margin-top:10px;
}
.m-t-20{
	margin-top:20px;
}

.m-t-30{
	margin-top:30px;
}

.m-t-40{
	margin-top:40px;
}
.m-t-50{
	margin-top:50px;
}

.m-t-85{
	margin-top:85px;
}

.m-b-85{
	margin-bottom:85px;
}

.m-b-0{
	margin-bottom:0px !important;
}
.m-b-20{
	margin-bottom:20px !important;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-30{
	margin-bottom:30px;
}
.m-b-50{
	margin-bottom:50px;
}
.m-b-01{
	    margin-bottom: 3px;
}
.p-0{
	padding:0px;
}

.fw-b{
	font-weight:bold;
}

.p-tb{
	padding:10px 0;
}

.p-b-10{
	padding-bottom:10px;
}

.p-b-20{
	padding-bottom:20px;
}

.p-t-10{
	padding-top:10px;
}

.p-t-20{
	padding-top:20px;
}

.p-t-30{
	padding-top:30px;
}

.p-b-30{
	padding-bottom:30px;
}

.p-md{
	padding:20px 0;
}
.p-menu{
	padding: 2px !important;
}

.center{
	text-align:center;
}
	
@media screen and (min-width: 767px){
.pc-none{
	display:none !important;
}

}

@media screen and (max-width: 767px){
.sp-none{
	display:none !important;
}

}


/* ---------------レスポンシブ--------------- */

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------トップ--------------- */
h1{
	margin: 0px !important;
}
h2{
	text-align: center;
	color: #004e6d;
	 font-weight: bold !important;
    margin-bottom: 30px !important;
	letter-spacing: 3px;
	margin-top: 50px !important;
}
.bg-color{
	background-color: #6cbf8a;
	padding: 50px 0px;
}
@media screen and (max-width: 767px){
	.bg-color2{
	background-color: #ffffff;
	border-radius:30px;
	padding: 50px 30px;
	margin-bottom: 30px;
}
}
@media screen and (min-width: 767px){
.bg-color2{
	background-color: #ffffff;
	border-radius:30px;
	padding: 50px 150px;
	margin-bottom: 50px;
}
}
.bg-color3{
	background-color: #ffffff;
}
.txt01{
	color: #eb5c22;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
}
.btn01{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    margin: 10px;
    padding:0.3rem 2rem 0.3rem 2rem;
    font-weight: bold;
    background: #459fce;
    color: #fff !important;
    border-radius: 30px;
	font-family: 'Kiwi Maru', serif;
	margin-bottom: 30px;
}
.btn02{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding:0.3rem 2rem 0.3rem 2rem;
    font-weight: bold;
    background: #fbd79e;
    color: #231815 !important;
    border-radius: 30px;
	font-family: 'Kiwi Maru', serif;
	margin-top: 10px;
}
.f-00{
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 20px;
	padding-top: 30px;
}
.f-01{
	font-size: 13px;
}
.f-02{
	font-size: 20px;
	margin-top: 10px;
}
.f-02 span{
	font-size: 13px;
	letter-spacing: 0px;
}
.f-03 a{
	font-size: 13px;
	color: #231815 !important;
}

.ribbon {
  display: inline-block;
  position: relative;
  line-height: 80px;/*リボンの高さ*/
  text-align: center;
  font-size: 1.8rem;
  color: #FFF;/*文字色*/
  box-sizing: border-box;
	width: 100%;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-family: "Stick", sans-serif;
}
.ri2{
	line-height: 32px !important;
    height: 80px !important;
    padding-top: 7px !important;
}
@media screen and (max-width: 767px){
.ri2{
	line-height: 22px !important;
        font-size: 1.5rem;
    }}
@media screen and (max-width: 767px){
    .ribbon {
        line-height: 31px;
        padding-top: 7px !important;
        height: 80px;
    }
}

.ribbon:before, .ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:before {
  top: 0;
  left: 0;
  border-width: 40px 0px 40px 20px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 40px 20px 40px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.title01{
    border-radius: 10px;
    padding: 15px 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 1.2rem;
	font-family: 'Kiwi Maru', serif;
	margin-top: 50px;
}
.e-box{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.e-box p{
	margin: 0px;
}
.e-box1{
	font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 7px !important;
    margin-top: 10px !important;
}
.e-box2 {
    color: #ffffff;
    display: inline;
    padding: 5px 10px;
    font-size: 0.8rem;
	border-radius: 10px;
}
.e-box3{
	font-weight: bold;
    font-size: 1.3rem;
   font-family: 'Kiwi Maru', serif;
	margin-top: 10px;
}
.e-box4{
	border:solid 3px #3985c7;
    color: #3985c7;
    display: inline;
    padding: 2px 15px;
    font-size: 0.8rem;
	border-radius: 10px;
	font-weight: bold;
}
.form-btn{
	background: #f29021;
    padding: 4px 15px 4px 15px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100% !important;
	cursor:pointer;
	text-align: center;
	
}

.form-btn a{
	color: #ffffff !important;
	font-size: 0.8rem;
	padding: 0px;
	margin: 0px;
	display: block;
}
.form-btn a:hover {
 text-decoration: none;
}
.ribbon2 {
  display: inline-block;
  position: relative;
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  font-size: 1.5rem;
  color: #FFF;/*文字色*/
  box-sizing: border-box;
	width: 100%;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-family: "Stick", sans-serif;
}

@media screen and (max-width: 767px){
    .ribbon2 {
        line-height: 31px;
        padding-top: 7px !important;
        height: 50px;
    }
}

.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon2:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon2:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}