@charset "UTF-8";

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*sp画面ぴったりにする*/
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
	
}

/*ここからiPhoneSE基本*/

/* CSS Document */

body {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-style: normal;
    font-weight: lighter;
    color: #515050;
}
.pctop {
width:100%;
max-width: 100%;
height: auto;
}
.first {
    position: fixed;
    width: 100%;
    height: 70px;
    clear: left;
    top: 0px;
    z-index: 10;
    background-color: #9D5A5B;
}

.title{
    margin-top: 0px;
	width: 30%;
	text-align: center;
}
.fixed-bg{
    width: 100%;
    height: 450px;
    background-color: black;
    margin-top: 0px;
	}
.fixed-bg nav{
    padding-top: 81px;
    margin-bottom: 30px;
    height: 350px;
    margin-top: 0px;
}
.fixed-bg h3 {
    color: white;
    letter-spacing: 2px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    display: inline-block;
    text-align: center;
    margin-left: 16%;	
}

.fixed-bg h3:before,.fixed-bg h3:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.fixed-bg h3:before {
    border-left: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    left: 0;
}
.fixed-bg h3:after {
  content: '';
  border-top: solid 1px white;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  right: 0;
}
h4{
    color: white;
    text-align: center;
    font-style: normal;
    letter-spacing: 2px;
    padding-top: 0px;
    margin-top: -6px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 15px;
    font-weight: lighter;
}
.fixed-bg p{
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 73px;
    color: #515050;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 15px;
    line-height: 28px;
}
.second{
    background-color: #B9CDF7;
    right: 5px;
    left: 5px;
    border-radius: 9px;
    margin-right: 10px;
    margin-left: 10px;
    height: 600px;
}
.second h4{
    border-width: 1px;
    border-bottom-style: solid;
    color: #515050;
    margin-top: 200px;
    padding-top: 27px;
    padding-bottom: 15px;
    font-size: 18px;
    
}
.danraku{
    letter-spacing: 0px;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    color: #515050;
    font-size: 14px;
    line-height: 28px;
	margin: 0 auto;
	width: 70%;
}
.second img{
    float: left;
    margin-left: -169px;
    margin-top: -40px;
}
.second ul{
    list-style-position: inside;
    list-style-type: none;
    line-height: 47px;
    font-size: 14px;
    color: #515050;
    margin-left: 30px;
}
.a{
    color: #515050;
    margin-top: 120px;
    border-width: 1px;
    border-bottom-style: solid;
    text-align: center;	
}

/* how to eatのボタン設定 */

.btn-gradient-radius {
    display: inline-block;
    padding: 7px 20px;
    border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: 4s;
    margin-bottom: 100px;
	width: 30%;
	text-align: center;
	margin-left: 30%;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
.third ul {
    list-style-image: none;
    list-style-type: none;
	width: 100%;
	padding: 0px;
	margin:0px;
}
.third ul li{
    text-align: center;
    font-weight: lighter;
    font-size: 13px;
    float: left;
    width: 50%;
    padding-top: 20px;
    margin-bottom: 18px;
    margin-right: -46px;
    margin-left: 16px;

}
.b{
    color: #515050;
    margin-top: 450px;
    border-width: 1px;
    border-bottom-style: solid;
    text-align: center;	
}

.c{
    padding-top: 18px;
	width: 200%;
	}
.f{
    color: #515050;
    margin-top: 70px;
    text-align: center;
}
.third nav{
    margin-left: 100px;	
}
.shape {
    height: 50px;
    width: 300px;
    border-right: 2px solid #515050;
    moz-transform: skew(-45deg);
    webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    padding-top: 0px;
    margin-top: -30px;
}
.shape2 {
    height: 50px;
    width: 300px;
    border-right: 2px solid #515050;
    moz-transform: skew(45deg);
    webkit-transform: skew(45deg);
    transform: skew(45deg);
    padding-top: 0px;
    margin-top: -47px;
    margin-left: -221px;
}