@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;	border: 0;	margin: 0;	padding: 0;	vertical-align: baseline;}
h1, h2, h3, h4, h5, h6 {	font-weight: normal;}
.h1-logo{	margin-bottom: 10px;width:180px;background-color: #7eac64;text-align: center;}
.h1-logo img{margin-left:auto;margin-right:auto;}

ol, ul {
	list-style: none;
}

a {	text-decoration: none;}
a:link {	color: #658d4f;}
a:visited { color: #658d4f;text-decoration: none; }
a:hover { color: #658d4f; text-decoration: underline; }
a:active { text-decoration: underline; }
.bold{
	font-weight: bold;
}
.bold-red{
	font-weight: bold;
	color: #C33;
}
.text-blank{
	padding-top: 10px;
	padding-bottom: 10px;
}

body {
text-align: center;
line-height: 135%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
vertical-align: top;
font-size: 0.9em;
background-image: url(https://tsuruki-kouji.com/img/bg.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
}
#layout-bg{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #333;
}

.navigation {
	padding-bottom: 10px;
	float: left;
	padding-right: 15px;
}
#global-navi{margin-top: 2em;margin-bottom: 2em;}
#global-navi ul{}
#global-navi li{display: inline-block;}
#global-navi h2{font-size:90%;}
#global-navi h2 a{color:#222222;padding:1em;}
#global-navi h2 a:hover{color:#333333;}

.top-nav-area a{display:block;padding-left:3%;padding-top:1em;padding-bottom:1em;color: #222222;margin-bottom:0.25em;}
.top-nav-area a:nth-of-type(1){border-left:8px solid #a7cf91;}
.top-nav-area a:nth-of-type(2){border-left:8px solid #fd9b9c;}
.top-nav-area a:nth-of-type(3){border-left:8px solid #a4e6fe;}
.top-nav-area a:nth-of-type(4){border-left:8px solid #fdf592;}
.top-nav-area a:nth-of-type(5){border-left:8px solid #e3e6df;}
.top-nav-area a:hover{color: #CC3300;}

/*swiper*/
.swiper-my-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border-radius: 0;
		margin-left:auto;margin-right:auto;
		
}
.swiper-container-horizontal > .swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.swiper-my-pagination img {
  box-shadow: none;
  margin: 0;
  vertical-align: bottom;
}
.swiper-my-pagination {
  display: inline-block;
}
.swiper-my-pagination {
  display: inline-block;
  table-layout: fixed;
}
.swiper-my-pagination .swiper-pagination-bullet {
  display: inline-block;
  padding: 2px;
  background: transparent;
  opacity: 1;
}
.swiper-my-pagination .swiper-pagination-bullet-active {
  background: transparent;
  opacity: 0.6;
}
/**/

#sub-layout{
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	width: 1000px;
}
.sub-h3{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 1em;
	padding:2%;
	width:96%;
	font-weight: bold;
}
h4{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding-bottom:0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.menu-h4{
	font-weight: bold;
	color: #FFF;
	background-color: #333;
padding:1%;
width:98%;
}

#menubar {}
.sub-navi{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2em;
	padding-top: 2em;
}
.sub-navi li{	display: inline-block;}
.sub-navi li a{	display: block;padding:1em;color:#333333;}


#page-layout{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#page-layout-bg{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top:1em;
	}
.sub-cont-layout-a{
	padding-bottom: 30px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 865px;
	padding-top: 10px;
}
.sub-cont-layout-b{
	padding-bottom: 30px;
	text-align: left;
	padding-top: 20px;
}

.sub-cont-text{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height: 200%;
}
.sub-image-mt{
	float: right;
	padding-top: 50px;
	width: 340px;
}
.sub-image-mt-b{
	float: right;
	padding-bottom: 20px;
	}
.sub-text-mt{
	float: left;
	width: 480px;
	margin-bottom: 20px;
}
.sub-image-h{
	padding-top: 18px;
	padding-bottom: 18px;
}
.sub-image-choumi{
	background-image: url(https://tsuruki-kouji.com/img/li00.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 3px;
}
.sub-menu-text-b{}
.sub-menu-text{
	float: right;
	padding-bottom: 25px;
	width: 480px;
}

.sub-menu-image{
	float: left;
}
.sub-li{
	background-image: url(https://tsuruki-kouji.com/img/li00.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}
.sub-li-a{
	background-image: url(https://tsuruki-kouji.com/img/li01.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}
.sub-li-b{
	background-image: url(https://tsuruki-kouji.com/img/li02.png);
	background-repeat: no-repeat;
	padding-left: 30px;
    padding-bottom: 10px;
}
.sub-li-c{
	background-image: url(https://tsuruki-kouji.com/img/li03.png);
	background-repeat: no-repeat;
	padding-left: 30px;
    padding-bottom: 10px;

}
.sub-li-d{
	background-image: url(https://tsuruki-kouji.com/img/li04.png);
	padding-left: 30px;
	padding-bottom: 10px;

	background-repeat: no-repeat;
}
.sub-image-li{
	padding-top: 50px;
}

.sub-menu-table{
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 25px;
}
.sub-table-line{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
padding:1em;
margin-bottom:1em;
}
.sub-table-line-b{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.sub-table-cate{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #333;
	color: #FFF;
}
.sub-table-n{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.sub-table-left{
	float: left;
}
.sub-table-right{
	float: right;
	font-weight: bold;
}
.menu-text-bg{
	background-image: url(https://tsuruki-kouji.com/img/menu-bg.png);
	padding: 10px;
	margin-top: 10px;
}
.take-image-area{
	padding-top: 10px;

}
.take-image-area li{
	float: left;
	padding-right: 15px;
}
.bread-list{

padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}
.search-area{
	float:right;
}

.top-layout{
	font-size: 80%;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	width: 1000px;
	margin-top: 10px;
}
.top-cont-left{
	float: left;
	width: 320px;
	margin-right: 40px;
}
.top-cont-che{
	float: left;
	margin-right: 40px;
	width: 295px;
}
.top-cont-right{
	float: left;
	width: 230px;
}
.top-h3{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top:1em;padding-bottom:1em;
	margin-bottom: 1em;
}
.top-text{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
#body-layout {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;

}
#header {
	padding-top: 10px;
	text-align: left;
	width: 1000px;
}

.topimage{
width:800px;
	float: right;text-align: center;
}
.swiper-wrapper img{width:100%;}

.news-area{
padding:15px;
	background-color: #fff;
}
.news-title{
	padding-left:10px;
}

.news{
	padding-bottom:3px;
font-size:11px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;

}
.description{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
.ct-text-menu{
	padding-top: 3em;
	padding-bottom: 3em;
	font-size:130%;

}
.ct-text-menu-omochi{
	padding-top: 3em;
	padding-bottom: 3em;
	font-size:130%;
}

.ct-text-a{
	padding-top: 65px;
	padding-bottom: 50px;
}
.ct-text-b{
	padding-top: 35px;
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 25px;
}
.ct-text-c{
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	margin-bottom: 1em;
	margin-top:1em;
	padding:0.25em;
}
.ct-text-d{
	font-weight: bold;
	color: #FFF;
	background-color: #7fac65;
	padding:2%;
	width:96%;
	margin-bottom: 1em;
	margin-top: 1em;
}
h5{
	font-weight: bold;
	padding-bottom: 1em;
	padding-top: 1em;

}
.co-ul{
	font-weight: bold;
	padding-top: 15px;
}
.co-top-text-area{
	text-align: left;
	padding-top: 20px;
	width: 865px;
	margin-right: auto;
	margin-left: auto;
}


.shop-top-layout{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.shop-text-layout{
	text-align: left;
}
.shop-te-image{
	padding-top: 45px;
	padding-bottom: 45px;
}

.shop-text-h{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: left;
}
.shop-text{
	padding-bottom: 10px;
	padding-left: 10px;
}


.entry {
	padding-top: 10px;
	padding-bottom: 10px;
}



.clear {
	clear: both;
	float: none;
}


.shop-top-left{
	float: left;
	padding-bottom: 30px;
}
.shop-top-right{
	float: right;
	width: 340px;
}
.map{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	width: 950px;
}
#footer {
	padding: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #333;
	line-height: 135%;
	font-size: 11px;
	background-color: #FFF;

}
.footer-text{
	padding-bottom:10px;
}
#footer-layout{
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	text-align: left;

}
.footer-left {
	float: left;
	margin-right: 15px;
	padding-right: 10px;
}
.footer-left-side{
	float: left;
	width: 210px;

}
.footer-chest {
	float: left;
	padding-right: 10px;
}
.footer-right {
	float: left;
	width: 230px;
}
.footer-chest li {
	padding-bottom: 2px;
	padding-left: 10px;
}
.h-footer {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom:10px;
}
.footer-image {
	padding-bottom: 5px;
}
.footer-omochi{
	float: right;
	padding-top: 15px;display: none;
}
.footer-ul {
	margin: 0px;
	padding: 0px;
}
.rss-area{
padding-left:10px;
padding-bottom:10px;
}

.copyright {
	font-family: Verdana, Geneva, sans-serif;
	padding:3px;
	font-size:11px;
}

#gallery {
	text-align: center;
	width: 800px;
	background-image: url(https://tsuruki-kouji.com/img/toptitlebg.png);
	background-repeat: no-repeat;
}
#images {
	height: 450px;

}
#image {
	position: absolute;
	height: 380px;
	background-image: url(https://tsuruki-kouji.com/img/blog-titlebg.png);
	background-repeat: no-repeat;
}
#image img {
	position: absolute;

}
#thumbwrapper {
	background-image: url(https://tsuruki-kouji.com/img/toptitlebg.png);
	background-repeat: no-repeat;

}
#thumbarea {
	padding-left: 180px;
	padding-top: 385px;
}
#thumbs {

}
#thumbs li {
	float:left;
	margin-right:10px;
	cursor:pointer;
	list-style-image: none;
	list-style-type: none;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #F3F3F3;
	text-decoration: none;
	color: #333;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #FFF;
}

.switch {  cursor: pointer;		position: fixed;top:10px;right:10px;z-index: 999;display:none;}

#open {  display: none;}
#open:checked + #global-navi {display:block;transition:5s;}


@media only screen and (max-width: 769px) {

/*navi*/
.switch{display:block;}
#global-navi {
  position: fixed;
  top: 0;
		left:0;
		display: none;
		z-index: 998;
		width:100%;
		height:100vh;
		background-color: hsla(0,0%,95%,0.92);margin:0;
		padding-top:3em;
}
 

#global-navi li{display:block;}
#global-navi h2 a{display:block;}

.h1-logo{width:100%;background-color:transparent;}
#header{width:100%;}
#body-layout{width:100%;}
.navigation{float:none;padding:2%;width:96%;}
.topimage{width:100%;float:none;clear:both;}

.swiper-pagination-bullet img{width:25px;}


.top-layout{padding:2%;width:96%;}
.top-cont-left{float:none;padding:2%;width:96%;margin:0;}
.top-cont-che{float:none;padding:2%;width:96%;margin:0;}
.top-cont-che img{width:100%;}
.top-cont-right{float:none;padding:2%;width:96%;}

.sub-menu-table{width:96%;padding:2%;font-size:80%;}

.ct-text-menu{padding:0;}
.ct-text-menu img{width:100%;}

.ct-text-a{padding:2%;width:96%;}
.ct-text-a img{width:100%;}

.ct-text-b{padding:2%;width:96%;}
.ct-text-b img{width:100%;}

.co-top-text-area{padding:2%;width:96%;margin-top:2em;margin-bottom:2em;}
.ct-text-menu-omochi{float:none;padding:2%;width:96%;}
.ct-text-menu-omochi img{width:100%;}

.sub-image-h img{width:100%;}
.sub-text-mt{float:none;padding:2%;width:96%;}
.sub-image-mt{float:none;padding:2%;width:96%;}
.sub-image-mt img{width:100%;}
.sub-cont-layout-a{padding:2%;width:96%;}
.sub-image-mt-b{width:96%;padding:2%;float:none;}
.sub-image-mt-b img{width:100%;}

.sub-navi{font-size:10px;}
.sub-menu-image{float:none;}
.sub-menu-image img{width:100%;}
.sub-menu-text{width:96%;padding:2%;float:none;}

.shop-top-layout{width:100%;}
.shop-top-left{float: none;clear:both;width:96%;padding:2%;}
.shop-top-right{float: none;clear:both;width:96%;padding:2%;}
.shop-top-left img{width:100%;}
.shop-te-image img{width:100%;}
.shop-text{padding:2%;width:96%;text-align: left;}

#sub-layout {    padding-top: 1.25em;    width: 100%;}
#footer-layout {    width: 96%;    padding:2%;}
.footer-left {   float: none;clear:both;width:100%;margin:0;}
.footer-right {   float: none;clear:both;width:100%;margin:0;}
.footer-chest{   float: none;clear:both;width:100%;padding:0;}
.footer-omochi{float:none;clear:both;}
.footer-omochi img{width:100%;}
.map{width:100%;}
.copyright{font-size:8px;}
}