/* CSS Document */
p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}
h1,h2,h3,h4,div{	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clearfix{clear:both}

#contents {/*width:100%*/width:1000px;max-width:1000px;margin:auto;position: relative}
#TAKANA0,#TAKANA1,#TAKANA2,#TAKANA3,#TAKANA4,#TAKANA5,#TAKANA6,#TAKANA7{clear:both}
.section-title{
	color: #C30;
	background-color: #FFF;
	margin-top: 2%;
	margin-bottom: 2%;
	letter-spacing: 0.3em;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-shadow: 0px 0px 3px 0 #ccc;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F90;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	-webkit-border-top-right-radius: 10px;
}

img{
	vertical-align:bottom;
}


/*header*/
#header h1,#header h2{float:left}
#header h1{width:26.7%}
#header h2{width:73.3%}


/*nav*/
#nav h1{
	clear:both;
	background-image: url(img/nav/nav01.jpg);
	height: 30px;
	width: 200px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
#nav li{float:left;}
.nav1{width:20.0%;}
.nav2{width:20.0%;}
.nav3{width:20.0%;}
.nav4{width:10.0%;}
.nav5{width:10.0%;}
.nav6{width:10.0%;}
.nav7{width:10.0%;}

/*takana0*/
.takana0-1{
	background-image: url(img/takana0/takana0bg.jpg);
	background-repeat: no-repeat;
	background-position: 110% 100%;
	overflow: hidden;
	background-size:55%;
}
.takana0-1 h1{width:100.0%;}
.takana0-1 h2{width:60.0%;}
.takana02img{ float:left;width:54.0%;}
.takana0-1 h3{
float:right;width:44.7%;
max-width: 447px;
right:0;
z-index:9999;
position:absolute;
}
.takana0-1 h3 img{
margin-top: 18%;
}
.takana0-2{
	overflow:hidden;

	height:50%;
}
.message {
	margin-bottom:10%;
}
/*takana1*/





.takana1-1{
	width:37.0%;
	float:left;
	padding-top:43px
}
.takana1-2{
	width:61.4%;
	float:right;
}
.takana1-2 h2{width:82%; margin-bottom:5%; margin-top:10%;}
.takana1-2img{
float:right;
width:46.9%;
max-width: 447px;
right:0;
position:absolute;}
.takana1-2img img{margin-top:-33%;}
.takana105{width:40.0%; clear:both; margin-top:2%; margin-bottom:2%; display:block;}
.takana-1a{overflow: hidden;}

.takana1-3{ margin-bottom:5%; overflow:hidden}
.takana1-3a,.takana1-3b{
	width:30.0%;
	margin-right:5%;
	float:left;
}
.takana1-3c{width:30.0%;float:left;}
.takana1-3a h2,.takana1-3b h2,.takana1-3c h2{width:18.6%; margin-top:1%; margin-bottom:2%;}
.takana1-4{ overflow:hidden; margin-bottom:2%;}
.takana1-4a{ width:35.0%; float:left;}
.takana1-4b{ width:63.2%; float:right;}
.takana1-4b h1,.takana1-4b h2{ margin-top:2%; margin-bottom:2%}
.takana1-4bimg{ float:left; width:31.6%; margin-right:2%; margin-bottom:1%;}
.takana1-5{
	clear: both;
	background-image: url(img/takana1/takana2bg.jpg);
	padding: 1%;
}
.takana1-5{overflow:hidden; margin-bottom:2%}
.takana1-5a{width:49%; float:right;}
.takana1-5b h1{width:92%; margin-bottom:1%;}
.takana1-5b{width:49%;}
.takana1-5b p {color:#fff;font-size:0.95em}

/*takana3*/
.takana301{width:69.6%; margin-bottom:2%}
.takana3-1,.takana3-2,.takana3-3,.takana3-4,.takana3-5,.takana3-6,.takana3-7{ margin-bottom:2%; overflow:hidden}
.takana3-1 .img,.takana3-3 .img,.takana3-5 .img{ width:49%; margin-right:2%; float:left}
.takana3-2 .img,.takana3-4 .img,.takana3-6 .img{ width:49%; margin-left:2%; float:right}
.takana3-1 h2{width:83.5%; margin-bottom:2%; margin-top:2%}
.takana3-1b{ width:49%; float:right;}
.takana3-2 h2{width:45.4%; margin-bottom:2%; margin-top:2%}
.takana3-3 h2{width:94.5%; margin-bottom:2%; margin-top:2%}
.takana3-3b{ width:49%; float:right;}
.takana3-4 h2{width:80.8%; margin-bottom:2%; margin-top:2%}
.takana3-4b{ width:49%; float:right;}
.takana3-5 h2{width:98.9%; margin-bottom:2%; margin-top:2%}
.takana3-5b{ width:49%; float:right;}
.takana3-6 h2{ margin-bottom:2%}
.takana313{ width:98%; margin:auto}

/*takana4*/
.takana4-a{ overflow:hidden;}
.takana401{ width:64%}
.takana4-a1{ width:50%; float:left}
.takana4-a2{ width:50%; float:right}

.menu-pic{ width:47.9%; float:left; margin-right:2%; margin-bottom:2%}
.menu-h31{
		box-shadow: 0px 0px 3px 0 #ccc;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFB973), to(#FFCCAA));
	float:right;
	padding-bottom: 1%;
	padding-top: 1%;

	margin-bottom:1%;
	text-align: center;
	
	font-weight: bold;
	width:50%;
}
.menu-h32{
			box-shadow: 0px 0px 3px 0 #ccc;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFDDBB), to(#FFCCAA));
	padding-bottom: 1%;
	padding-top: 1%;
	margin-top:1%;
	margin-bottom:1%;
	text-align: center;
	background-color: #FFB973;
	font-weight: bold;
	clear:both;
}
.takana4-b h2{ padding-bottom:2%}
.takana4-b p{

	font-size: 0.80em;
	line-height: 125%;
	margin-left:1%
}
.takana411{width:56.1%; margin-bottom:2%;}
.takana4-b1,.takana4-b3,.takana4-b5,.takana4-b7{float:left; width:49%; clear:both; margin-bottom:4%}
.takana4-b2,.takana4-b4,.takana4-b6,.takana4-b8{float:right; width:49%; margin-bottom:4%}
.takana4-b1 h2{width:68.3%}
.takana4-b2 h2{width:93.5%}
.takana4-b3 h2{width:74.6%}
.takana4-b4 h2{width:49.6%}
.takana4-b5 h2{width:67.8%}
.takana4-b6 h2{width:61.8%}
.takana4-b7 h2{width:56.2%}
.takana4-b8 h2{width:68.1%}

.takana4-b21{ float:left; width:26%}
.takana4-b2a{
	background-color: #DDD;
	width: 43%;
	float: right;
	background-image: url(img/takana4/takana428.jpg);
	background-position: left center;
	background-repeat: repeat-y;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-top:1%;
	margin-bottom:2%;
}



#TAKANA5{clear:both; overflow:hidden}
.takana5-0{ float:left}
.takana5-1{ width:33.3%; float:left}
.takana5-2{ width:33.3%; float:left}
.takana5-3{ float:left}
.takana5-4{ width:33.3%; float:left}
.takana5-5{ width:33.3%; float:left}

#TAKANA6{clear:both; overflow:hidden}

.takana607{ width:27.4%}
.takanafaq{ background-color:#FFE599; padding:2%; margin-top:2%; margin-bottom:2%;overflow:hidden}
.takana6-q{
	background-image: url(img/takana6/takana608.jpg);
	background-position: left top;
	padding-top: 3%;
	padding-left: 60px;
	font-size: 23px;
	background-repeat: no-repeat;
	padding-bottom: 4%;
	/*background-size:11%;*/
	margin-bottom:2%;
}
.takana6-a{
	background-image: url(img/takana6/takana609.jpg);
	background-position: left top;
	padding-top: 1%;
	padding-left: 60px;
	background-repeat: no-repeat;
	padding-bottom: 4%;
	/*background-size:11%;*/
}
.takana6-1{width:49%; float:left}
.takana6-2{width:49%; float:right}

/*.takana7*/
#TAKANA7 h2{ margin-bottom:2%}
.takana7-1{ overflow:hidden}
.item1,.item2,.item3{ width:33%; float:left;}
.item1,.item2{ margin-right:0.5%}
.item4{ width:100%; clear:both}
.item1 img{width:55.4%; display:block; margin:auto}
.item2 img{width:55.7%; display:block; margin:auto}
.item3 img{width:56.3%; display:block; margin:auto}
.item4 img{width:28%; float:left; margin-left:4%}
.item-txt{
	background-image: url(img/takana7/takana704.jpg);
	background-repeat: no-repeat;
	padding-top:6.9%;
	padding-left:5.8%;
	padding-right:9.6%;
	padding-bottom:19%;

}

.item4 .item-txt2{
	display: block;
	float: right !important;
	width: 60%;
	background-repeat: no-repeat;
	padding: 20px;

	margin-right: 11px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	box-shadow: 2px 2px 7px 0 #888;
}


.item-txt h3{ font-size:1.2em; background-color:#ccc; padding-left:12.1%; padding-top:2.5%; padding-bottom:2.0%;font-weight: bold;	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#ddd));
	-webkit-border-top-right-radius: 10px;	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F90;}
.item-txt2 h3{ font-size:1.2em; background-color:#ccc; padding-left:4.1%; padding-top:1.5%; padding-bottom:0.8%;font-weight: bold;	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#ddd));
	-webkit-border-top-right-radius: 10px;	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F90;}
.item-txt li{
	padding: 4%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.item-txt2 li{
	padding: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.takana7-2 strong{ clear:both;display:block;font-size:1.2em;font-weight: bold; text-align:center}
.buy1,.buy2,.buy3{
	width: 30%;
	float: left;
	box-shadow: 0px 0px 3px 0 #ccc;
	background-repeat: no-repeat;
	padding-top: 2%;
	padding-right: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 1.5%;
	padding-bottom:5%;
	margin-bottom:5%;
	margin-top:2%;
	height:440px;
}
.buy1,.buy2{ margin-right:0.5%}
.buy1 h3{ width:82%}
.buy2 h3{ width:26.7%}
.buy3 h3{ width:59.7%}
.takana727{ display:block; width:77%; margin-bottom:1.5%}
.takana7google{ display:block; width:51%; float:right; margin-top:2%;}
.takana7-21{ width:82.1%; margin:auto}
.takana731{ display:block; width:49%; margin-right:2%; float:left}
.takana732{ display:block; width:49%; float:right}
.takana7-3{ clear:both;}

/*totop*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
	z-index:9999;
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}
#TAKANA8{ font-size:0.8em; text-align:center; clear:both}
.takana7-2 table{
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #cccccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */
width:90%;
margin:auto;
}
.takana7-2 table td,.takana7-2 table th{border: 1px #666 solid; padding:4px;}
.takana7-2 table th{
	font-size:13px;
	background-color:#eee;
	color:#000;
	text-align: center;
	font-weight: bold;
}
strong{
	font-weight: bold;
}
.red{
	color: #F00;
}




.spdisplay{display:none}
.pcdisplay{display:block}

.i6br{display:none}

.takana1-5a img{width:100%;height:auto}


.takana7-2 p{
	text-align:center;
	margin:5px 0 15px 0
}


/*================================================================== max-width: 1000px ==============================================================================*/



@media screen and (max-width: 1000px) {
	
.takana1-5a img {
    width: 100%;
    height: auto;
    padding-top: 35px;
}
	
	
#header , .takana4-b{overflow:hidden}
#header img{width: 100%;}

.takana0-1 img , .message img , .takana-1a img , #TAKANA2 img , #TAKANA4 img{width:100%;height: auto;}
 #TAKANA5 img , #TAKANA7 h2 img{width:100%}
#TAKANA0, #TAKANA1, #TAKANA2, #TAKANA3, #TAKANA4, #TAKANA5, #TAKANA6, #TAKANA7 {
    clear: both;
    width: 100%;
    max-width: 1000px;
	height:auto
}

.takana5-0{ width:33.3%; float:left}
.takana5-1{ width:33.3%; float:left}
.takana5-2{ width:33.3%; float:left}
.takana5-3{ width:33.3%; float:left}
.takana5-4{ width:33.3%; float:left}
.takana5-5{ width:33.3%; float:left}



.shopguide{width: 100%;}
#contents {
	width:100%;
	max-width:1000px;
	margin:auto;
	position: relative
}

#nav .nav1 img, #nav .nav2 img, #nav  .nav3 img{
	max-width:201px;
	height:auto;
	width:100%
}


#nav .nav4 img, #nav  .nav5 img, #nav .nav6 img , #nav .nav7 img{
	max-width:100px;
	height:auto;
	width:100%
}




	
img{width:100%}
.tbdisplay{display:block}

.tbnone{display:none}

.message , #TAKANA1 {
	padding-top:30px
}

#nav h1 {
    clear: both;
    background-image: url(img/nav/nav01.jpg);
    height: 30px;
    width: 200px;
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    margin-left: 3%;
    margin-top: 20px;
}
	
.takana0-1 {
    margin:30px auto;
    background-size: 49%;
	padding-top:30px
}

.takana0-1 h3 {
    float: right;
    width: 44%;
    position: relative;
}

.takana1-3 , .takana-1a , .takana1-4 {
    width: 94%;
    margin: 20px auto;
}

.takana301{
	width: 89%;
	margin: 0 auto 20px auto;
}

#TAKANA0 , #TAKANA1 , #TAKANA2 , #TAKANA3 ,  #TAKANA6 , #TAKANA5 , #TAKANA4 , #TAKANA7 , .fb_box{
	width:94%;
	margin:20px auto 0 auto
}


.takana105{margin-left:3%}


.takana1-4a , .takana1-4b{width:100%}

.takana1-5 {
    margin-top: 30px;
}


#TAKANA3{margin-top:30px}


.takana3-1 .img{
    width: 80%;
	float:none
}

.takana3-1b{
	width:100%
}

.takana3-1{
	text-align:center
}

.takana3-1b p{
	text-align:left !important
}


.takana3-1 h2 {
    width: 56%;
}

.takana3-6{
	width: 94%;
    margin: 30px auto;
}

.takana313{
	width:100%
}

.takana401 {
    width: 80%;
    margin: 20px 0 20px 0;
}

.takana411 {
    width: 75%;
}


.takana607 {
    width: 30.4%;
    margin-left: 3%;
	margin-bottom:20px
}

.takanafaq{
	width:94%;
	margin:auto;
}

.shopguide {
    width: 94%;
    margin: auto;
}


.fs-15{font-size:12px}


.sp667downdisplay{display:none}
.sp667updisplay{display:block}
}


/*================================================================== max-width: 667px ==============================================================================*/


@media screen and (max-width: 667px) {
.takana7-2 p {
    text-align: left;
    margin: 5px auto 15px auto;
    width: 90%;
}

.sp667downdisplay{display:block}
.sp667updisplay{display:none}

.item4 img {
    width: 28%;
    float: left;
    margin-left: 0;
}



}

/*================================================================== max-width: 640px ==============================================================================*/




@media screen and (max-width: 640px) {
	
	
.ls-1{letter-spacing:-1px}
	
.fs-15{font-size:15px}
	
.pb-5{padding-bottom:5%}
.pb-5{padding-bottom:2%}

.db{display:block}

.spdisplay{display:block !important}
.pcdisplay{display:none !important}


#contents {width:100%;margin:auto;position: relative}
#header h2{width:100%}

img{
	max-width:640px;
	width:100%;
	height:auto
}

.takana0-1 {
	background-image:none;
}



#nav_sp h1 {
    clear: both;
    background-image: url(img/nav/nav01sp.png);
    width: 50%;
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2% 0;
    margin: auto;
}

#nav_sp ul{
	width:100%;
	overflow:hidden;
	margin:auto
}

#nav_sp a{display:block}


.nav1 , .nav2 , .nav3{
	width:33%;
	float:left
}


.nav4 , .nav5 , .nav6 , .nav7{
	width:100%;
	height:auto
}


h1, h2, h3, h4, div {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.section-title {
    color: #C30;
    background-color: #FFF;
    margin-top: 2%;
    margin-bottom: 2%;
    letter-spacing: 0.3em;
    font-weight: bold;
	padding:1% 1% 1% 2%;
    box-shadow: 0px 0px 3px 0 #ccc;
    border-left-width: none;
    border-left-style: none;
    border-left-color: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    -webkit-border-top-right-radius: 10px;
    width: 97%;
    font-size: 20px;
	margin-bottom: 5%;
	text-align:center
}

.message {
    margin: 10% 0;
}


#TAKANA0{
    width: 100%;
    margin: auto;
}

#TAKANA0 .takana0-1{
	width:90%;
    margin: 5% auto 0 auto;
}

#TAKANA3{
	margin-top:10%
}

.takana0-1 h1 {
    width: 100.0%;
    text-align: center;
    padding: 3% 0 1% 0;
}

.takana0-1 h2 {
    width: 90%;
    text-align: center;
	margin-bottom: 2%;
}

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


.takana0-1 h3 {
    float: right;
    width: 44.7%;
    max-width: 447px;
    right: 0;
    z-index: 9999;
    position: absolute;
}

.takana1-1 {
    width: 70%;
    float: none;
    margin: auto;
}
	
.takana1-2 {
    width: 94%;
    float: none;
    margin: auto;
}

.takana1-3{
	width: 94%;
    float: none;
    margin: auto;
}


.takana301 {
    width: 94%;
    margin: 0 auto 2% auto;
}

.takana1-3a , .takana1-3b , .takana1-3c{
    width: 100%;
    float: none;
    margin: auto;
	overflow:hidden;
	margin-bottom:5%
}

.takana1-3a > img , .takana1-3b > img ,.takana1-3c > img{
    max-width: 320px;
    height: auto;
    width: 48%;
    float: left;
    padding-right: 2%;
}

.takana3-1, .takana3-2, .takana3-3, .takana3-4, .takana3-5, .takana3-6, .takana3-7 {
    margin: 2% auto;
    overflow: hidden;
    text-align: center;
}

.takana1-3 p{
	font-size: 16px;
}

.takana1-3a h2 img , .takana1-3b h2 img , .takana1-3c h2 img{
    height: auto;
    width: 14%;
}

.takana1-3a h2, .takana1-3b h2, .takana1-3c h2 {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
	width:49%;
	float:right;
}


.takana105 {
    width: 90%;
    clear: both;
    display: block;

    text-align: center;
    margin: auto;
    padding: 5% 0 2% 0;
}

.takana105 img{
	max-width: 400px;
    height: auto;
    width: 100%;
}

.takana1-4{
	width: 94%;
    float: none;
    margin: auto;
}

.border{
    background-color: #999999;
    height: 2px;
    margin: 5% 0;
    width: 100%;
}

.takana1-4a {
    width: 100%;
    float: none;
}

.takana1-4b {
    width: 100%;
    float: none;
}

.takana1-4bimg {
    float: left;
    width: 50%;
    margin-right: 2%;
    margin-bottom: 1%;
}

.takana1-5a {
    width: 45%;
    float: right;
    padding: 2% 0 0 0;
}

.takana1-5a img{
	max-width:270px;
	height:auto;
	width:100%
}

.takana1-5b h1 {
    width: 52%;
}
.takana1-5b {
    width: 100%;
    padding: 2% 0;
}

.takana1-5b p {
    color: #fff;
    font-size: 16px;
    width: 100%;
}

.takana1-5 {
    clear: both;
    background-image: url(img/takana1/takana2bgsp.png);
    padding: 3% 2%;
    background-size: cover;
}


.takana7-2 strong {
    clear: both;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.takana7-21 {
    width: 100%;
    margin: auto;
}

.takana1-4b p{
	margin-bottom:5%
}

.takana3-1 , .takana3-2 , .takana3-3 , .takana3-4 , .takana3-5{
	margin: 5% auto;
    overflow: hidden;
    width: 94%;
	text-align:center
}
.takana3-1 .img, .takana3-2 .img, .takana3-3 .img, .takana3-5 .img , .takana3-4 .img{
    width: 100%;
    margin-right: 0;
    float: none;
    max-width: 490px;
    height: auto;
}


.takana3-1b , .takana3-3b , .takana3-4b , .takana3-5b{
    width:100%;
    margin-bottom: 2%;
    margin-top: 2%;
}

.takana3-1 p , .takana3-2 p , .takana3-3 p , .takana3-4b p , .takana3-5b p{
	text-align:left;
	font-size: 17px;
}

.takana3-1 h2 , .takana3-2 h2 ,.takana3-3 h2 , .takana3-4b h2 , .takana3-5b h2{
    width: 90%;
    margin-bottom: 4%;
    margin-top: 4%;
	text-align: left;
}

.takana3-2b h2 img{
	max-width:454px;
	height:auto;
	width:100%
}

.takana3-3b h2 img{
	max-width:427px;
	height:auto;
	width:100%
}


.takana401 , .takana4-b{
    width: 94%;
	margin: 10% auto;
}

.takana4-a1 {
    width: 100%;
    float: none;
}


/*レシピ*/


.menu-h31{
    box-shadow: 1px 1px 3px 1px #ccc;
    background: -webkit-gradient(linear, left top, right bottom, from(#FFB973), to(#FFCCAA));
    float: none;
    padding-bottom: 1%;
    padding-top: 1%;
    margin: 1% auto 2% auto;
    text-align: center;
    font-weight: bold;
    width: 98%;
	overflow:hidden
}


.zairyo{
	width:49%;
	float:left;
	padding-left:1%
}

.oh{overflow:hidden}

.takana4-b p {
    font-size: 16px;
    line-height: 125%;
    margin-left: 0;
}

.menu-h32{margin-top:4%}

.takana411{width:90%; margin-bottom:2%;}
.takana4-b1,.takana4-b3,.takana4-b5,.takana4-b7{
	float: none;
    width: 100%;
    clear: both;
    margin-bottom: 4%;
    border-bottom: 1px black solid;
    padding-bottom: 5%;
}

.takana4-b2a {
    background-color: #DDD;
    width: 42%;
    float: right;
    background-image: url(img/takana4/takana428.jpg);
    background-position: left center;
    background-repeat: repeat-y;
    padding-top: 1%;
    padding-right: 0;
    padding-bottom: 1%;
    padding-left: 7%;
    margin-top: 1%;
    margin-bottom: 2%;
}

.takana4-b2,.takana4-b4,.takana4-b6,.takana4-b8{
	float: none;
    width: 100%;
    clear: both;
    margin-bottom: 4%;
    border-bottom: 1px black solid;
    padding-bottom: 5%;
}

#TAKANA5-sp {margin:5% 0}

#TAKANA5-sp img{
	display:block;
}


#TAKANA6 .takana607{display:none}


.takanafaq {
    background-color: #FFE599;
    padding: 3%;
    margin-top: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}


.takana6-1 ,.takana6-2{
    width: 100%;
    float: none;
}


.takana7-1 {
    overflow: hidden;
    width: 94%;
    margin: auto;
}

.item-txt{
	background-image: none;
	background-color:#FFF;
    width: 52%;
    float: left;
	margin-left: 2%;
    padding: 2% 1% 2% 1%;
	box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-webkit-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-moz-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
}





.item1 img , .item2 img  , .item3 img {
    width: 43%;
    display: block;
    margin: auto;
    float: left;
}


.item1, .item2, .item3 {
    width: 100%;
    float: none;
	overflow: hidden;
	border-bottom: 1px black solid;
    padding: 5% 0;
}

.item4 {
    width: 100%;
    clear: both;
	overflow:hidden;
	padding: 5% 0;
	border-bottom: 1px black solid;

}

.item-txt h3 , .item-txt2 h3{
    font-size: 1.2em;
    background-color: #ccc;
    padding-left: 6%;
    padding-top: 2.5%;
    padding-bottom: 2.0%;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#ddd));
    -webkit-border-top-right-radius: 0;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #F90;
}


.item4 .item-txt2 {
	background-color:#FFF;
    width: 94%;
    float: none !important;
    padding: 2% 1% 2% 1%;
	box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-webkit-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-moz-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;	margin:auto !important;
}

.item4-1{text-align:center}
.item4 img {
    width: 100%;
    float: none;
    margin-left: 0;
    max-width: 276px;
    height: auto;
	margin-bottom: 10px;
}

.takana7-2{
	width:94%;
	margin:auto
}

.takana7-2 strong {
    clear: both;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

#TAKANA7 h2 img{
    width: 100%;
	max-width:242px;
	height:auto
}


.takana7-2 table {
    border-collapse: collapse;
    border: 1px #cccccc solid;
    width: 100%;
    margin: auto;
}


#TAKANA7 {
    margin: 10% auto;
}#TAKANA7 h2 {
    margin-bottom: 2%;
    text-align: center;
}	

.takana7-3{
	width:94%;
	margin:auto}

.buy1, .buy2, .buy3 {
    width: 90%;
    float: none;
    background-image: none;
	box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-webkit-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;
	-moz-box-shadow:rgba(63, 64, 64, 0.34) 1px 0px 6px 0px;	margin:auto !important;
	padding:4%;
	height:auto;
	margin:0 auto 5% auto !important
}


.buy1 > img , .buy2 > img{
	max-width:434px;
	height:auto;
	width:100%
}

.buy1 h3 img{
	width: 100%;
	height:auto;
	max-width:246px
}

.buy2 h3 img{
	width: 100%;
	height:auto;
	max-width:80px
}
.buy3 h3 img{
	width: 100%;
	height:auto;
	max-width:179px
}


.pt-10{padding-top:1%;}

.w300{
	max-width:300px !important;
	height:auto;
	width:100%
}

.maplink{
	max-width:153px;
	height:auto;
	width:100%
}

.fb-iframe{
	width:94%;
	margin:auto
}

.menu-h31 {background:none}
#TAKANA7 h2 {
    margin-bottom: 2%;
    text-align: left;
    width: 94%;
    margin:2% auto;
}





.takana7-2sp table{
	border-collapse: collapse; /* 枠線の表示方法 */ 
	width:94%;
	margin:auto;
}
.takana7-2sp table td,.takana7-2sp table th{
	border: 1px #666 solid;
	padding:0;
	font-size: 15px;
	width: 15%;
}


.takana7-2sp table th{
	width: 10%;
	font-size:13px;
	background-color:#eee;
	color:#000;
	text-align: center;
	font-weight: bold;
}


.takana7-2sp strong{ clear:both;display:block;font-size:1.2em;font-weight: bold; text-align:center}


.fb_box{
	width:94%;
	margin:auto;
	text-align:center}
	
.buy1 h3 ,.buy2 h3 , .buy3 h3{
    margin: 2% 0;
}

/*ショッピングガイド*/

#guide_sp{
	width:94%;
	margin:auto
}

#guide_sp img{
	width:100%;
	max-width:177px;
	height:auto
}

#guide_sp h1 {
    margin: 1% 0;
    font-size: 18px;
    font-weight: bold;
}

#guide_sp p{
	margin:3% 0
}

.guide_box_in{
	background-color:#FFF;
	border:1px solid #666;
	padding:2%
}


.guide_box{
	margin:5% 0;
	border-bottom:#000 1px solid;
}

.guide_box_in dl{
	overflow:hidden;
	width:100%
}

.guide_box_in dd{
    margin-left: 25%;
	width:75%

}

.guide_box_in dt{
	float:left;
	clear:both;
	width:25%
}


.companyname {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 3% 0 !important;
}

/*totop*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 3%;
}
.pagetop a {
	z-index:9999;
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
 

 

.i6br{display:none}

}

/*================================================================== iphone6 ==============================================================================*/

@media (min-width: 361px) and (max-width: 375px) {

.g4br{display:none}
.i6br{display:block}
.i5br{display:none}


}


/*================================================================== iphone5 ==============================================================================*/

@media (max-width: 360px) {


.takana7-2sp table td,.takana7-2sp table th{
	border: 1px #666 solid;
	padding:0;
	font-size: 14px;
	width: 13%;
}
}