@charset "UTF-8";

/* ------------------------------------------------------------ */
/* responsive                                                   */
/* ------------------------------------------------------------ */

.img { -ms-interpolation-mode: bicubic; }



/* PC・タブレット（横用） */
@media screen and (max-width: 1024px) {
	#menulist {
		width: 575px;
		margin: 0 auto;
	}
	#header,
	#contents,
	#pagetop {
		width: 96%!important;
	}
	#foot {
		width: 100%;
	}
	#contents {
		padding: 0 2%;
	}
	#header {
		padding: 5px 2%;
		background: #000;
	}
	.headbtns {
		margin-top: 0;
	}
	#headnav {
		margin-top: 0;
	}
	#headnav li:before {
		color: #fff;
		top: 1px;
	}
	#headnav li a {
		font-size: 70%;
		color: #fff;
		line-height: 1;
	}
	#sub {
		width: 100%;
		float: none;
	}
	#nav3 {
		width: 100%;
		text-align: center;
		max-width: 575px;
		margin: 0 auto;
	}
	
	#nav3 li {
		width: 100%;
	}
	#sp_nav {
		clear: both;
		padding: 30px 2%;
		display: block;
		margin-top: 30px;
		background: #000;
		display: table;
		width: 96%;
	}
	#sp_nav #indexcalendar {
		display: table-cell;
		width: 50%;
	}
	#sp_nav #bnrbox_sp {
		display: table-cell;
		width: 48%;
		padding: 0 0 0 2%;
		text-align: right;
	}
	#sp_nav #bnrbox_sp li {
		display: inline-block;
		text-align: left;
	}
	#bnrbox {
		display: none;
	}
	#tsunoya #main {
		max-width: 575px;
		padding: 22px 0 0 0;
		background: none;
		margin: 0 auto;
		float: none;
		width: 100%;
	}
	#main {
		float: none;
		margin: 25px auto 0;
	}
	#footer {
		width: 96%;
		padding: 2%;
	}
	
	.page #contents {
		width: 790px;
		max-width: 96%;
	}
	.page #nav3 {
		display: none;
	}
	#menu {
		display: block;
		position: absolute;
		width: 25px;
		height: 25px;
		overflow: hidden;
		top: 3px;
		left: 2%;
	}
	#menu .menu_text {
		display: none;
	}
	#menu .menu1 {
		background: #ffffff;
		top: 3px;
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#menu .menu2 {
		background: #ffffff;
		top: 11px;
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#menu .menu3 {
		background: #ffffff;
		top: 19px;
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#menu.open .menu1 {
		top: -50px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open .menu2 {
		width: 0;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#menu.open .menu3 {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	#menu ul li {
		margin-top: 1px;
	}
	#menu span {
		display: inline-block;
		text-align: center;
		line-height: 160%;
		display: block;
		width: 100%;
		height: 38px;
		line-height: 38px;
		position: relative;
		text-decoration: none;
	}
	#main {
		padding-left: 0;
	}
	#menulist {
		margin-left: 0;
		margin-top: 60px;
	}
	#topicpath {
		margin-top: 0;
	}
	#menulist h3 {
		width: 94%;
		height: auto!important;
		text-indent: inherit;
		text-align: center;
		padding: 10px 3%!important;
		margin-bottom: 0;
		background: #592759!important;
		color: #fff;
		font-weight: bold;
	}
	#menulist li {
		height: auto!important;
		padding: 0;
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		text-align: center;
		background: none!important;
	}
	#menulist li a {
		display: block;
		padding: 8px 0;
		width: auto;
		height: auto;
		text-indent: inherit;
		line-height: 160%;
		border: 1px solid #dddddd;
		border-top: none;
		background: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	}
	#menulist li a:hover {
		background: none;
	}
	#menulist {
		width: 575px;
		max-width: 100%;
		margin: 60px auto 0;
		float: none;
	}
	#menulist ul {
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 575px) {
	#indexnavtitle01 {
		width: 100%;
	}
	.indexnav li {
		height: auto;
	}
	#indexnav07 {
		width: 100%;
		height: 0;
		padding-top: 20%;
	}
	#main .news {
		width: 100%;
	}
	#company {
		float: none;
		margin: 0 auto;
		padding: 0;
		border: none;
	}
	#address {
		float: none;
		padding: 0;
		margin-top: 15px;
	}
	#creditbox {
		float: none;
	}
	address {
		font-size: 0.7em;
	}
	#address p, address {
		white-space: normal;
	}
	#copyright {
		clear: both;
		float: none;
		padding-top: 10px;
	}
	#nav12 a {
		background: url("../images2/nav12_sp.png") center center / 170px auto no-repeat #d9ae28;
	}
	#nav12 a:hover {
		background: url("../images2/nav12_hover_sp.png") center center / 170px auto no-repeat #d9ae28;
	}
	#nav01 a {
		background: url("../images2/nav01_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav01 a:hover,
	#nav01.current a {
		background: url("../images2/nav01_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav02 a {
		background: url("../images2/nav02_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav02 a:hover,
	#nav02.current a {
		background: url("../images2/nav02_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav03 a {
		background: url("../images2/nav03_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav03 a:hover,
	#nav03.current a {
		background: url("../images2/nav03_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav04 a {
		background: url("../images2/nav04_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav04 a:hover,
	#nav04.current a {
		background: url("../images2/nav04_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav05 a {
		background: url("../images2/nav05_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav05 a:hover,
	#nav05.current a {
		background: url("../images2/nav05_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav06 a {
		background: url("../images2/nav06_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav06 a:hover,
	#nav06.current a {
		background: url("../images2/nav06_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav07 a {
		background: url("../images2/nav07_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav07 a:hover,
	#nav07.current a {
		background: url("../images2/nav07_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav08 a {
		background: url("../images2/nav08_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav08 a:hover,
	#nav08.current a {
		background: url("../images2/nav08_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav09 a {
		background: url("../images2/nav09_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav09 a:hover,
	#nav09.current a {
		background: url("../images2/nav09_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav10 a {
		background: url("../images2/nav10_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav10 a:hover,
	#nav10.current a {
		background: url("../images2/nav10_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav11 a {
		background: url("../images2/nav11_sp.png") center no-repeat;
		background-size: 170px auto;
	}
	#nav11 a:hover,
	#nav11.current a {
		background: url("../images2/nav11_hover_sp.png") center no-repeat;
		background-size: 170px auto;
	}
}
@media screen and (max-width: 830px) {
	.entrytitle {
		background: url("../images2/entrytitle.gif") 0 0 / 100% auto no-repeat;
	}
	.entrytitle .pagetitle {
		font-size: 120%;
	}
}
@media screen and (max-width: 600px) {
	#main {
		max-width: 100%;
	}
	.columnbox .columns, .columnbox2 .columns {
		margin: 0;
	}
	.columnbox .columns .column, .columnbox2 .columns .column {
		flex-basis: auto;
		max-width: 100%;
		width: 100%;
		margin: 20px;
	}
	.f_left,.f_right {
		float: none;
		padding: 0 0 16px 0;
		text-align: center;
	}
	#footer #company {
		padding: 0;
		margin-bottom: 6px;
		border-right: none;
		background: url("../images/sp/logo.gif") 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#company02 {
		padding-right: 0;
		margin-bottom: 10px;
		background: url("../images/sp/footlogo.gif") 0 0 no-repeat;
		background-size: 100% 100%;
		float: none;
	}
	#address p, address {
		white-space: normal;
	}
	#copyright {
		clear: both;
		float: none;
		padding-top: 10px;
	}
}
/* タブレット（縦用） */
@media screen and (min-width: 641px) and (max-width: 768px) {
	/*#contents,
	#index #contents {
		width: 97%;
	}*/
}

/* Android */
@media screen and (max-width: 640px) {
	
	/*#contents {
		width: 96%;
		margin: 0 auto;
	}
	#index #contents {
		width: 96%;
		margin-left: 10px;
	}
	#header,
	#index #header {
		width: 96%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0 24px;
		overflow: hidden;
	}
	.headbtns {
		display: none;
	}

	#sitetitle_sp {
		clear: both;
		display: block;
		width: 120px;
		height: 154px;
		margin: 0 auto;
		padding-top: 16px;
	}
	#sitetitle_sp a {
		display: block;
		width: 120px;
		height: 154px;
		text-indent: -9999px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480sitetitle.png") 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#sp_headnav {
		display: block;
		float: right;
	}
	#sp_headnav li {
		float: left;
		width: 88px;
		height: 17px;
		margin-left: 4px;
	}
	#sp_headnav li a {
		display: block;
		width: 88px;
		height: 17px;
		text-indent: -9999px;
		background-size: 100% 200%;
	}
	#sp_headnav01 a {	background-image: url("../images/sp/320headnav01.png"); }
	#sp_headnav02 a {	background-image: url("../images/sp/320headnav02.png"); }

	#nav3,
	#nav3 a,
	#nav3 li,
	#nav3 li a,
	li#nav03 a,
	.page #sub,
	.category #sub,
	.single #sub {
		display: none;
	}
	#index #sub {
		width: 100%;
		padding-top: 0;
	}
	#main {
		float: none;
		width: 100%;
		padding-top: 10px;
		padding-left: 0;
		background-position: 0 bottom;
		background-size: 100% auto;
	}
	#sub_sp,
	#sub_sp nav {
		display: block;
	}
	#sub_sp nav ul {
		display: none;
		height: auto;
	}
	#sub_sp nav a#pull {
		display: block;
		background-color: #592759;
		width: 100%;
		height: 38px;
		line-height: 38px;
		position: relative;
	}
	#sub_sp nav a#pull:after {
		content:"";
		background: url("../images/sp/nav-icon.png") no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	#sub_sp nav li {
		display: block;
		float: none;
		width: auto;
		padding: 5px 0;
		text-align: center;
		border: 1px solid #ad94ad;
		border-top: none;
		background: -moz-linear-gradient(top, #785078, #592759);
		background: -webkit-gradient(linear, left top, left bottom, from(#785078), to(#592759));
	}
	#sub_sp nav li:hover {
		background: -moz-linear-gradient(top, #592759, #785078);
		background: -webkit-gradient(linear, left top, left bottom, from(#592759), to(#785078));
	}
	#sub_sp nav a {
		color: #ffffff;
		display: inline-block;
		text-align: center;
		line-height: 160%;
	}

	#mainmenu {
		float: none;
		width: 100%;
		padding-top: 10px;
		padding-left: 0px;
	}
	#menulist h3 {
		width: auto;
		height: auto;
		margin-bottom: 0;
		padding: 10px 0;
		color: #ffffff;
		font-weight: bold;
		text-indent: inherit;
		text-align: center;
	}
	#urara #menulist h3,
	#yamaguwa #menulist h3,
	#news #menulist h3,
	#season #menulist h3 {
		background: none;
		background: #592759;
	}
	#menulist {
		padding-bottom: 20px;
	}
	
	#menulist,
	#menulist ul {
		width: auto;
	}
	#menulist li {
		float: none;
		width: auto;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		text-align: center;
	}
	#menulist li a {
		display: block;
		padding: 8px 0;
		width: auto;
		height: auto;
		text-indent: inherit;
		line-height: 160%;
		border: 1px solid #dddddd;
		border-top: none;
		background: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	}
	#menulist li a:hover {
		background: -moz-linear-gradient(top, #eeeeee, #ffffff);
		background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	}

	#foot,
	#index #foot {
		width: 96%;
		margin: 0 auto;
	}
	#footer {
		padding: 10px 0;
	}
	#index #main {
		display: none;
	}

	#pagetop {
		width: 100%;
	}
	#pagetop a {
		width: 18px;
		height: 18px;
		margin-right: 5px;
		background: url("../images/sp/pagetop.png") 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#sitetitle,
	#sitetitle a,
	#nav,
	#nav a,
	#nav2,
	#nav2 a {
		display: none;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}

	#headnav {
		display: none;
	}
	.spnav {
		display: block;
		width: 460px;
		margin: 0 auto;
		padding-bottom: 16px;
	}
	.spnav p {
		width: 460px;
		height: 46px;
		margin-bottom: 10px;
		text-indent: -3000px;
	}
	#spnav1 p {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnavtitle01.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	#spnav2 p {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnavtitle02.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	#spnav3 p {
		margin-bottom: 0;
	}
	#spnav3 p a {
		display: block;
		width: 460px;
		height: 46px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnavtitle03.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.spnav ul {
		width: 465px;
		margin-left: -5px;
		overflow: hidden;
		_zoom: 1;
	}
	.spnav li {
		float: left;
		width: 150px;
		height: 146px;
		margin: 0 0 5px 5px;
	}
	.spnav li a {
		display: block;
		width: 150px;
		height: 146px;
		text-indent: -3000px;
	}
	#spnav01 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_1.gif") 0 0 no-repeat;	}
	#spnav02 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_2.gif") 0 0 no-repeat;	}
	#spnav03 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_3.gif") 0 0 no-repeat;	}
	#spnav04 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_4.gif") 0 0 no-repeat;	}
	#spnav05 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_5.gif") 0 0 no-repeat;	}
	#spnav06 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_6.gif") 0 0 no-repeat;	}
	#spnav07 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_7.gif") 0 0 no-repeat;	}
	#spnav08 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav02_1.gif") 0 0 no-repeat;	}
	#spnav09 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav02_2.gif") 0 0 no-repeat;	}
	#spnav10 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav02_3.gif") 0 0 no-repeat;	}
	#spnav15 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_8.gif") 0 0 no-repeat;	}
	#spnav17 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_10.gif") 0 0 no-repeat;	}
	#spnav16 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_9.gif") 0 0 no-repeat;	}
	#spnav18 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_11.gif") 0 0 no-repeat;	}
	#spnav19 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480indexnav01_12.gif") 0 0 no-repeat;	}

	#spnav1 a,
	#spnav2 a {
		background-size: 100% 100%;
	}

	#spnav3 {
		display: block;
		width: 460px;
		margin: 0 auto;
		padding: 0 0 30px;
	}
	#spnav3 ul {
		width: 467px;
		margin-left: -7px;
		overflow: hidden;
		_zoom: 1;
	}
	#spnav3 li {
		float: left;
		height: 61px;
		margin: 0 0 7px 7px;
	}
	#spnav3 li a {
		display: block;
		height: 61px;
		text-indent: -9999px;
	}
	#spnav3_1 a {
		width: 148px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480nav00.gif") 0 0 no-repeat;
	}
	#spnav3_2 a {
		width: 149px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480nav03.gif") 0 0 no-repeat;
	}
	#spnav3_3 a {
		width: 149px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480nav05.gif") 0 0 no-repeat;
	}
	#spnav3_4 a {
		width: 148px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480nav07.gif") 0 0 no-repeat;
	}
	#spnav3_5 a {
		width: 149px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480nav08.gif") 0 0 no-repeat;
	}
	#spnav3 li a {
		background-size: 100% 100%;
	}


	#indexcalendar {
		clear: both;
		float: left;
		width: 150px;
	}
	#bnrbox {
		float: left;
		padding-left: 10px;
	}

	.spnews {
		display: block;
		width: 460px;
		padding-bottom: 16px;
		margin: 0 auto;
		overflow: auto;
		*zoom: 1;
	}
	.newsbox {
		float: none;
		width: 460px;
		margin: 0 0 5px 0;
		padding-top: 16px;
		overflow: hidden;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/newsbox_h.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bluebox {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480newsbox_h_t.gif") 0 0 no-repeat !important;
		background-size: 100% auto !important;
	}
	.newsimg {
		float: right;
		padding-left: 10px;
	}
	.newstext {
		width: 460px;
		background: #ffffff;
		background-size: 100% auto;
	}
	.bluebox .newstext {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480newsbox_t.gif") 0 0 repeat-y;
		background-size: 100% auto;
	}
	.newsbox .newsdate {
		padding: 0 16px 16px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/newsbox_f.gif") 0 bottom no-repeat;
		background-size: 100% auto;
	}
	.bluebox .newsdate {
		background-image: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/480newsbox_f_t.gif") !important;
		background-size: 100% auto !important;
	}
	#spnews_btn {
		padding-top: 5px;
		height: 17px;
		overflow: hidden;
	}
	#spnews_btn a {
		display: block;
		float: right;
		width: 88px;
		height: 17px;
		text-indent: -9999px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320btn_list.png") 0 bottom no-repeat;
		background-size: 100% auto;
	}
	#footer #company,
	#address,
	#company02,
	#copyright {
		float: none;
	}
	#footer #company {
		padding: 0;
		margin-bottom: 6px;
		border-right: none;
		background: url("../images/sp/logo.gif") 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#address {
		padding-left: 0;
	}
	#company02 {
		padding-right: 0;
		margin-bottom: 10px;
		background: url("../images/sp/footlogo.gif") 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#address p,
	address {
		white-space: normal;
	}
	#copyright {
		clear: both;
		float: none;
		padding-top: 10px;
	}

	#topicpath {
		padding: 0 0 6px 0;
	}
	.entrytitle {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/entrytitle2.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.entrybox th {
		white-space: normal;
	}

	#news table input,
	#news table textarea {
		width: 90% !important;
	}

}

@media screen and (max-width: 610px) {
	.mainimg {
		width: 100% !important;
		height: auto;
	}
}
@media screen and (max-width: 600px) {
	.columnbox,
	.columnbox2 {
		width: auto;
		margin: 10px 0 20px;
		border: 1px solid #cccccc;
	}
	.columnbox .columns,
	.columnbox2 .columns {
		clear: both;
		width: auto;
		margin-right: 0;
	}
	.columnbox .columns .column,
	.columnbox2 .columns .column {
		width: auto;
		float: none;
		margin-right: 0;
	}
	.columnbox2 .columns .column {
		width: auto;
	}*/
}

@media screen and (max-width: 568px) {
	/*img.resimg {
		width: 100%;
		height: auto !important;
	}*/
}


@media screen and (max-width: 500px) {
	/*.category .document img,
	.attachment .entry-content img,
	.single .entrybox img {
		width: 100%;
		height: auto !important;
	}
	#indexnav {
		width: auto;
	}
	#indexnav li {
		width: 100px;
		height: 97px;
	}
	#main #indexnav li {
		background-size: 100% 100%;
	}
	#indexnav li a {
		width: 100px;
		height: 97px;
	}*/
}

/* iPhone */
@media screen and (max-width: 320px) {
	#bnrbox_sp li, #bnrbox_sp li a {
		width: 140px;
		height: 47px;
	}
	.bnrbox01, .bnrbox02, .bnrbox03 {
		background-size: 100% 100%;
	}
	/*#contents {
		width: 300px;
	}
	#sitetitle_sp {
		width: 78px;
		height: 100px;
	}
	#sitetitle_sp a {
		width: 78px;
		height: 100px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320sitetitle.png") 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.spnav {
		width: 300px;
		padding-bottom: 10px;
	}
	.spnav p {
		width: 300px;
		height: 30px;
		margin-bottom: 6px;
	}
	#spnav1 p {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnavtitle01.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	#spnav2 p {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnavtitle02.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	#spnav3 p {
		width: 300px;
		height: 30px;
	}
	#spnav3 p a {
		display: block;
		width: 300px;
		height: 30px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnavtitle03.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.spnav ul {
		width: 303px;
		margin-left: -3px;
		overflow: hidden;
		_zoom: 1;
	}
	.spnav li {
		float: left;
		width: 98px;
		height: 95px;
		margin: 0 0 3px 3px;
	}
	.spnav li a {
		display: block;
		width: 98px;
		height: 95px;
		text-indent: -3000px;
	}
	#spnav01 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_1.gif") 0 0 no-repeat;	}
	#spnav02 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_2.gif") 0 0 no-repeat;	}
	#spnav03 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_3.gif") 0 0 no-repeat;	}
	#spnav04 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_4.gif") 0 0 no-repeat;	}
	#spnav05 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_5.gif") 0 0 no-repeat;	}
	#spnav06 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_6.gif") 0 0 no-repeat;	}
	#spnav07 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_7.gif") 0 0 no-repeat;	}
	#spnav08 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav02_1.gif") 0 0 no-repeat;	}
	#spnav09 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav02_2.gif") 0 0 no-repeat;	}
	#spnav10 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav02_3.gif") 0 0 no-repeat;	}
	#spnav15 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_8.gif") 0 0 no-repeat;	}
	#spnav17 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_10.gif") 0 0 no-repeat;	}
	#spnav16 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_9.gif") 0 0 no-repeat;	}
	#spnav18 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_11.gif") 0 0 no-repeat;	}
	#spnav19 a	{	background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320indexnav01_12.gif") 0 0 no-repeat;	}
	#spnav1 a,
	#spnav2 a {
		background-size: 100% 100%;
	}

	#spnav3 {
		width: 300px;
		padding: 0 0 15px;
	}
	#spnav3 ul {
		width: 305px;
		margin-left: -5px;
		overflow: hidden;
		_zoom: 1;
	}
	#spnav3 li {
		float: left;
		height: 40px;
		margin: 0 0 5px 5px;
	}
	#spnav3 li a {
		display: block;
		height: 40px;
		text-indent: -3000px;
	}
	#spnav3_1 a {
		width: 96px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320nav00.gif") 0 0 no-repeat;
	}
	#spnav3_2 a {
		width: 97px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320nav03.gif") 0 0 no-repeat;
	}
	#spnav3_3 a {
		width: 97px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320nav05.gif") 0 0 no-repeat;
	}
	#spnav3_4 a {
		width: 96px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320nav07.gif") 0 0 no-repeat;
	}
	#spnav3_5 a {
		width: 97px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320nav08.gif") 0 0 no-repeat;
	}
	#spnav3 li a {
		background-size: 100% 100%;
	}


	.spnews {
		width: 300px;
	}
	.newsbox {
		width: 300px;
		padding-top: 8px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320newsbox_h.gif") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bluebox {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320newsbox_h_t.gif") 0 0 no-repeat !important;
		background-size: 100% auto !important;
	}
	.newstext {
		width: 300px;
	}
	.bluebox .newstext {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320newsbox_t.gif") 0 0 repeat-y;
		background-size: 100% auto;
	}
	.newsbox .newsdate {
		padding: 0 16px 16px;
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320newsbox_f.gif") 0 bottom no-repeat;
		background-size: 100% auto;
	}
	.bluebox .newsdate {
		background: url("https://ushikubi.co.jp/wp/wp-content/themes/ushikubi/images2/sp/320newsbox_f_t.gif") 0 bottom no-repeat;
		background-size: 100% auto;
	}

	#bnrbox {
		width: 140px;
		padding-left: 4px;
	}
	#bnrbox li,
	#bnrbox li a {
		width: 140px;
		height: 47px;
	}
	#bnrbox01,
	#bnrbox02,
	#bnrbox03 {
		background-size: 100% 100%;
	}
	.ovf {
		overflow: visible;
	}
	.f_left {
		float: none;
		padding: 0 0 8px 0;
	}
	.entrybox .goodstbl {
		margin-left: 0 !important;
	}
	.entrybox .goodstbl th,
	.entrybox .goodstbl td {
		border: none;
		padding: 3px;
	}
	.entrybox .goodstbl th {
		padding-left: 12px;
		padding-right: 0;
		white-space: inherit;
	}

	.buybtnbox {
		margin-left: 0px;
		margin-right: 0;
		text-align: center;
	}
	.buybtn {
		float: none;
		width: 250px;
		margin-right: 0;
		padding-bottom: 15px;
	}
	*/
}


@media screen and (max-width: 1040px) {
    .entrytitle {
      width: 94%;
      padding: 40px 3%!important;
    }
    #header {
      background: #fff;
    }
    #footer {
      width: 100%;
    }
    .entrybox .cat_name {
      position: initial;
      width: 100%;
      writing-mode: initial;
      height: auto;
      padding-bottom: 20px;
      margin: 30px 0 0 -15px;
      background: #542454;
      background: -moz-linear-gradient(top, #542454, transparent);
      background: -webkit-linear-gradient(top, #542454, transparent);
      background: linear-g
    }
    #anchor.is-fixed li {
      width: 23%;
    }
    .single-onlineshop form table {
      width: 100%;
      display: block;
    }
    .single-onlineshop form table tbody,
    .single-onlineshop form table tbody tr,
    .single-onlineshop form table tbody th {
      display: block;
    }
  }
  @media screen and (max-width: 1000px) {
    div.pure-g.fair .pure-u-1-3 > div {
      margin-left: 0;
    }
    #onlineshop .title {
      padding: 10px;
      background: #0e2863;
    }
    #onlineshop .title span {
      margin: 0;
      padding: 0;
    }
    #onlineshop .entrytitle {
      padding: 30px 15px!important;
    }
    div.pure-g.fair .pure-u-1-3 {
      width: 100%;
    }
    div.pure-g.fair .imgbox img {
      width: 100%;
      object-fit: cover;
    }
  }
  @media screen and (max-width: 600px) {
    #anchor.is-fixed li {
      width: 100%!important;
    }
    #header {
      position: fixed;
      top: 0;
      z-index: 10;
    }
    .head_contactus p.logo,
    .single-onlineshop .head_contactus p.logo {
      position: absolute;
      top: 10px;
      right: 60px;
      text-align: left;
    }
    #anchor.is-fixed li a {
      text-align: left;
    }
    .entrybox .column4 {
      width: 31%;
    }
    .entrybox .column3 {
      width: 48%;
    }
    #headlogo,
    .single-onlineshop #headlogo {
      width: 100%;
      margin: 10px 0;
    }
    .head_contactus,
    .single-onlineshop .head_contactus {
      width: 100%;
      text-align: center;
    }
    .custom-toggle {
      width: 34px;
      height: 34px;
      position: absolute;
      top: 10px;
      right: 3%;
      display: block;
      z-index: 1000;
    }
    .custom-toggle .bar {
      background-color: #777;
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 100px;
      position: absolute;
      top: 22px;
      right: 7px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
    }
    .custom-toggle.x .bar { top: 18px; }
    .custom-toggle .bar:first-child {
      -webkit-transform: translateY(-12px);
      -moz-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
      transform: translateY(-12px);
    }
    .custom-toggle .bar:nth-child(2) {
      -webkit-transform: translateY(-6px);
      -moz-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    .custom-toggle.x .bar {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .custom-toggle.x .bar:first-child {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .custom-toggle.x .bar:nth-child(2) {
      display: none;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
    }
    .head_contactus {
      display: none;
    }
    #anchor {
      display: none;
    }
    #anchor.is-fixed {
      top: 130px!important;
      height: auto!important;
    }
    header.is-fixed {
      top: auto;
    }
  }
  @media screen and (max-width: 500px) {
    .entrybox .column4 {
      width: 48%;
    }
    #headlogo a,
    .single-onlineshop #headlogo a {
      font-size: 20px;
    }
    .head_contactus p.logo,
    .single-onlineshop .head_contactus p.logo {
      right: 0;
      top: 15px;
    }
    .head_contactus p.logo img,
    .single-onlineshop .head_contactus p.logo img {
      width: 60%;
    }
    #anchor.is-fixed li,
    #anchor li {
      width: 100%;
    }
    #anchor li a {
      text-align: center!important;
      padding: 5px 0!important;
    }
    #anchor li a:before {
      display: none;
    }
    .title {
      font-size: 1rem;
      margin-bottom: 10px;
    }
    .title span {
      padding: 8px;
    }
  }