@charset "utf-8"; /*utf-8の場合*/

/*
http://www.entereal.co.jp/blog/entry_bootstrap-column-width.html
1,200px以上の場合 ････････　1,165px 150 +640 + 300  (1170)1090+80
  992px以上の場合 ････････　970px +670+300
  768px以上の場合 ････････　750px 750
  768px未満の場合 ････････　ブラウザの幅 
*/
/* ---------------------------body---------------------- */
/* Padding（内側）margin（外側）数値は上、右、下、左*/




@media screen and (min-width:1024px){
body 	{width: 1020px;}
h1 a,h1 a:link,h1 a:active,h1 a:visited,h1 a:hover
		{z-index:0;width: 440px;height:112px;background-size:cover;left:-10px;}
div#container,div#header
		{width: 960px;background-size:contain;}
div#header p	{font-size:12px;}
#content	{width: 980px;}
.main		{width: 760px;}
div.left-side	{width:210px;float:left;display:inline;background: #fff;font-size:14px;}
div.left-side p	{Padding: 4px 0 2px 8px;}
div.left-in,div.left-in2,div.left-in3
		{background-size:contain;Padding: 10px 0px 20px 0px;}
.left-in ul,.left-in2 ul
		{width: 184px;}
.left-in ul li	{line-height:1.2;}
.left-in2 ul li	{Padding: 5px 0px 3px 0px;}
.left-in2 ul,div.left-in3	{font-size:12px;}
.side-mess	{width: 200px;height:43px;font-size:12px;background-size:contain;}
/*.side-mess p	{padding:0 0 3px 8px;} */

}
/* ---------------------------↑1024以上↑---------------------- */
/* ---------------------------↑1024以上↑---------------------- */
/* ---------------------------↑1024以上↑---------------------- */


/* ---------------------------↓756以上 1024以下↓---------------------- */
/* ---------------------------↓756以上 1024以下↓---------------------- */
/* ---------------------------↓756以上 1024以下↓---------------------- */
@media screen and (min-width:755px) and (max-width:1023.9px){

body 		{width: 750px;}
div#header p	{font-size:12px;}
h1 a,h1 a:link,h1 a:active,h1 a:visited,h1 a:hover
		{height:50px;margin: 0px auto;float:none;top: 11px;background-size:cover;}
/*
h1 img,h1 a:link,h1 a:active img,h1 a:visited img,h1 a:hover img
		{background-size:contain;height:200%;}
*/
/* 	画像縮小
	https://www.sejuku.net/blog/83148  
	https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images
*/

div#header ul	{position: relative;top: 20px;float:none;height:64px;margin: 0px auto;}

div#container	{width: 750px;}
div#header	{width: 750px;height: 96px;}
#content	{width: 750px;position: relative;top: 35px;}
.main		{width:750px;}
.orangebox	{width: 750px;}

div.left-side	{width:97%;margin:0 auto;display:block;float:none;background: #fff;font-size:14px;}
/*  div.left-side	{width:100%;}  */
div.left-in,div.left-in2,div.left-in3
		{float:left;}
/* -------------------------------------------- */
/*
div.left-side	{float:left;display:inline;background: #fff;font-size:14px;}
*/
.large-txttop	{margin:10px 0px 0px 6px;}
.large-txt2	{margin:0px 0px 0px 6px;}
.large-txt	{margin:0px 0px 0px 6px;}
.large-txtbottom{margin:0px 0px 30px 6px;}

div.left-side p	{Padding: 4px 0 2px 8px;}
div.left-in,div.left-in2
		{background-size:contain;Padding: 10px 10px 20px 0px;}
div.left-in3
		{background-size:contain;Padding: 15px 10px 20px 0px;width: 280px;}
.left-in ul,.left-in2 ul
		{width: 180px;}
.left-in ul li	{line-height:1.2;}
.left-in2 ul li	{Padding: 5px 0px 3px 0px;}
.left-in2 ul,div.left-in3	{font-size:12px;}
.side-mess	{width: 200px;height:43px;font-size:12px;background-size:contain;}
#footer		{width: 90%;Padding:20px ;margin:0 auto;position: relative;top:30px;}
div#foot-link{width:555px;}




}

/* ---------------------------↓280以上 755以下↓---------------------- */
/* ---------------------------↓280以上 755以下↓---------------------- */
/* ---------------------------↓280以上 755以下↓---------------------- */
@media screen and (min-width:100px) and (max-width:754.9px){

body 		{width: 100%;border-top:0;}

h1 a,h1 a:link,h1 a:active,h1 a:visited,h1 a:hover
	{z-index:0;width:80%;background-size:contain;
/*	 height:91px; */
	 padding:0 15px 0 0;
	 margin: 0px auto;float:none;top: 20px;}

/* Padding（内側）margin（外側）数値は上、右、下、左*/

div#container,div#header
		{width: 99.9%;background-size:contain;Padding:0;margin:0;}
div#header p	{display:none;}
div#header	{width: 100%;margin-bottom:0px}
#content	{width: 100%;}


.orangebox iframe,	.orangebox p iframe
	{float:none !important;
	max-width:100% !important;
	/* height:auto !important; */
	padding:0 0 10px 0;margin:0;
	}
.orangebox img, /*.mt-enclosure img, mt-enclosure-image img, */
.orangebox p img,.orangebox img
	{
	max-width:100% !important;
	height:auto !important;
	padding:0 0px 0 0; /*画像、ヨコ一杯*/
	}
.orangebox p img
	{
	padding:0 8px 0 0; /*画像、ヨコ一杯*/
	}

/*
.orangebox p{width:100%;margin:0;padding:16px 8px 16px 8px;}
*/
}



/* ---------------------------↓540以上 755以下↓---------------------- */
/* ---------------------------↓540以上 755以下↓---------------------- */
/* ---------------------------↓540以上 755以下↓---------------------- */
@media screen and (min-width:540px) and (max-width:754.9px){
div#header ul	{position: relative;top: -50px;float:none;height:64px;
		 width:510px;margin: 0px auto;
		 background:url(https://www.himasute.jp/parts/head-list.png) no-repeat 10px 0px}
#content 	{top:-60px;padding:0;}
h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover
		{width:376px;margin:0 auto;}
.main	{width: 100%;padding:0;margin-top:30px;}
.orange-top,.orange-bottom
		{Display:none;}
.orangebox	{display:block; width: 100%;Padding:0;}
.largebox	{width: 95%;background-size:contain;Padding:5px 10px 0 10px;margin:8px 5px 0 5px;font-size:15px;}
.largebox .largebox	{width: 100%;Padding:5px 10px 0 10px;margin:8px 0px 0 -10px;}
/* Padding（内側）margin（外側）数値は上、右、下、左*/

.topi a	,.kyaku a,.libra a,.past a,.whats a,.member a,.bosyu a,.ticke a,.shop a,
.topi a:hover,.kyaku a:hover,.libra a:hover,.past a:hover,.whats a:hover,.member a:hover,
.bosyu a:hover,.ticke a:hover,.shop a:hover
	{display:block;width:240px;height:23px;background-size:cover;}

.midiumpic	{width: 20%;margin:6px 0 14px 0;font-size:13px;height:123px;overflow: hidden;}
.midiumpic img	{width: 95% !important;height:95% !important;margin:0 0 20px 0;}
.box84-84	{width: 100%;height:100px;}

.largebox .smallbox	{width: 95%;padding:10px 0 0 0;margin:10px 0 0 11px;font-size:16px;
		 background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
		 background-size:contain;}
.right-box, .smallbox{
	width:35%;
	background: url(https://www.himasute.jp/parts/240-5.gif) no-repeat;
	background-size:contain;
	float:left;display:block;
	padding:7px 0px 7px 4px;
	margin:8px 2px 0 0;
}




.smallpic	{font-size:14px;width:18%;height:138px; }
.smallpic img	{width: 130% !important;height:130% !important;position: relative;top:-25px;left:-17px;}

.box66-66	{width: 100%;height:104px;}


#footer		{width: 90%;Padding:20px ;margin:0 auto;}
.side-mess	{Display:none;}


}

/* --------左から下メニュー専用↓540以上 620以下↓---------------------- */
/* --------左から下メニュー専用↓540以上 620以下↓---------------------- */
/* --------左から下メニュー専用↓540以上 620以下↓---------------------- */
@media screen and (min-width:540px) and (max-width:619.9px){
div.left-side	{width:97%;margin:0 auto;}
div.left-in,div.left-in2 {float:left;width:28%;margin:0 0 0 10px}
div.left-in3	{float:right;width:35%;}
div.left-in p,div.left-in2 p,div.left-in3 p
		{font-size:17px;margin:5px 0 10px 0;}

.left-in ul	{width: 93%;font-size:13px;overflow: hidden;padding:0 10px;}
.left-in ul li	{width: 99%;line-height:1.2;float:left;display:block;}
.left-in2 ul	{width: 93%;font-size:13px;}
.left-in2 ul li	{padding:0 0 7px 0; margin:0 0 8px 0;}

.orangebox img, /* .mt-enclosure img, mt-enclosure-image img, */
.orangebox p img,.orangebox img
	{
	/* float:none !important; */
	/* width:100% !important; */
	max-width:100% !important;
	height:auto !important;
/*	padding:0 0 10px 0; */
	margin: 0px auto;
	}
/*
.orangebox p{text-align : left;}
.orangebox p img{text-align : center;}
*/
}


/* --------左から下メニュー専用↓620以上 755以下↓---------------------- */
/* --------左から下メニュー専用↓620以上 755以下↓---------------------- */
/* --------左から下メニュー専用↓620以上 755以下↓---------------------- */
@media screen and (min-width:620px) and (max-width:754.9px){
div.left-side	{width:97%;margin:0 auto;}
div.left-in,div.left-in2 {float:left;width:29%;margin:0 0 0 10px}
div.left-in3	{float:right;width:34%;margin:0 0 0 5px}
div.left-in p,div.left-in2 p,div.left-in3 p
		{font-size:17px;margin:5px 0 10px 0;}

.left-in ul	{width: 93%;font-size:15px;overflow: hidden;padding:0 10px;}
.left-in ul li	{width: 99%;line-height:1.2;float:left;display:block;}
.left-in2 ul	{width: 93%;font-size:15px;}
.left-in2 ul li	{padding:0 0 7px 0; margin:0 0 8px 0;}
}

/* ---------------------------↓680以上 755以下↓---------------------- */
/* ---------------------------↓680以上 755以下↓---------------------- */
/* 	background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
	border-top:5px solid #ffa915;background:none !important;*/
/* ---------------------------↓680以上 755以下↓---------------------- */
@media screen and (min-width:666px) and (max-width:754.9px){
/* -------------------↑iPhone 6～8 の横幅用の 指定はココだけ -------------------- */


.largebox	{width: 58%;background-size:contain;Padding:5px 10px 0 10px;
		　margin:8px 25px 0px 5px;font-size:15px;}
.right-box,.smallbox
		{width: 35%;padding:6px 0 0 4px;margin:8px 0 0 0px;font-size:15px;
		 background:#FFF;
		 background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
		 background-size:contain;}
.largebox .smallbox
		{width: 99%;padding:10px 0 0 11px;margin:9px 0 0 0px;font-size:16px;
		 background:#FFF;
		 background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
		 background-size:contain;}
/* Padding（内側）margin（外側）数値は上、右、下、左*/



div.left-side	{margin-top:10px;}

.smallpic	{font-size:14px;width:29%;height:148px; }


.smallpic img	{width: 151% !important;height:151% !important;position: relative;top:-17px;left:-18px;}
.smallpic p	{position: relative;top:24px;font-size:11px;}
.smallpic a	{position: relative;top:-20px;}
.box66-66	{width: 100%;height:104px;}

.midiumpic	{width: 33%;margin:6px 0 14px 0;font-size:13px;}
.midiumpic img	{width: 95% !important;height:95% !important;margin:0 0 20px 0;}
.box84-84	{width: 100%;height:100px;}

}

@media screen and (min-width:100px) and (max-width:665.9px){

.largebox .smallbox,.right-box,.smallbox
		{width: 97%;padding:10px 0 0 11px;margin:9px 0 0 0px;font-size:16px;
		 background:#FFF;
		 background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
		 background-size:contain;}

}


/* ---------------------------↓画像 592以上 540以下↓---------------------- */
/* ---------------------------↓画像 592以上 540以下↓---------------------- */
/* ---------------------------↓画像 592以上 540以下↓---------------------- */
@media screen and (min-width:540px) and (max-width:592px){
.smallpic img	{width: 165% !important;height:130% !important;position: relative;top:-20px;left:-27px;}
}


/* ---------------------------↓画像 100以上 446以下↓---------------------- */
/* ---------------------------↓画像 100以上 446以下↓---------------------- */
/* ---------------------------↓画像 100以上 446以下↓---------------------- */
@media screen and (min-width:100px) and (max-width:446px){
.smallpic img	{width: 140% !important;height:130% !important;position: relative;top:-13px;left:-26px;}
.smallpic	{font-size:12px;width:22%;height:138px; }
}





 /* Padding（内側）margin（外側）数値は上、右、下、左*/



/* ---------------------------↓100以上 540以下↓---------------------- */
@media screen and (min-width:100px) and (max-width:539.9px){
body 		{width: 100%;border-top:0;}
div#header	{height:130px;}
div#header ul	{Display:none;}
#content 	{top:-85px;padding:0;}
.main	{width: 100%;padding:0;margin-top:30px;}
.orange-top,.orange-bottom
		{Display:none;}
.orangebox	{width: 100%;Padding:0px;margin:0 0;}
.mt-enclosure, mt-enclosure-image
		{float:none !important;clear:both !important;}
.orangebox img
	{
	width: 100% !important;
	height:auto !important;
	Padding:0 !important;
	margin:0 0 !important;
	float:none !important;clear:both !important;
	}
.mt-enclosure img, mt-enclosure-image img
	{
	max-width: 100% !important;
	height:auto !important;
/*----------------ここを消すとシダルマ延期が良くなる------★★★
	Padding:0 !important;
	margin:0 0 !important;
	float:none !important;clear:both !important;
----------ここを消すとシダルマ延期が良くなる----------------*/

	}



.largebox	{width: 100%;padding:10px 0 0 0;margin:10px 0 0 0;font-size:16px;}

/* .smallpic	{width: 20%;font-size:13px;margin:6px 5px 14px 0;} */
.smallpic	{font-size:14px;width:22%;height:148px; }
/* .smallpic img	{width: 100% !important;}  */

.smallpic img	{width: 136% !important;height:130% !important;position: relative;top:-25px;left:-18px;}
.smallpic p	{position: relative;top:24px;}
.smallpic a	{position: relative;top:-20px;}
.box66-66	{width: 100%;height:104px;}

.midiumpic	{width: 33%;margin:6px -9px 14px 7px;font-size:13px;}
.midiumpic img	{width: 95% !important;height:95% !important;margin:0 0 20px 0;}
.box84-84	{width: 100%;height:100px;}
.largebox .smallbox	{width: 98%;padding:10px 0 0 6px;margin:10px 0 0 0;font-size:16px;
		 background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;}
.large-txt big,.large-txt b,.large-txt p,.large-txt span,.large-txt div,.large-txt strong
	{
	font-weight:normal !important;
/*	font-size:inherit !important;*/
	}



div.left-side	{width: 100%;margin:0 0 0 0px;padding:0 0px;}
div.left-in2	{}
div.left-in,div.left-in2,div.left-in3
		{padding:10px 0px 10px 10px;
		background: url(https://www.himasute.jp/parts/490-5.gif) no-repeat;
		Display:block;clear:both;
		}
div.left-in p,div.left-in2 p,div.left-in3 p
		{font-size:21px;margin:5px 0 10px 5px;}
.side-mess	{Display:none;}
.left-in ul	{width: 93%;font-size:16px;overflow: hidden;padding:0 0px 0 10px}
.left-in ul li	{width: 49%;line-height:1.2;float:left;display:block;}
.left-in2 ul	{width: 93%;font-size:16px;padding:0 0px 0 10px}
.left-in2 ul li	{padding:0 0 7px 0; margin:0 0 8px 0;}
div.left-in3	{font-size:16px;padding:10px 10px 0 10px;}
.topi a	,.kyaku a,.libra a,.past a,.whats a,.member a,.bosyu a,.ticke a,.shop a,
.topi a:hover,.kyaku a:hover,.libra a:hover,.past a:hover,.whats a:hover,.member a:hover,
.bosyu a:hover,.ticke a:hover,.shop a:hover
	{display:block;width:270px;height:27px;background-size:cover;}

#footer		{width: 100%;Padding:15px 0;margin:0;}
/* Padding（内側）margin（外側）数値は上、右、下、左*/
}