@charset "UTF-8";
/* CSS Document */
body{margin:0;margin-top:0;padding:0;
background-color:white;}


.dropdown{
  display:none;
}

label,
li{
    display: block;
    padding: 2em;
    background: gold;
    border-bottom: #fff 1px solid;
    font-family: "Osaka-mono", "MS Gothic", "monospace";
    letter-spacing: .05em;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1em;
    text-align: center;
}

input[type="checkbox"]{
  display:none;
}
label[for="menu"]{
  display:block;
  background:darkblue;
}
label[for="menu"]::before{
  transform:rotate(225deg);
}
#menu:checked + .dropdown{
  display:block;
}




.dropdown2{
  display:none;
}

label,
li{
  display:block;
  padding:2em;
  background:gold;
  border-bottom:#fff 1px solid;
  font-family:sans-serif;
  letter-spacing:.05em;
  font-weight:bold;
}
label::before{
  content:"";
  display:block;
  position:absolute;
  right:5%;
  width:.5em;
  height:.5em;
  border-top:#000 2px solid;
  border-left:#000 2px solid;
  transform:rotate(135deg);
}
input[type="checkbox"]{
  display:none;
}
label[for="withbisco"]{
  display:block;
  background:darkgreen;}
label[for="withbisco"]::before{
  transform:rotate(225deg);
}
#withbisco:checked + .dropdown2{
  display:block;
}


img{ width: 100%; }

.start{
    color: #683419;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align:center;
    font-size: 1em;
    margin-top: 80px;
	margin-bottom: 30px;
}

.start p {
	display: inline-block;
	text-align: left;
}

h1#topline{
	margin-top: -70px;
}

h1#tag1{margin-top: -23px;}

h2#productmenu{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: darkblue;
    font-size: 1.8em;
    text-align: center;
}

.contents{
    margin-top: 100px;
}

h2#contentsmenu{
    color: darkgreen;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.8em;
    text-align: center;
    margin-top: 20px;	
}

#producttopphoto{
    margin-top: -100px;
    padding-bottom: 0px;	
}

.productdetail{
    margin-top: -50px;
    margin-bottom: 120px;
}


.flavor{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
    color: #683419;
    font-style: normal;
    font-weight: normal;
}

.flavor p {
    display: inline-block;
    text-align: left;
    margin-top: -10px;
    margin-bottom: -80px;
}

.biscomenu {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1em;
    text-align: center;
    color: #683419;	
}

.biscomenu p {
    display: inline-block;
    text-align: left;
    margin-bottom: 70px;
    margin-top: -5px;
}

.biscomenu h3 {
    margin-top: 30px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: -5px;
}

.ganbaru {
    color: #683419;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
}

.ganbaru h3{
    color: darkgreen;
    font-size: 1.2em;
    margin-top: -5px;
}

.ganbaru h4{
    color: darkgreen;
    margin-top: -20px;	
}

.ganbaru p{
    margin-top: -5px;
    margin-bottom: 30px;
    display: inline-block;
	text-align: left;	
}

.a {
    color: #683419;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
}

.a h4{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-top: -50px;  	
}

.a img {
    margin-top: -15px;
}

.a p{
	display: inline-block;
    text-align: left;
    margin-top: -10px;
    margin-bottom: 20px;
}

.a p#kuwashiku{
    font-size: 1em;
    border-radius: 30px;
    border: 1px solid #683419;
    width: 150px;
    height: 30px;
    text-align: center;	
}

.b{
    color: #683419;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
}

.b h4{
    font-size: 1.2em;
    text-align: center;
    margin-top: -50px;	
}

.b p{
    display: inline-block;
    text-align: left;
    margin-top: -30px;
    margin-bottom: 20px;
}

.b img{
    margin-top: -15px;	
}

.b p#kuwashikub{
    font-size: 1em;
    border-radius: 30px;
    border: 1px solid #683419;
    width: 150px;
    height: 30px;
    text-align: center;	
}

.c{
    color: #683419;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
}

.c h4{
    font-size: 1.2em;
    text-align: center;
    margin-top: -50px;
}

.c p{
	display: inline-block;
    text-align: left;
    margin-top: -10px;
    margin-bottom: 20px;
}

.c img{
    margin-top: -15px;	
}

.c p#kuwashikuc{
    font-size: 1em;
    border-radius: 30px;
    border: 1px solid #683419;
    width: 150px;
    height: 30px;
    text-align: center;	
}


h1#underlinebisco{
    margin-top: 100px;
    padding-bottom: -100px;
}

h1#sns{
    margin-top: -140px;
    margin-bottom: 80px;
}


.link {
    padding-bottom: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: right;
    margin-top:0px;
}


.contents h1#colorful{
    margin-top: -20px;
    margin-bottom: -10px;
}