@charset "utf-8";

.last-update:after{
	content:"25/12/01(月)";
}

.teikyuubi{
	font-size: 14px;/*tab以下も設定*/
}

/*全体の設定
-------------------------------------------------------------------------*/
html {
	scrollbar-face-color: #dbdbdb;
	scrollbar-track-color: #ebebeb;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #e0e0e0;
	scrollbar-shadow-color: #c9c9c9;
	scrollbar-darkshadow-color: #808080;
	overflow:auto;
	-webkit-text-size-adjust: 100%; /* iPhone */
}

body {
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
    margin: 0 auto;
	max-width: 1281px;
	color: #555555;
	height: auto;
	line-height: 1.5;
	font-size: 17px;
	background: #f6e9e9;
}

a{
	text-decoration: none;
}

ul{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

img{
	width: 100%;
}

p{
	clear: both;
}

.inner {
    width: 100%;
}

.inner:after {
    content: "";
    clear: both;
    display: block;
}

h2{
	font-size: 20px;
	font-weight: bold;
	align-content: center;
}

.clear {
	clear: both;
}

/*br
---------------------------------------------------------------------------*/
.smart-br{
	display: none;
}

/*container
----------------------------------------------------------------------------*/
#container{
	width: 1000px;
	height: auto;
	clear: both;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

/*header
---------------------------------------------------------------------------*/
h1.header-box1{
    width: 98%;
    background: #5b3c03;
    color: #fff;
    font-size: 12px;
    padding: 0.5% 0 0.5% 2%;
	margin: 0;
}

#header {
	background: #fff;
	width: 100%;
	height: auto;
	z-index: 999;
}

.header-box2{
	display: table;
	text-align: center;
	width: 100%;
}

.header-box2 .header-box-L2,.header-box2 .header-box-C2,.header-box2 .header-box-R2 {
	display: table-cell;
	vertical-align: middle;
}

.header-box2 .header-box-L2 {
	width: 30%;
	padding-left: 3%;
}

.header-box2 .header-box-R2 {
	width: 30%;
	text-align :right;
}

/*togle
-------------------------------------------------------------------------*/
#togle-nav{
	display: none;
}

#nav-toggle {
	display: none;
	position: absolute;
	right: 30px;
	top: 18px;
	width: 70px;
	height: 60px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #5b3c03;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	font-size: 21px;
	left: 1;
	font-family: 'Sawarabi Gothic', sans-serif;
	letter-spacing: 0.08em;
}

#nav-toggle span:nth-child(1),#nav-toggle span:nth-child(2) {
	background: none;
}

#nav-toggle span:nth-child(3) {
	top: 35px;
	left: 1;
}

#nav-toggle span:nth-child(4) {
	top: 55px;
	left: 1;
}

#nav-toggle span:nth-child(5) {
	top: 75px;
	left: 1;
}

/*content-clomn
----------------------------------------------------------------------------*/
#content-clomn{
	width: 100%;
	clear: both;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#menu{
	clear: both;
	width: 100%;
	height: 45px;
	background: #fdcbca;
	border-bottom: 4px solid #ee9c9c;
}

#menu ul{
	width: 1000px;
	padding-left: 30px;
	padding-right: auto;
	margin-top: 0px;
	margin-bottom: 0;
}

/*メニュー１個ごとの設定*/
#menu ul li{
	float: left;
	width: 185px;
	height: 45px;
}

#menu ul li a{
	display: block;
	padding-top: 20px;
}

/*最初のメニューの設定*/
#menu ul li.top-color,#menu ul li.company-color,#menu ul li.rollcake-color,#menu ul li.cake-color,#menu ul li.bakedgoods-color{
	border-bottom: 4px solid #f6e0e5;
}

/*-----------------------------------------------------------*/
#menu ul li.menu01 a:hover{
	background : url(img/menu-logo1-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu ul li.menu01 a,#menu ul li.top-color a,#menu ul li.top-color a:hover{
	background : url(img/menu-logo1.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-----------------------------------------------------------*/
#menu ul li.menu02 a:hover{
	background : url(img/menu-logo2-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu ul li.menu02 a,#menu ul li.company-color a,#menu ul li.company-color a:hover{
	background : url(img/menu-logo2.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-----------------------------------------------------------*/
#menu ul li.menu03 a:hover{
	background : url(img/menu-logo3-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu ul li.menu03 a,#menu ul li.rollcake-color a,#menu ul li.rollcake-color a:hover{
	background : url(img/menu-logo3.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-----------------------------------------------------------*/
#menu ul li.menu04 a:hover{
	background : url(img/menu-logo4-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu ul li.menu04 a,#menu ul li.cake-color a,#menu ul li.cake-color a:hover{
	background : url(img/menu-logo4.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-----------------------------------------------------------*/
#menu ul li.menu05 a:hover{
	background : url(img/menu-logo5-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu ul li.menu05 a,#menu ul li.bakedgoods-color a,#menu ul li.bakedgoods-color a:hover{
	background : url(img/menu-logo5.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-----------------------------------------------------------*/

/*スライド
----------------------------------------------------------------------------------------------*/
#mainphoto{
	width: 100%;
}

/*main-clomn
----------------------------------------------------------------------------------------------*/
#main-clomn{
	width: 100%;
	height: auto;
}

/*パンくず*/
.pankuzu{
	width: 50%;
	font-size: 12px;
	margin-bottom: 5%;
	float: left;
}

.pankuzu ol{
	margin-left: -9%;
}

.pankuzu ol li {
	display: inline;
	color: #b60000;
}

.pankuzu ol li a{
	display: inline;
	text-decoration: none;
	color: #000000;
}

.pankuzu ol li:after {
	content:" > ";
	color: #000000;
}

.pankuzu ol li:last-child:after {
	content:none;
}

/*last-update*/
.last-update{
	width: 50%;
	text-align: right;
	float: left;
	font-size: 14px;
	
}

.content-box{
	width: 88%;
	height: auto;
	margin: 3% 6%;
	overflow: hidden;
}

.welcom-box{
	width: 28%;
	margin: 0 36% 8%;
}

/*content-box1
----------------------------------------------------------------------------------------------*/
.content-box1{
	width: 45%;
	height: auto;
	float:left;
	margin-right: 10%;
}

/*カレンダー
----------------------------------------------------------------------------------------------*/
.calendar{
	border-collapse:collapse;
	width:100%
}

.calendar caption{
	padding-bottom:6px;
	font-size:15px
}

.calendar th,.calendar td{
	font-size:15px;
	border:1px solid #bbb;
	text-align:center;
	line-height:30px;
}

.calendar th{
	background:#ddedf8;
}

.calendar th:first-child{
	color:#f30;
}

.calendar th:last-child{
	color:#03c;
}

.calendar td div{
	text-align:	center;
}

.calendar td.sunday{
	background:#f7dce0;
}

.calendar td.holiday{
	color: #ff0033;
}

p.notice{
	color: blue;
	font-size: 22px;
}

.teikyubi{
	font-size: 12px;
}

.open-time{
	width: 100%;
	margin-top: 5%;
}
.open-time table{
	width:100%;
	text-align: left;
	font-weight: bold;
}

.open-time table th{
	width: 30%;
}

.open-time table td:nth-child(2){
	line-height: 1.2;
}

/*content-box2
----------------------------------------------------------------------------------------------*/
.content-box2{
	width: 45%;
	height: auto;
	float:left;
	margin: 1% 0;
}

.instagram-link{
	display: block;
	width: 100%;
	height: auto;
	margin: 5% 0;
}

.instagram-link:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.toriyose{
	display: block;
	width: 100%;
	height: auto;
	margin: 5% 0;
}

.toriyose:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*xmas-box
----------------------------------------------------------------------------------------------*/
.xmas-box{
	display: block;
	clear: both;
	width: 70%;
	height: auto;
	margin: 10% 15% 5%;
}

.xmas-box:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.campaign-box{
	display: block;
	clear: both;
	width: 70%;
	height: auto;
	margin: 10% 15% 5%;
}

.campaign-box:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*ninkimon
----------------------------------------------------------------------------------------------*/
.ninkimon{
	width: 100%;
	height: auto;
	clear: both;
	padding: 3% 0;
}

.ninkimon img{
	width: 56%;
	height: auto;
	margin: 0 22%;
	transform:skew(2deg,-2deg);
}

/*新着情報
----------------------------------------------------------------------------------------------*/
#index-info{
	width: 100%;
	height: auto;
	padding: 3% 0;
	clear: both;
}

#index-info .logo-info{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.07em;
}

/*新着情報読み込み*/
#index-info #read{
	text-align: left;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding: 2% 0;
}

/*新着情報矢印*/
#index-info #read .news-icon{
	display: inline-block;
	color: #000000;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 2%;
}

#index-info #read dd{
	margin-left: 5%;
}

/*pagetop
---------------------------------------------------------------------------*/
.pagetop2{
	position:fixed;
	display:block;
	background-image: url("img/top-img.png");
	background-size: contain;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 999;
	left:auto;
	margin:0 0 10px 890px;
}

/*フッター
---------------------------------------------------------------------------*/
#footer-column{
	width: 100%;
	height: auto;
	clear: both;
	background: #5d3c03;
}

/*フッターメニュー*/
.footer-menu{
	color: #fff;
	width: 80%;
	height: auto;
	margin: 0 10% 2%;
}

/*フッターメニュー*/
.footer-menu ul{
	margin: 0;
	padding: 2% 1% 1% 0;
	text-align: center;
	font-size: 15px;
}

.footer-menu li{
	display:inline-block;
	width: 18%;
	border-left: 1px solid #fff;
	text-align: center;
}

.footer-menu ul li:last-child{
	border-right: 1px solid #fff;
}

.footer-menu ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 15px;
}

.footer-menu ul li a:hover{
	color: #ebe48e;
}

.Copyright{
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding-bottom: 1%;
}

/*company.html
-------------------------------------------------------------------------*/
.tenpoimg-table{
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

.tenpoimg-table tr{
	width: 50%;
	height: auto;
	float: left;
}

.hiketu-block1,.hiketu-block2{
	width: 100%;
	height: auto;
	margin: 5% 0;
	clear: both;
}

.hiketsu{
	position: relative;
	width: 80%;
	background: #ff79a2;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 1px 2px #666666;
	text-align: center;
	letter-spacing: 0.15em;
	font-size: 20px;
	box-shadow: 0px 0px 0px 5px #ff79a2;
	border: dashed 1.4px #fff;
	padding: 0.5% 3%;
	margin: 0 5%;
}

.hiketsu:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 30px 30px;
	border-style: solid;
	border-color: #fff #fff #f1c3d1;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.hiketu-block1-description,.hiketu-block2-description{
	width: 80%;
	margin: 3% 10% 2%;
}

.hiketu-block1-img,.hiketu-block2-img{
	width: 80%;
	margin: 0 10%;
	overflow: hidden;
}

.hiketu-block1-img img,.hiketu-block2-img img{
	width: 31%;
	float: left;
	margin-right: 2%;
}

.company-box{
	width: 80%;
	margin: 10% 10% 0;
	clear: both;
}

.title-box{
	width: 100%;
	clear: both;
}

.title-box td:nth-child(1){
	text-align: right;
	width: 7%;
}

.title-box td:nth-child(2){
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	color: #5b3c03;
	width: auto;
}

.company-table{
	width: 100%;
	height: auto;
}

.company-table th{
	width: 25%;
	height: auto;
	padding: 1% 0;
	background: #5b3c03;
	font-size: 100%;
	color: #fff;
}

.company-table td{
	width: 75%;
	height: auto;
	border: 1px solid #9e9e9e;
	padding: 1% 0 1% 15px;
}

.chizu-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 5% 0;
}

.chizu-box1{
	width: 50%;
	height: auto;
	float: left;
}

.chizu-box .chizu1-img{
	width: 50%;
	height: auto;
	margin: 0 25%;
}

.chizu-box .chizu2-img{
	width: 90%;
	height: auto;
	margin: 0 5%;
}

.google-box{
	width: 50%;
	height: auto;
	float: left;
}

/*googlemap*/
.google-box{
	position: relative;
	padding-bottom: 55%;
	height: 0;
	overflow: hidden;
}

.google-box iframe,
.google-box object,
.google-box embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*rollcake.html
-------------------------------------------------------------------------*/
.cake-title{
	clear: both;
	font-size: 20px;
	color: #694633;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 5% 0 2%;
}

.gallery-box{
	clear: both;
}

.gallery-box dl {
	float: left;
	width: 20.5%;
	height: auto;
	margin-bottom: 1em;
	background-color: #fff;
	text-align: center;
}

.gallery-box dl:nth-child(2),.gallery-box dl:nth-child(6),.gallery-box dl:nth-child(10){
	margin-left: 6%;
	margin-right: 6%;
}

.gallery-box dl:nth-child(3),.gallery-box dl:nth-child(7),.gallery-box dl:nth-child(11){
	margin-right: 6%;
}

.gallery-box dl:nth-child(5),.gallery-box dl:nth-child(9),.gallery-box dl:nth-child(12){
	clear: both;
}

.gallery-box dt{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	border-radius: 4px;
}

.gallery-box dl img {
	border: 0;
	width: 100%;
	height: auto;
	margin: 5% 0 0;
}

.gallery-box dd {
	margin: 0 0 8px 0;
	padding: 0;
}

.comment1{
	text-align: right;
	font-size: 12px;
}

.comment2{
	width: 100%;
	height: auto;
	height: 6em;
	line-height: 1.3;
	font-size: 12px;
	text-align: left;
}

.sab-box{
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
}

.sab{
	display: block;
	width: 25%;
	height: auto;
	float: left;
	margin-top: 5%;
	margin-bottom: 5%;
}

/*order.html
-------------------------------------------------------------------------*/
.gallery-box2{
	clear: both;
	overflow: hidden;
	margin-bottom: 10%;
}

.gallery-box2 dl {
	float: left;
	width: 20.5%;
	height: auto;
	margin-bottom: 1em;
	background-color: #fff;
	text-align: center;
}

.gallery-box2 dl:nth-child(2),.gallery-box2 dl:nth-child(6),.gallery-box2 dl:nth-child(10){
	margin-left: 6%;
	margin-right: 6%;
}

.gallery-box2 dl:nth-child(3),.gallery-box2 dl:nth-child(7),.gallery-box2 dl:nth-child(11){
	margin-right: 6%;
}

.gallery-box2 dl:nth-child(5),.gallery-box2 dl:nth-child(9),.gallery-box2 dl:nth-child(12){
	clear: both;
}

.gallery-box2 dt{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	border-radius: 4px;
}

.gallery-box2 dl img {
	border: 0;
	width: 100%;
	height: auto;
	margin: 5% 0 0;
}

.gallery-box2 dd {
	margin: 0 0 8px 0;
	padding: 0;
}

.adobe-img{
	width: 12%;
	display: block;
}

.order-box{
	width: 80%;
	margin: 4% 10% 2%;
	background: #ff3e78;
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 15px;
	padding: 2% 0;
}

.order-box:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.o-title-b{
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	margin: 5% 0 1%;
}

.o-li ul li{
	list-style-type: disc;
	margin-left: 24px;
	margin-bottom: 10px;
	text-align: left;
}

.souryou-graph{
	width: 100%;
	height: auto;
	margin: 0 0 5%;
	font-size: 15px;
}

.souryou-graph td{
	border: 1px solid #cccccc;
	text-align: center;
}

.souryou-graph .souryou-graph01{
	background: #f1f0ec;
	text-align: left;
	padding-left: 3%;
}

.souryou-graph .souryou-graph03{
	background: #fcecac;
	font-weight: bold;
}

.cool-graph{
	width: 100%;
	height: auto;
	font-size: 15px;
}

.cool-graph td{
	border: 1px solid #cccccc;
	text-align: center;
}

.cool-graph .cool-graph01{
	background: #807e77;
	color: #fff;
}

.cool-graph .cool-graph02{
	background: #f1f0ec;
}

.cool-graph .cool-graph03{
	background: #fcecac;
	font-weight: bold;
}

.order-table{
	width: 70%;
	height: auto;
	margin: 5% 0;
	font-size: 17px;
}

.order-table th{
	width: 40%;
	height: auto;
	background: #555555;
	color: #fff;
	font-weight: normal;
}

.order-table td{
	width: 60%;
	height: auto;
	border: 1px solid #9e9e9e;
	padding-left: 15px;
}

/*xmas_cake.html
-------------------------------------------------------------------------*/
.xmas_tel{
	width: 66%;
	margin: 5% 17%;
}

/*campaign.html
-------------------------------------------------------------------------*/
.campaign_tel{
	width: 66%;
	margin: 5% 17%;
}




/*1024以下
-------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {

body {
	width: 100%;
}

/*xmas-box
----------------------------------------------------------------------------------------------*/
.xmas-box{
	width: 80%;
	margin: 0 10%;
}
.campaign-box{
	width: 80%;
	margin: 0 10%;
}

/*pagetop
--------------------------------------------------------------------------*/
.pagetop2{
	right: 20px;
	width: 35px;
	height: 35px;
}

/*footer
---------------------------------------------------------------------------*/
.footer_copy{
	clear: both;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 5%;
}

}


/*タブレット
-------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 120%;
}

#container{
	width: 100%;
	height: auto;
}

.teikyuubi{
	font-size: 100%;/*tab以下も設定*/
}

/*header
---------------------------------------------------------------------------*/
.header-box2{
	padding: 2% 0;
}

.header-box2 .header-box-L2 {
	width: 38%;
	padding-left: 3%;
}

.header-box2 .header-box-R2{
	display: none;
}

.inner {
	width: 100%;
	padding: 0 0;
}

#mobile-head {
	width: 100%;
	height: auto;
	z-index: 999;
	position: relative;
}

#global-nav {
	position: absolute;
  /* 開いてないときは画面外に配置 */
	top: -910px;
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	text-align: center;
	padding: 250px 0 20px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#togle-nav{
	display: inline;
	width: 100%;
}

#togle-nav ul{
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	margin-top: 0;
	margin-left: 0;
}

#togle-nav ul li{
	float: none;
	position: static;
	padding: 0 2%;
	margin:  5% 0 0;
	border-left: none;
}

#togle-nav ul li a,
#header.fixed #togle-nav ul li a{
	width: 100%;
	color: #5b3c03;
	font-weight: bold;
	font-size: 130%;
}

/*togle*/
#nav-toggle {
	display: block;
	color: #5b3c03;
	font-weight: bold;
}

#nav-toggle .close1{
	display:none;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle .menu1{
	display: none
}

.open #nav-toggle .close1{
	display:inline;
	font-size: 21px;
}

.open #nav-toggle span:nth-child(3) {
	top: 55px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}

.open #nav-toggle span:nth-child(4) {
	width: 0;
	left: 52%;
}

.open #nav-toggle span:nth-child(5) {
	top: 55px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

/* #global-nav スライドアニメーション */
.open #global-nav {
/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(680px);
	-webkit-transform: translateY(680px);
	transform: translateY(680px);
}

/*content-clomn
---------------------------------------------------------------------------*/
#content-clomn{
	clear: both;
	overflow: hidden;
}

/*main-clomn
----------------------------------------------------------------------------*/
#main-clomn{
	width: 100%;
	height: auto;
	margin: 0 0 10%;
}


/*メニュー
---------------------------------------------------------------------------*/
#menu{
	display: none;
}


/*last-update,pankuzu
---------------------------------------------------------------------------*/
.pankuzu ol{
	margin-left: -10%;
}

.last-update{
	margin-top: 2%;
}

/*content-box
---------------------------------------------------------------------------*/
.content-box{
	width: 90%;
	margin: 0 5% 10%;
}

/*content-box1
---------------------------------------------------------------------------*/
.content-box1{
    width: 100%;
    float:none;
    margin-right: 0;
		overflow: hidden;
}

.calendar{
	float: left;
	width: 47%;
	margin-right: 3%;
}

.open-time{
	float: left;
	width: 50%;
	margin-top: 3%;
}

.open-time table th,.open-time table td{
	display: block;
}

.open-time table th{
	width: 100%;
}

.open-time table td{
	width: 100%;
}

.toriyose{
	margin: 0;
}

.toriyose:hover{
	opacity: 1;
}


/*content-box2
---------------------------------------------------------------------------*/
.content-box2{
    width: 60%;
    height: auto;
    float:none;
	clear: both;
    margin: 5% auto 0;
}

.instagram-link:hover{
	opacity: 1;
	margin: 7% 0;
}

.toriyose:hover{
	opacity: 1;
	margin: 7% 0;
}


/*xmas-box
---------------------------------------------------------------------------*/
.xmas-box:hover{
	opacity: 1;
}
.campaign-box:hover{
	opacity: 1;
}


p.notice{
	font-size: 20px;
}

/*新着情報
---------------------------------------------------------------------------*/
#index-info{
	width: 100%;
	padding: 0;
}

/*pagetop
----------------------------------------------------------------------------*/
.pagetop2{
	width: 40px;
	height: 40px;
	margin-bottom: 3%;
}

/*footer
---------------------------------------------------------------------------*/
#footer-column{
	width: 94%;
	padding: 1% 3%;
}

/*フッターメニュー*/
.footer-menu ul{
	margin: 0 0 5%;
	padding: 0;
	text-align: left;
}

.footer-menu li{
	display:inline-block;
	width: 33%;
	border-left:	1px solid #fff;
	margin: 2% 0 0 0;
}

.footer-menu li:nth-child(3){
	border-right:	1px solid #fff;
}

.footer-menu ul li a{
	font-size: 100%;
}

.footer-menu ul li a:hover{
	color: #fff;
	font-weight: normal;
}

.footer_copy{
	font-size: 90%;
}

/*company.html
-------------------------------------------------------------------------*/
.company-box{
	width: 100%;
	margin: 10% 0;
}

.hiketsu{
	width: 90%;
	margin: 2%;
}

.hiketu-block1-description,.hiketu-block2-description{
	width: 100%;
	margin: 4% 0 2%;
}

.hiketu-block1-img,.hiketu-block2-img{
	width: 100%;
	margin: 0;
}

/*rollcake.html
-------------------------------------------------------------------------*/
.cake-title{
	font-size: 120%;
}

.gallery-box dl {
	width: 27%;
}

.gallery-box dl:nth-child(2),.gallery-box dl:nth-child(6),.gallery-box dl:nth-child(10){
	margin-left: 0;
	margin-right: 0;
}

.gallery-box dl:nth-child(3),.gallery-box dl:nth-child(7),.gallery-box dl:nth-child(11){
	margin-right: 0;
}

.gallery-box dl:nth-child(5),.gallery-box dl:nth-child(9),.gallery-box dl:nth-child(12){
	clear: none;
}

.gallery-box dl:nth-child(2),.gallery-box dl:nth-child(5),.gallery-box dl:nth-child(8),.gallery-box dl:nth-child(11){
	margin-left: 6%;
	margin-right: 6%;
}

.gallery-box dl:nth-child(4),.gallery-box dl:nth-child(7),.gallery-box dl:nth-child(10){
	clear: both;
}

.sab{
	width: 33%;
	margin-top: 3%;
	margin-bottom: 3%;
}

/*order.html
-------------------------------------------------------------------------*/
.adobe-img{
	width: 14%;
}

.order-box{
	width: 100%;
	margin: 4% 0 2%;
	font-size: 120%;
	font-weight: bold;
}

.order-table{
	width: 90%;
	height: auto;
	margin: 5% 0;
}

/*xmas_cake.html
-------------------------------------------------------------------------*/
.xmas_tel{
	width: 80%;
	margin: 5% 10%;
}
.campaign_tel{
	width: 80%;
	margin: 5% 10%;
}

}

/*スマホ
-------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {


/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 100%;
}

/*br
---------------------------------------------------------------------------*/
.smart-br{
	display: inline;
}

/*header
---------------------------------------------------------------------------*/
#header{
	padding: 0 0;
}

/*togle*/
#nav-toggle {
	width: 70px;
	right: 15px;
	top: 15px;
}

#nav-toggle span {
	height: 4px;
	width: 75%;
	left: 10px;
	font-size: 90%;
	letter-spacing: 0.18em;
}

#togle-nav ul li a,
#header.fixed #togle-nav ul li a{
	font-size: 110%;
}

#nav-toggle span:nth-child(3) {
	top: 23px;
	left: 10px;
}

#nav-toggle span:nth-child(4) {
	top: 34px;
	left: 10px;
}

#nav-toggle span:nth-child(5) {
	top: 46px;
	left: 10px;
}

.open #nav-toggle .close1{
	display:inline;
	font-size: 90%;
}

.open #nav-toggle span:nth-child(3) {
        top: 40px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
}

.open #nav-toggle span:nth-child(5) {
        top: 40px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
}

.header-box2 .header-box-L2 {
	width: 50%;
}

/*main-clomn
----------------------------------------------------------------------------*/
.pankuzu{
	width: 50%;
	margin: 3% 0;
}

.pankuzu ol li{
	font-size: 70%;
}

.pankuzu ol{
	margin-left: -23%;
}

.last-update{
	width: 50%;
	font-size: 70%;
	margin: 6% 0 3%;
	text-align: right;
}

.welcom-box{
	width: 60%;
	margin: 0 20%;
}

.calendar{
	float: none;
	width:100%
}

.open-time{
	float: none;
	width:100%
}

.toriyose{
		margin: 5% 0;
}

p.notice{
	font-size: 18px;
}

/*content-box2
---------------------------------------------------------------------------*/
.content-box2{
    width: 100%;
    height: auto;
}

/*xmas-box
----------------------------------------------------------------------------------------------*/
.xmas-box{
	width: 100%;
	margin: 0;
}
.campaign-box{
	width: 100%;
	margin: 0;
}

/*ninkimon
----------------------------------------------------------------------------------------------*/
.ninkimon img{
	width: 100%;
	margin: 0;
}

.pagetop2{
	width: 30px;
	height: 30px;
	margin:0 0 10px 1080px;
}


/*footer
---------------------------------------------------------------------------*/
.footer-menu li{
	width: 49%;
}

.footer-menu ul li a{
	font-size: 100%;
}

.footer-menu li:nth-child(3){
	border-right:	none;
}

.footer-menu li:nth-child(even){
	border-right:	1px solid #fff;
}

.footer_copy{
	font-size: 75%;
}

/*company.html
-------------------------------------------------------------------------*/
.company-box{
	margin: 15% 0;
}

.hiketsu{
	width: 90%;
	margin: 10% 2% 2%;
	font-size: 100%;
	text-shadow: 1px 1px 2px #666666;
}

.hiketsu:after {
	border-width: 0 0 20px 20px;
}

.hiketu-block1-img img,.hiketu-block2-img img{
	width: 32%;
	margin-right: 1%;
}

.title-box td:nth-child(1){
	width: 12%;
}

.chizu-box1{
	width: 100%;
	float: none;
}

.google-box{
	width: 100%;
	float: none;
}


/*rollcake.html
-------------------------------------------------------------------------*/
.cake-title{
	font-size: 120%;
}

.gallery-box dt{
	font-size: 92%;
}

.gallery-box dl:nth-child(2),.gallery-box dl:nth-child(5),.gallery-box dl:nth-child(6),
.gallery-box dl:nth-child(8),.gallery-box dl:nth-child(10),.gallery-box dl:nth-child(11){
	margin-left: 0;
	margin-right: 0;
}

.gallery-box dl:nth-child(4),.gallery-box dl:nth-child(7),.gallery-box dl:nth-child(10){
	clear: none;
}

.gallery-box dl,.gallery-box dl:nth-child(2),.gallery-box dl:nth-child(5),.gallery-box dl:nth-child(6),
.gallery-box dl:nth-child(8),.gallery-box dl:nth-child(10),.gallery-box dl:nth-child(11){
	float: none;
	width: 90%;
	margin: 5% 5% 10%;
	padding-bottom: 8%;
	clear: both;
	border-bottom: 1px solid #b9b9b9;
}

.gallery-box dl img {
	border: 0;
	width: 60%;
	height: auto;
	margin: 5% 0 0;
}

.sab{
	width: 60%;
	float: none;
	margin: 5% 20% 10%;
	padding-bottom: 8%;
	clear: both;
	border-bottom: 1px solid #b9b9b9;
}

/*order.html
-------------------------------------------------------------------------*/
.gallery-box2 dt{
	font-size: 92%;
}

.gallery-box2 dl:nth-child(2),.gallery-box2 dl:nth-child(5),.gallery-box2 dl:nth-child(6),
.gallery-box2 dl:nth-child(8),.gallery-box2 dl:nth-child(10),.gallery-box2 dl:nth-child(11){
	margin-left: 0;
	margin-right: 0;
}

.gallery-box2 dl:nth-child(4),.gallery-box2 dl:nth-child(7),.gallery-box2 dl:nth-child(10){
	clear: none;
}

.gallery-box2 dl,.gallery-box2 dl:nth-child(2),.gallery-box2 dl:nth-child(5),.gallery-box2 dl:nth-child(6),
.gallery-box2 dl:nth-child(8),.gallery-box2 dl:nth-child(10),.gallery-box2 dl:nth-child(11){
	float: none;
	width: 90%;
	margin: 5% 5% 10%;
	padding-bottom: 8%;
	clear: both;
	border-bottom: 1px solid #b9b9b9;
}

.adobe-img{
	width: 25%;
}

.o-title-b{
	font-size: 120%;
	margin: 5% 0 3%;
}

.order-table{
	width: 100%;
}

.order-table th{
	width: 100%;
	display: block;
	font-size: 90%;
}

.order-table td{
	width: 100%;
	display: block;
	border-top: none;
	padding: 0;
	text-align: center;
	margin-bottom: 1.5%;
	font-size: 90%;
}

.cool-graph .cool-graph03{
	width: 30%;
}

/*xmas_cake.html
-------------------------------------------------------------------------*/
.xmas_tel{
	width: 100%;
	margin: 5% 0%;
}

}