@charset "utf-8";
html {
    overflow-y: scroll;
}


h1 {
    font-weight: 500;
    text-align: left;
    color: #424242;
    font-size: 19px;
    line-height: 39px;
    padding-top: 89px;
    padding-right: auto;
    padding-left: auto;
    font-family: "Sawarabi Mincho", serif;
    margin-left: 9%;
}

.mincho {font-family:"Sawarabi Mincho", serif;}
.container-fluid.amazake {
    padding: 0;
}
.tittle {
    /* [disabled]height: 222px; */
    background-image: url(../images/200222amazake-header.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: auto;
}

.tittle-logo {
    margin-top: 67px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: block;
    left: 1px;
    right: 1px;
}
.header {
    width: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: auto;
    padding-left: auto;
    background-image: url(../images/fukunoamazake300ml.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start-logo {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: block;
    left: 1px;
    right: 1px;
}



.daikokuya {
    height: 175px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    right: auto;
    top: 0px;
    bottom: 0px;
    left: auto;
    background-image: url(../images/yellow-back3.jpg);
}
.daikokuya-logo {
    width: auto;
    height: 21%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 49px;
    margin-bottom: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;

}
.daikokuya-logo-header {
    width: auto;
    height: 77%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.twitter-icon {
    width: auto;
    height: 37px;
    display: block;
    margin-top: 103px;
    margin-bottom: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    left: -100px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;

}
.instagram-icon {
    width: auto;
    height: 37px;
    display: block;
    margin-top: 103px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
.facebook-icon {
    width: auto;
    height: 37px;
    display: block;
    margin-top: 103px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    position: absolute;
    top: 0px;
    right: -100px;
    left: 0px;
    bottom: 0px;
}
.lightboxOverlay {
    min-width: 100%;
    min-height: 100%;
}


#contact {
}
.amzk-summer {
    padding-left: 0px;
    padding-right: 0px;
    background-position: 69% center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #E4F5FF;
    background-image: url(../images/fukunoamazake-summer3.jpg);
    /* [disabled]height: 852px; */
}
.amz-contents .lead-text {
    padding-top: 50%;
    padding-bottom: 50%;
    padding-left: 30px;
    padding-right: 30px;
    color: #797100;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    display: inline-table;
    vertical-align: middle;
    line-height: normal;
}



































@media (max-width:375px){
body {
    width: 375px;
    overflow-x: hidden;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    overflow-y: hidden;
}
html {
    overflow-y: scroll;
}







}

@media (max-width:500px){
h2 {
    font-size: 21px;
    line-height: 29px;
}
h4 {
    font-size: 13px;
    line-height: 21px;
}



















}



@media (max-width:767px){
.header {
    height: 900px;
}
.amzk-img.amz-gazou .img-responsive {
    padding-left: 49px;
    padding-right: 49px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.cm {
    margin-top: 55px;
    margin-bottom: -37px;
}

video {
    /* [disabled]padding-top: 37px; */
    padding-bottom: 15px;
}
.amz-contents .container-fluid {
    padding-bottom: 13px;
}
.tittle {
    height: 900px;
}
.tittle-logo {
    height: 13%;
    width: auto;

}
.start-logo {
    height: 17%;
    width: auto;
}
.h3 .fax {
    padding-top: 57px;





}
.cm.chirashi {
    padding-bottom: 0px;
    padding-top: 0px;

}
.cm.recipe {
    padding-bottom: 110px;
    padding-top: 0px;

}
.text {
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 15px;
    margin-top: 15px;
}
#lightbox   {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.pagetop {
    right: 13px;
    bottom: 57px;
}
.price2 {
    padding-left: 55px;
    padding-right: 55px;
    margin-left: 33px;
    margin-right: 33px;
    margin-top: 33px;
    margin-bottom: 200px;
}








































}

@media (min-width:501px) and (max-width:767px){
.text {
    padding-left: 55px;
    padding-right: 55px;
}
.price {
    padding-left: 55px;
    padding-right: 55px;
}









}

@media (min-width:768px){
.price {
    padding-left: 55px;
    padding-right: 55px;
}
.price2 {
    padding-left: 55px;
    padding-right: 55px;
}
.container-fluid.tittle {
    height: 230px;
}
.amzk-img {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-table;
    vertical-align: middle;
    line-height: normal;
    padding-top: auto;
    padding-bottom: auto;
    margin-left: auto;
    width: 400px;
    padding-right: 50px;
    margin-right: auto;
    padding-left: 20px;
    right: auto;
    left: auto;
    top: 50%;
    bottom: 50%;
}

div.amz-text {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    top: 0px;
    display: inline-table;
    vertical-align: middle;
    line-height: normal;
    bottom: 0px;
    padding-top: auto;
    padding-bottom: auto;

}
.text {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 0px;


}
.amz-text.col-sm-6  {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: auto;
    padding-bottom: auto;
    top: 50%;
    bottom: 50%;
    right: auto;
    left: auto;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}
.amz-text.col-sm-7  {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: auto;
    padding-bottom: auto;
    top: 50%;
    bottom: 50%;
    right: auto;
    left: auto;
    position: relative;
    padding-left: 0px;
    padding-right: 25px;
}





.header .img-responsive {
    height: 222px;
}

.amz-contents   {
    width: 680px;
    margin-left: 0px;
    /* [disabled]margin-right: 27px; */
    margin-top: 27px;
    margin-bottom: 27px;
    vertical-align: middle;
    padding-left: 0px;
}
.container-fluid.chumon-btn p {
    width: auto;
}
.container-fluid.oyatsu-btn p {
    width: auto;
}
.container-fluid.bread-btn p {
    width: auto;
}
.amz-contents video {
    padding-left: 0px;
    padding-right: 0px;

}






.container-fluid.chumon-btn {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px;
    margin-top: 65px;
}
.container-fluid.oyatsu-btn {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px;
    margin-top: 0px;
}
.container-fluid.bread-btn {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}
.container-fluid.download-btn {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}




div.contact {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}



h2 {
    font-size: 25px;
    line-height: 33px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
}
video {
    /* [disabled]padding-top: 37px; */
}
.cm {
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 65px;
    padding-bottom: 0px;

}
.cm.chirashi {
    width: 736px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 37px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.cm.recipe {
    width: 736px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
    padding-bottom: 77px;
    padding-top: 0px;
}

h4 {
    margin-top: 37px;
    font-size: 19px;
}
.container-fluid.tittle {
    height: 900px;
    width: auto;
}
.container-fluid.header {
    height: 1201px;
}


.tittle-logo {
    width: auto;
    height: 15%;
    margin-top: 67px;
}

.start-logo {
    width: auto;
    height: 25%;
}
.lead-text .text {
    font-size: 17px;
    line-height: 41px;
}

.container-fluid.amazake {
    /* [disabled]margin-top: 77px; */
}





.container-fluid.tittle {
    height: 1200px;
}


.amz-contents {
    margin-left: auto;
    margin-right: auto;

}

.container-fluid .price {
    font-size: 12px;
    margin-left: -29px;
    margin-right: -29px;
}
.cream.container-fluid {
    padding-top: 121px;
    padding-bottom: 121px;
}

.white.container-fluid {
    padding-top: 121px;
    padding-bottom: 121px;
}
.yellow.container-fluid {
    padding-top: 121px;
    padding-bottom: 121px;
}
.container-fluid.header .midashi {
    margin-top: 69px;
    font-size: 29px;
    line-height: 65px;
    margin-bottom: 37px;
}
.pagetop {
    right: 30px;
    bottom: 30px;
    cursor: pointer;
}


































































}

@media (min-width:992px){

.container-fluid .text.hozon {
    margin-left: 109px;
    text-indent: -78px;
}
.container-fluid.header .midashi.fadein {
    margin-left: 15%;
}








}
.price {
    font-size: 11px;
    text-align: justify;
    margin-left: 17px;
    margin-right: 17px;
    width: auto;
    font-weight: lighter;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    margin-bottom: 21px;
    margin-top: 21px;
    line-height: normal;
    text-indent: 0px;
}
.price2 {
    font-size: 13px;
    text-align: justify;
    /* [disabled]margin-left: 17px; */
    /* [disabled]margin-right: 17px; */
    width: auto;
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    margin-bottom: 33px;
    margin-top: 49px;
    line-height: normal;
    text-indent: 0px;
    border: thin solid rgba(255,0,4,1.00);
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: rgba(255,0,4,1.00);
}


#mainImage  {
    width: 100%;
    padding: 0;
    position: relative;
}

div.container-fluid li {
    list-style-type: none;
    padding: 0;
}
.container-fluid.amazake div {
    padding: 0;
}
#imageList {
    width: auto;
    margin-bottom: 12px;
}
video {
    width: 100%;
    /* [disabled]padding-left: 25px; */
    /* [disabled]padding-right: 25px; */
    /* [disabled]padding-bottom: 29px; */
    /* [disabled]padding-top: 65px; */
}
.container-fluid div .col-xs-3 {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 25%;
}
.chumon-btn {
    background-color: #85C5D1;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    /* [disabled]margin-top: 26px; */
    margin-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-decoration: none;
}


.chumon-btn:hover {
    background-color: #005092;
}
.chumon-btn a:hover {
    text-decoration: none;
    color: #FFFFFF;

}
.oyatsu-btn {
    background-color: #FCDE72;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    /* [disabled]margin-top: 26px; */
    margin-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-decoration: none;
}
.oyatsu-btn:hover {
    background-color: #FF8600;
}
.oyatsu-btn a  {
    color: #FF5F00;
}
.oyatsu-btn a:hover {
    text-decoration: none;
    color: #FFFFFF;

}
.bread-btn {
    background-color: #FD5757;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    /* [disabled]margin-top: 26px; */
    margin-bottom: 59px;
    margin-left: 30px;
    margin-right: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-decoration: none;
}
.bread-btn:hover {
    background-color: #B00031;
}
.bread-btn a  {
    color: #FFFCB2;
}
.bread-btn a:hover {
    text-decoration: none;
    color: #FFFFFF;

}
.download-btn {
    background-color: #365B9C;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-decoration: none;
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-right: 30px;
}
.download-btn:hover {
    background-color: #00A2B5;
}


.download-btn a {
    color: #FFFFFF;
}
.download-btn a:hover {
    text-decoration: none;
    color: #FFFA87;
}








.contact {
    text-align: center;
    font-weight: normal;
    font-size: 17px;
    color: #000000;
    margin-top: 39px;
    /* [disabled]margin-left: 37px; */
    /* [disabled]margin-right: 37px; */
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    margin-bottom: 0px;
    background-color: #E1E1E1;
    line-height: 32px;
}


h2 {
    text-align: center;
    font-style: normal;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bold;
    color: #8D6901;
    margin-bottom: 12px;
}

.white {
    background-color: #D9E2E4;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
.yellow {
    background-color: #ECDFDF;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}

.cream {
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #F6ECD0;
}

.time {
    font-size: 15px;
    font-weight: lighter;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-align: center;
    margin-bottom: 55px;
}


@media (min-width:600px) and (max-width:991px){
.col-sm-6.lead-text {
    margin-bottom: 15px;
}

.text.hozon {
    text-indent: -78px;
    margin-left: 108px;
    text-align: left;






}




}





@media (min-width:500px) and (max-width:767px){
h1 {
    font-size: 21px;
    line-height: 45px;
}
h2 {
    font-size: 23px;
    line-height: 31px;
}
h4 {
    font-size: 15px;
    line-height: 27px;
}



}

@media (min-width:600px){
h2 {
    margin-bottom: 16px;
}



}
.h3 {
    margin-top: 17px;
    text-align: center;
    font-weight: normal;
    font-size: 23px;
    color: #000000;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    padding-left: 0px;
    position: relative;
    padding-right: 0px;
    margin-bottom: 0px;



}
h4 {
    text-align: center;
    color: #8D6901;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    padding-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
}
p.h3:hover {
    text-decoration: none;
}
.h5 {
    margin-top: 13px;
    text-align: center;
    font-weight: normal;
    font-size: 23px;
    color: #000000;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    padding-left: 0px;
    position: relative;
    padding-right: 0px;
    margin-bottom: 42px;
}


.h3 .fax {
    /* [disabled]margin-top: -50px; */
    margin-bottom: 47px;
}

a:focus {
    text-decoration: none;
}


.h3 .tel a {
    color: #000000;
}
.h3 .tel a:hover  {
    color: #7F7F7F;
    text-decoration: none;
}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
.back-c {
    /* [disabled]background-color: #F6ECD0; */
}


.ad:hover {
    opacity: 0.7;
}


body, html {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    background-color: rgba(255,255,255,1.00);
}

.set-price {
    text-align: center;
    font-variant: small-caps;
    color: #8D6901;
    padding-left: auto;
    padding-right: auto;
}
.text.set-price {
    line-height: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}


.text {
    font-size: 14px;
    text-align: justify;
    width: auto;
    font-weight: lighter;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 23px;
}



.chumon-btn a  {
    color: #004A74;
}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    background-color: rgba(255,182,0,0.68);
    border: 2px none rgba(255,182,0,0.68);
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px;
    box-shadow: inset 0px 0px;
}
.pagetop__arrow {
    display: block;
    height: 10px;
    width: 10px;
    border-top: 3px solid rgba(255,255,255,1.00);
    border-right: 3px solid rgba(255,255,255,1.00);
    transform: translateY(20%) rotate(-45deg);
    border-bottom-color: rgba(255,255,255,1.00);
    border-left-color: rgba(255,255,255,1.00);
}

#fixed-header {
    position: fixed;
    top: -77px;
    width: 100%;
    height: 77px;
    /* [disabled]line-height: 70px; */
    /* [disabled]font-size: 2em; */
    /* [disabled]text-align: center; */
    /* [disabled]color: #fff; */
    background-color: rgba(255,182,0,0.68);
    box-sizing: border-box;
    transition: .5s;
    z-index: 1;
}
#fixed-header.is-show {
    top: 0;
}