@charset "UTF-8";
@media only screen and (max-width: 1000px)  {


	.spNone {
		display: none;
	}

	.pcNone {
		display: block;
	}

	.sp_imax {
		width:100%; max-width: 100%;
	}

	header.sub {
		padding: 16px 0px 0px 0px;
		background: #29a1df;
	}

	#cmn_schbutton {
		position:relative;
		width:60px; height:52px; margin:4px 0px -10px auto;
		background:url(../img/header_ham.png) no-repeat;
		background-size:50% 50%;
	}

	#cmn_schbutton a {
		display:block; width:100%; height:100%;
	}


	#cmn_schbutton img {
		display:none;
	}

	#cmn_popup {
	}

	#cmn_popup ul {
	}

	#cmn_popup li{
		width: 100%; padding: 0px 0px 8px 0px;
		border-bottom: 1px dashed #A0A0A0;
	}

	#cmn_popup p {
		text-align: center;
	}

	h1#header_logo {
		width: 160px;
		height: 30px;
		margin: auto auto auto 10px;
	}



	div.cmn_title_body h2 {
		padding: 20px 5px;
		color: #FFFFFF;
		text-align: center;
		font-size: 2.6rem;
		line-height: 120%;
	}

	div.cmn_title_body h2 span {
		font-size: 2rem;
	}

	h3.ykirin, h3.okirin, h3.bkirin, h3.gkirin, h3.pkirin, h3.mkirin {
		width:98%; margin: auto;
		min-height: 50px;
		padding: 0px 5px 2px 40px;
		font-size: 2.0rem;

		background-position: top left, bottom 10px center, right bottom 8px;
		background-size: 30px,40px,10px;
	}

	h4.sun {
		width:96%; margin: auto;
		padding: 0px 10px 0px 26px;
		color: #754c24;
		font-family: "じゅん 501", "A-OTF じゅん Pro 501",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo';	/* Webフォント */
		font-size: 1.6rem;
		background: url(../img/cmn_ico_sun.png) no-repeat top 4px left / 25px;
	}

	p.cmn_txt {
		padding: 10px 20px 30px 20px;
	}





	/* フッター */
	footer {
		margin: 20px auto;
	}

	#footer_nav_conts {
		padding: 36px 0 20px 0;
	}

	div.page_top {
		width:60px; margin: auto auto -32px auto;
	}

	ul.fnav_container {
		width:90%;
	}

	ul.fnav_container li {
		width:50%;
	}

	div.footer_info {
		margin: 40px auto;
		display: flex;
		flex-wrap: wrap;
	}

	div.footer_info > div {
		width:100%;
		text-align: center;
		margin-bottom: 30px;
	}

	div.footer_info_add {
		width: 100% !important;
	}

	div.footer_info_add strong {
		font-size: 1.8rem;
	}

	div.footer_info_logo img {
		width:160px !important;
	}


	div.footer_info_omikuji img {
		width: 180px !important;
	}



	ul.fnav_container > li > a  {
		width: 100%; height: 20px;
		display: block; 
	}



	/* home /////////////////////////////////////////////////////////////////////////////////////////// */


	#home_main {
		padding-top: 40px;
		min-height: 70vh;

		background-position: center top 50%, center top 10px, center bottom 0px;
		background-size: 130%, 500px, 500px;

	}

	#home_main_bottom {
		height: 12px;
		background-position: 50%;
		background-size: 60px;
	}


	.home_main_illust {
		width:100%; height: 60vh;
		background:url(../img/home_main_visual.png) 50% 50% / 90% no-repeat;

	}

	h1.home_main_catch {
		width: 70%;
		padding:40px 0 0 0;
	}




	.gnav {
		padding: 20px 0;
	}

	ul.gnav_container {
		display: flex;
		justify-content:space-around;
		flex-wrap: wrap;
	}

	ul.gnav_container li {
		width: 22%; height: auto;
		min-width: 120px;
		margin: 0.5%;
		
	}

	ul.gnav_container > li > a  {
		width: 100%; height: 100px;
	}


	section.home_info {
		padding: 0 3%;
		display: block;
	}

	section.home_info > div {
		width:100%;
		margin: auto auto 2% auto;
	}



	/* イベント */
	ul.home_event_list {
		height: 60vh;
		padding: 14px;
	}

	dl.home_event_info dt {
		width:30%;
		padding: 3px 5px;
	}

	dl.home_event_info dd {
		width: 70%;
	}



	/* インスタグラム */
	article.home_insta_container {
		margin: auto auto 2% auto;
		min-height: auto;
	}

	/* ニュース */
	article.home_news_container {
		padding: 0 0 10px 0;
		background: #FFFFFF;
		border-radius: 0.5em;
		border:solid 3px #2ba3e0;
	}

	article.home_news_container h2 {
		background: url(../img/home_ico_siori.png) no-repeat 8px 8px / 25px 25px;
		background-color: #2ba3e0;
	}


	dl.home_news_list {
		height: auto; max-height: 200px;
		padding: 14px;
		overflow-y: auto;
	}


	dl.home_news_list dt {
		float: none;
		width:100%;

		padding: 8px  0 0 0; margin: auto;
		font-size: 1.3rem;
		border-top:none
	}

	dl.home_news_list dd {
		float: none;
		width: 100%;
		border-top: none;
		border-bottom: 1px dashed #CCCCCC;
	}



	section.home_series h2 {
		font-size: 2.4rem;
	}



	ul.home_series_list {
		justify-content: space-between;
		align-items: center;
	}

	ul.home_series_list li {
		width: 46%;
		padding: 16px 0 5px 0;
		margin: auto auto 20px auto;
	}

	div.home_series_img {
		width:100px; margin:auto;
	}

	p.home_series_title {
		position: relative;
		height: 50px;
		margin: -20px auto auto auto;
		padding-top: 10px;
		font-size: 1.6rem;
		background: url(../img/cmn_bg_cloud.png) no-repeat 50% 50% / 90% 100%;
	}



	main.cmn_main_continer {
		padding: 40px 20px;
	}


	/* about /////////////////////////////////////////////////////////////////////////////////////////// */

	.cmn_flex_container {
		width:100%;
		flex-wrap: wrap;
		min-width: 100%;
		max-width: 100%;
	}

	.flex_re {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
		 -ms-flex-direction: column-reverse;
			 flex-direction: column-reverse;
	}

	.cmn_flex_container div {
		width:100%;
	}

	.about_contsimg1 img {
		width: 80%;
		display: block; margin: auto auto 30px auto;
	}

	.about_contsimg3 {
		width:auto; margin: 40px 0 0 0;
		text-align: center;
	}

	.about_contsimg3 img {
		width: 70%;
	}

	p.cmn_txt {
		padding: 10px 10px 30px 10px;
	}


	/* Series /////////////////////////////////////////////////////////////////////////////////////////// */

	.series_contstxt1 {
		width:80%;
		margin-bottom: 0;
	}






	/* Series /////////////////////////////////////////////////////////////////////////////////////////// */
	.biz_catch {
		font-size: 1.8rem;
	}








	/* contact /////////////////////////////////////////////////////////////////////////////////////////// */
	.contact_form {
		width: 90%; margin: 0 auto 0 auto;
	}

	#tableContact tr {
		display: block;
	}

	#tableContact .td01 {
		display: block;
		width: 100%; padding: 9px;
	}

	#tableContact tr:not(:first-child) .td01 {
		border-top: none;
	}

	#tableContact .td02 {
		display: block; border-top: none; padding: 15px 9px 15px 9px;
	}

	#tableContact .td02 #toiawase {
		width: 40%; min-width: 192px; vertical-align: middle;
	}

	#tableContact .td02 #username {
		width: 70%; min-width: 250px;
	}

	#tableContact .td02 #name_kana {
		width: 70%; min-width: 250px;
	}

	#tableContact .td02 #tel,
	#tableContact .td02 #fax {
		width: 70%; min-width: 250px;
	}

	#tableContact .td02 #mail0,
	#tableContact .td02 #mail1 {
		width: 70%; min-width: 250px;
	}

	#tableContact .td02 #zip {
		width: 40%; min-width: 142px; margin: 0 0 20px 0;
	}

	#tableContact .td02 #addr {
		width: 70%; min-width: 250px;
	}

	#tableContact .td02 #message {
		display: block;
		width: 100% !important;
		height: 117px !important;
		vertical-align: top;
	}

	#contactButton {
		text-align: center;
	}














}

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


	
}

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


	.tips_tool_list li {
		width:100%;
	}



	.biz_about {
		padding: 20px 0 0 0;
		display: block;
	}

	.biz_txtbox1 {
		width:100%;
	}

	.biz_imgbox1 {
		width:100%;
	}


	.biz_txtbox2 {
		width:100%;
	}

	.biz_imgbox2 {
		width:35%;
		margin: -80px 0 10px 0;
	}




	ul.biz_preparation_list {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	ul.biz_preparation_list li {
		width:50%;
	}


	.biz_prearation_shop {
		display: block;
	}

	.biz_prearation_shop p {
		margin-bottom: 20px;
	}


	.biz_oem {
		padding: 20px 0;
		display: block;
	}

	.biz_oem_txt {
		width:100%;
	}


	.biz_oem_img {
		width:50%;
		margin: 10px auto;
	}


	.biz_layout {
		display: block;
	}


	ul.biz_layout_dl {
		display: block;
		justify-content: space-around;
	}

	ul.biz_layout_dl li img {
		width:80%;
	}

	ul.biz_layout_dl li a {
		display: block;
	}



	ul.biz_cus_pre {
		display: block;
	}



	ul.biz_catalog_oekaki {
		/*display: block;*/
	}
	
	ul.biz_catalog_oekaki li {
		margin: auto auto 20px auto;
	}


	.biz_catalog_new_box {
		margin: auto auto 30px auto;
		max-width: 360px;
	}


	.biz_sonota {
		display: block;
	}

	.biz_sonota p {
		width:100%; margin-bottom: 20px;
		color: #754c24;
	}

}