@charset "utf-8";
/* 基本↓ */

body {
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(../img/bg.jpg);
	line-height:1.7;
	width:100%;
	min-width:1280px;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
}

a {
	color:#B57600;
	text-decoration: none;
}

a:hover {
	color:#B57600;
}

.clear {
	clear:both;
}

hr{
	width:100%;
	height:6px;
	background-image:url(../img/line.png);
	border:0;
}

/* 全体の内包幅↓ */
.container {
	width:1000px;
	margin:0 auto;
	color:#40210f;
}
/* 全体の内包幅↑ */

/* 基本↑ */

/* ゆらゆら揺れる↓ */

.swing {
	position:absolute;
	z-index:1;
	width:170px;
	margin:auto;
	top:-20px;
	left:0;
	right:0;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 20s infinite;/* 振り速度 */
    transform-origin: center -30px 0;
    display: block;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
/* ゆらゆら揺れる↑ */


/* ヘッダー↓ */

#header {
	position:relative;
	width:100%;
	height:163px;
	background-image:url(../img/header_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#h-tel {
	width:250px;
	float:right;
	margin-bottom:10px;
}

#header .movie{
	width:1000px;
	margin:0 auto;
}

.menu{
	width:1072px;
	margin:0 auto;
	padding-top:80px;
}

.menu li {
	float:left;
	list-style-type:none;
}

.menu a:hover{
	opacity:0;
}

.m-left {
	margin-right:320px;
}

#nav01{
	background: url(../img/menu1_on.png) no-repeat;
}
#nav02{ background: url(../img/menu2_on.png) no-repeat;
}
#nav03{
	background: url(../img/menu3_on.png) no-repeat;
	margin:0 280px 0 20px;
}
#nav04{
	background: url(../img/menu4_on.png) no-repeat;
	margin:0 0 0 20px;
}
#nav05{
	background: url(../img/menu5_on.png) no-repeat;
}
#nav06{
	background: url(../img/menu6_on.png) no-repeat;
}

/* ヘッダー↑ */

/* コンテンツ↓ */
#new{
	width:100%;
	height:180px;
	background-image:url(../img/new_bg.png);
	background-repeat:repeat-x;
}

#new a{
	color:#644B2E;
}

#new .container {
	width:953px;
	margin:0 auto;
	padding-top:30px;
}

.new-t {
	float:left;
	margin-right:25px;
}

#new-in {
	width:740px;
	float:left;
}

#new-in li {
	padding:10px 0 10px 0;
	list-style-type:none;
	border-bottom: 1px dashed #796a56;
}

#contents {
	margin-bottom:25px;
}

/* コンテンツ↑ */

/* Harukaについて */
#haruka {
	margin:10px 0 50px 0;
}

.haruka-l {
	width:480px;
	float:left;
	margin:50px 0 0 0;
}

.haruka-r {
	float:right;
	position:relative;
}

.haruka-t {
	margin:0 0 35px 0;
}

.haruka-h {
	position:absolute;
	z-index:1;
	right:0;
}
/* Harukaについて↑ */

/* パン屋の紹介↓ */
#bread {
	width:1000px;
	height:1157px;
	background-image:url(../img/bread_bg.png);
	background-repeat:no-repeat;
	position:relative;
	margin:0 0 35px 0;
}

.bread-t {
	text-align:center;
	padding:50px 0 0 0;
}

.bread-t2 {
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
}

.bread-t3 {
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
	line-height: 1.6em;
	text-align: center;
}
.bread_setumei{
	font-size:13px;
	font-weight:400;
	margin-top:5px;
	margin-bottom:0px;
	line-height: 1.2em;
	text-align: center;	
}
.bread-t4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#bread-l {
	width:385px;
	position:absolute;
	z-index:99;
	top:110px;
	left:15px;
}

#bread-r {
	width: 640px;
	position: absolute;
	z-index: 1;
	top: 610px;
	right: 1px;
}

.bread-list {
	height: 210px;
	float:left;
	padding:0 2px 0 0;
	text-align:center;
}

#bread-r-b{
	width:560px;
	float:right;
	margin:20px 0 0 0;
}

#bread-c {
	width:100%;
	background-color:rgba(255,255,255,0.5);
	margin:715px 0 0 0;
	padding:15px 0 15px 0;
	text-align:center;
}

#bread-c2 {
	width:650px;
	margin:0 auto;
	padding:15px 0 0 0;
}

.bread-c2-p {
	float:left;
	margin-right:10px;
}

.bread-c-m {
	margin-top:10px;
}
/* パン屋の紹介↑ */

/* お店のご紹介 */

#shop {
	margin:0 0 30px 0;
}

.shop-t {
	position:absolute;
	z-index:1;
}

#shop-l{
	width:647px;
	float:left;
	padding:80px 0 0 0;
}

#shop-r {
	width:330px;
	float:right;
	margin:110px 0 0 0;
	text-align:center;
}

.shop-p {
	margin-bottom:30px;
}

.shop-p2 {
	margin-bottom:20px;
}
/* お店のご紹介↑ */

/* アクセス */

#access {
	margin:45px 0 45px 0;
}

.access-t {
	position:absolute;
	z-index:1;
}
.access-t2 {
	font-size:20px;
	text-align:center;
}

.access-p {
	text-align:center;
	margin:0 0 20px 0;
}

.access-p2 {
	line-height:2;
}

.access-p2 img{
	vertical-align:middle;
}

#access-l {
	width:298px;
	padding-top:60px;
	margin-left:120px;
	float:left;
}

#access-r {
	width:470px;
	float:left;
	margin:50px 0 0 70px;
}

.access-hr {
	margin-top:40px;
}

/* アクセス↑ */
/* お問い合わせ */

#contact {
	width:760px;
	margin:0 auto 150px auto;
}

.contact-t {
	text-align:center;
	margin:30px 0 30px 0;
}

#contact-c {
	width:100%;
	background-color:rgba(255,255,255,0.5);
	margin:10px 0 50px 0;
	padding:25px;
}

.contact-c-t {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

/* プライバシーポリシー */

#open {
	margin:0 0 40px 0;
}

#open li {
	list-style:none;
}

#open li:before {
    content: '・';
}

#open p{
	margin:10px 0 10px 0;
}

.open-t{
	font-size:15px;
	margin-top:10px;
}

.open-t2 {
	margin-top:20px;
}

/* お問い合わせ↑ */
/* メールフォーム */
#mail {
	width:700px;
}

#mail th {
	text-align:left;
	padding: 0px 0 20px 0;
	vertical-align:top;
}

#submit {
	margin:10px 0 0 190px; 
}

input#s_button {
	 padding: 5px 20px;
    background-color: #8e7e68;
    color: #fff;
	border:1px solid #7C634A;
}

/* メールフォーム↑ */

/* フッター↓ */

.pagetop {
    position: fixed;
    bottom: 40px;
    right: 20px;
}

#footer {
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
	min-width: 1280px;
	height:289px;
}

.f-right {
	width:370px;
	float:left;
	margin-right:150px;
}

.f-logo {
	text-align:center;
	margin-bottom:15px;
}

.f-right p{
	color:#FFF;
	line-height:1.8;
}

.copy {
	margin-top:10px;
	text-align:center;
	color:#3b312b;
}

.f-left{
	float:left;
	width:480px;
	margin-top:30px;
}

.f-mbox{
	float:left;
	margin-right:25px;
}

.f-mbox li{
	list-style-type:none;
	margin:10px 0 20px 15px;
}

.f-hr {
	width:3px;
	height:225px;
	background-image:url(../img/foot_line.png);
	background-repeat:no-repeat;
	float:left;
}

/* フッター↑ */

/* ミュートボタン↓ */

.mute_btn{
	position:absolute;
	width:60px;
	height: 60px;
	top:90%;
	left:0;
	right:1050px;
	margin:auto;
	z-index: 2;
}

/* ミュートボタン↑ */