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

#main #page_ttl { display:none; }
ul.menu ul { z-index:100; }


.flexslider_bg { 
	background:url(images/slide_bg.png) repeat-x; 
	padding:10px 0; 
}
.flexslider { width:905px !important; margin:0 auto !important; background:none !important; border:0 !important; }
.flex-control-thumbs { width:905px !important; margin:20px auto 0 auto !important; }

.flex-direction-nav a:before { font-size:20px !important; }
.flex-direction-nav a { margin:-40px 0 0 !important; width:35px !important; }

.pc_img { display:block; }
.smp_img { display:none; }

@media screen and (max-width: 768px) {
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
	pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
		margin:0;padding:0;
	}
	table{
		border-collapse:collapse;border-spacing:0;
	}

	.disp_none { display:none; }
	p { -webkit-margin-before:0; -webkit-margin-after:0; }
	
	.smp_img { display:block; line-height:1.5; }
	.pc_img { display:none; }
	
	.w_50 { width:50% !important; margin:10px auto; }
	
	/**---------- #header ----------**/
	#header { height: 65px;
    border-bottom: 3px solid #ededed;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
	 }
	 
	#header_box { width:100%; height:auto; }
	
	#nav_btn {
		background:url(images/nav_smp_btn.png) no-repeat;
		background-size:40px 40px; 	
		width:40px;
		height:40px;
		position:absolute;
		top:15px;
		right:10px;
		cursor:pointer;
	}
	
	#logo {
		width:230px;
		height:auto;
		float:inherit;
		position:absolute;
		top:2px;
		left:10px;
		padding:0;
		line-height:1;
	}
	#logo img { width:230px; height:auto; }
	#tel { display:none; }
	
	#eyecatch_box { background:none; height:auto; }
	
	#navi_box { 
		width:100%; 
		height:auto;
		position:absolute;
    	top:65px; 
		display:none;
		z-index:100;
	}
	ul.menu { width:100%; height:auto; }
	ul.menu li { 
		float:inherit; 
		display:block;
		border-bottom:1px solid #ededed;
		background-color:#0972b5;
		height:auto;
	}
	ul.menu li a { 
		display:block; 
		padding:15px 0; 
		height:auto;
		text-align:center;
		font-size:17px;
		color:#fff;
		text-decoration:none;
	}
	ul.menu li a img { display:none; }
	ul.menu li:nth-child(1) a:after { content:"トップページ"; }
	ul.menu li:nth-child(2) a:after { content:"会社概要"; }
	ul.menu li:nth-child(3) a:after { content:"事業内容"; }
	ul.menu li:nth-child(4) a:after { content:"イベント紹介"; }
	ul.menu li:nth-child(5) a:after { content:"お問い合わせ"; }
	
	ul.menu ul { display:block; border:0; width:100%; border-top:1px dashed #fff; }
	ul.menu ul li { width:100%; }
	ul.menu ul li a { padding:10px 0; font-size:14px; }
	ul.menu li:hover > ul { display:block; position:inherit; }
	ul.menu > li li { border-bottom:1px dashed #fff; }
	ul.menu > li li:last-child { border:0; }
	/**---------- /#header ----------**/
	
	
	.flex-control-thumbs li { margin: 0px 6px 0 0 !important;}
	.flex-control-thumbs li { width:23% !important;     }
	
	
	
	
	
	/**---------- /#スライダー ----------**/
	.PCnone {
    display: block;
}	
.SPnone {
    display: none;
}
	
	.flexslider {
    display: none;
}
	#mainimage img {
		    margin-top: 30px;
    width: 100%;
}
	#mainimage {
		    margin-bottom: 20px;

}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0;
}


	/**---------- #contents ----------**/
	#contents { width:100%; padding:0 10px; box-sizing:border-box; }
	
	#main { width:100%; float:inherit; padding-bottom:50px; }
	#main img { width:100%; height:auto; }
	#main #page_ttl {
		display:block; 
		border:1px solid #ddd;
		padding:5px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
		background:#f0f1ec; /* Old browsers */
		background:-moz-linear-gradient(top,  #f0f1ec 0%, #ffffff 50%, #f0f1ec 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  #f0f1ec 0%,#ffffff 50%,#f0f1ec 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  #f0f1ec 0%,#ffffff 50%,#f0f1ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	#main #page_ttl p {
		border-left:5px solid #3780ad;	
		font-size:18px;
		font-weight:bold;
		padding:5px 0 5px 7px;
		color:#3780ad;
		line-height:1;
	}
	#main #page_ttl2 {
		clear: both;
		border-left: 5px solid #3780ad;
		border-bottom: 1px solid #3780ad;
		padding: 5px 7px;
		font-size: 17px;
		font-weight: bold;
		color: #3780ad;
	}
	#page_ttl3 {
		clear: both;
		background: #1d7cb7; /* Old browsers */
		background: -moz-linear-gradient(top,  #1d7cb7 0%, #025f9a 100%); /* FF3.6-15 */	
		background: -webkit-linear-gradient(top,  #1d7cb7 0%,#025f9a 100%); /* Chrome10-25,Safari5.1-6 */	
		background: linear-gradient(to bottom,  #1d7cb7 0%,#025f9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		padding: 7px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
		text-align:center;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
	}
	#pagenavi { padding:0; text-align:center; margin:35px auto 0; }
	.post_content { padding:0; line-height:1.7; }
	
	 #page_ttl {
    display: block;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f0f1ec;
    background: -moz-linear-gradient(top, #f0f1ec 0%, #ffffff 50%, #f0f1ec 100%);
    background: -webkit-linear-gradient(top, #f0f1ec 0%,#ffffff 50%,#f0f1ec 100%);
    background: linear-gradient(to bottom, #f0f1ec 0%,#ffffff 50%,#f0f1ec 100%);

}
	#page_ttl p {
    border-left: 5px solid #3780ad;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 7px;
    color: #3780ad;
    line-height: 1;
}
	.ice_box {
	margin-top: 25px;
	margin-bottom: 40px;
}

.ice_sub_box {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.ice_sub_img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	    margin-top: 20px;
}
.ice_sub_img img {

	width: 100%;
}
.ice_text {
	margin: 0px;
	width: 100%;
	float: right;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 23px;
font-size: 11pt;
    border-bottom: dotted 1px;
    padding-bottom: 20px;
}



	
	/**----- top page -----**/
	#news_box { width:100%; margin-left:0; float:inherit; }
	#news_box ul { margin-left:0; }
	#news_box ul li { font-size:12px; }
	#news_box ul li a { display:block; font-size:14px; }
	
	#side { width:100%; float:inherit; margin-bottom:50px; }
	#side ul li { width:100%; text-align:center; margin-bottom:10px; }
	#side ul li img { width:100%;}
	/**----- /top page -----**/
	
	
	
	
	/**----- page -----**/
	#top_img { width:100%; height:auto;    margin-top: 60px; }
	#top_img img { width:100%; height:auto; }
	.main_sub { width:100%; }
	
	
	/**-- 会社概要 --**/
	#company_text { width:100%; float:inherit; padding:0; font-size:15px; }
	#company_img { float:inherit; margin:20px auto 15px auto; }
	#company_table { width:100%; }
	#company_table1 { width:100%; }
	#company_table1 .company_table1_td1 { border-right:1px dotted #a5a5a5; padding:5px; font-size:12px; }
	.office_box { width:100%; }
	.office_box .office { float:inherit; margin:0 auto 15px auto; }
	.office_box .map { float:inherit; width:100%; }
	.office_box .map iframe { width:100%; }
	/**-- /会社概要 --**/
	
	
	/**-- 通信販売の法規 --**/
	#mailorder_table { width:100%; }
	/**-- /通信販売の法規 --**/
	
	
	/**-- お問い合わせ --**/
	.main_sub_text { width:100%; margin:20px 0 35px 0; }
	#form_table { width:100%; margin:0; box-sizing:border-box; display:block; table-layout:fixed; }
	#form_table tbody { width:100%; margin:0; box-sizing:border-box; display:block; line-height:1.5; }
	#form_table .form_table_td1 { width:40% !important; box-sizing:border-box; }
	#form_table .form_table_td1 .form_title_name { padding:10px 0; }
	#form_table .form_table_td2 { width:60% !important; box-sizing:border-box; padding:10px; }
	#form_table input, #form_table textarea { width:80%; }
	#form_btn { padding-bottom:0; }
	/**-- /お問い合わせ --**/
	
	
	/**-- 氷製品販売 --**/
	#landing_main { width:100%; }
	#landing_main img { width:100%; height:auto; }
	#landing_main .ice_box { width:100%; }
	#landing_main .ice_sub_img { width:100%; }
	#landing_main .ice_item_box { width:100%; }
	#landing_main .ice_text { width:100%; float:inherit; padding-left:0; }
	#landing_main #ice_navi ul li { float:inherit; margin:0 auto; }
	/**-- /氷製品販売 --**/
	
	
	/**-- イベント向け氷製品事業 --**/
	#work_navi { width:100%; }
	#work_navi ul li {  width:33%; margin:10px 0; padding:0 5px; box-sizing:border-box; }
	#eventice_img_box { width:100%; }
	#eventice_img_box ul li { width:50%; margin-right:0; padding:0 10px; box-sizing:border-box; }
	#main .main_sub .slicer_box { width:100%; }
	#main .main_sub .slicer_box img { width:70%; }
	#main .main_sub .slicer_box .to_product { text-align:center; }
	#main .main_sub .slicer_box .to_product img { width:auto; }
	#slicer_img_left, #slicer_img_right { width:380px; float:inherit; clear:both; margin:0 auto; }
	#main .main_sub .slicer_box .slicer_img { width:40%; }
	#main .main_sub .slicer_box .img_title { width:60%; box-sizing:border-box; }
	#main .main_sub .slicer_box .img_txt { width:60%; box-sizing:border-box; }
	#slicer_img_box { margin:0 auto; }
	.kakigoori_text { width:100%; font-size:100%; padding:0 15px 50px 0; box-sizing:border-box; }
	/**-- /イベント向け氷製品事業 --**/
	
	
	/**-- ドライアイス事業 --**/
	#top_img02 { width:100%; }
	#top_img02 img { width:100%; height:auto; margin:5px 0 20px 0; }
	#landing_main .dry_box01 { width:100%; float:inherit; margin:20px 0; }
	#landing_main .dry_telbox01, #landing_main .dry_telbox02 { float:left; padding:10px; }
	#landing_main .dry_box02 { width:100%; float:inherit; }
	#landing_main .dry_box02 a { margin:10px 0; display:block; }
	#landing_main .dry_box02 a img { width:auto; }
	#landing_main .dry_featbox01, #landing_main .dry_featbox02,
	#landing_main .dry_featbox03, #landing_main .dry_featbox04 { 
		width:100%; 
		background:none; 
		padding:0; 
		height:auto; 
		border-bottom:1px solid #025f9a;
	}
	#landing_main .ice_text03 { font-size:100%; line-height:1.7; padding:15px 0; }
	#landing_main .ice_text03 img { width:auto; }
	#landing_main .dryice_caut { width:100%; padding:15px 0; box-sizing:border-box; background:none; height:auto; }
	#landing_main  #page_ttl3 p { color:#fff; }
	/**-- /ドライアイス事業 --**/
	
	
	/**-- 冷凍冷蔵保管 --**/
	.coldstorage_text { width:100%; }
	#coldstorage_img_box { width:100%; float:inherit; }
	#coldstorage_img_box ul li { float:inherit; margin:10px auto 20px auto; }
	/**-- /冷凍冷蔵保管 --**/
	
	
	/**-- 白神山水 --**/
	#water { width:100%; }
	.shirakami_img_box { float:inherit; margin:0 auto; padding:0; width:50%; }
	.shirakami_text_box { float:inherit; width:100%;  margin:10px 0 30px 0; }
	#souryou { width:100%; float:inherit; margin:20px 0; }
	#souryou_txt { width:100%; float:inherit; }
	.main1_sub_text { width:100%; }
	.form_table_td4 { padding-left:0; }
	.form_table_td4 input { width:10% !important; }
	.form_table_td5 { padding:5px; }
	/**-- /白神山水 --**/
	
	
	
	
	/**-- イベント --**/
	#event_text { width:100%; margin:10px 0 40px 0; line-height:1.7; }
	.event_box2 { width:100%; box-sizing:border-box; height:auto; margin:0 0 20px 0;; padding:10px; }
	#main .event_more img { width:auto; }
	.pagenavi { text-align:center; padding-left:0; }
	.event_box_single { width:100%; float:inherit; margin:10px 0; box-sizing:border-box; line-height:1.7; }
	#main .event_box2_photo img { width:60%; }
	
	
	
	/**---------- #footer ----------**/
/*	#footer { float:inherit; padding-top:8px; }
	#footer_box { 
		width:100%; 
		margin-top:0; 
		padding:20px 10px 10px; 
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;	
		box-sizing:border-box;
	}
	#footer_box img { display:none; }
	#footer_navi1 { line-height:1.7; }
	#footer_navi2 { width:100%; height:auto; box-sizing:border-box; padding:10px; font-size:12px;  margin-bottom:10px; }
	#footer_navi2 ul li { margin-bottom:15px; }
	#footer_navi2 .name { float:inherit; width:100%; text-align: left; }
	#footer_navi2 .address { float:inherit; width:100%; text-align: left; padding:0; }
	#footer_box #copyriglt { font-size:10px; padding-bottom:0; }
	
	
	
*/	
	
	#footer {
	width:100%;
	font-size:
}
/* footer-logo */
#footer-logo {
	margin-bottom:2rem;
	text-align:center;
}
#footer-logo img {
	width:265px;
}
#footer-logo span {
	display:block;
	margin-top:0.5rem;
	font-weight:normal;
}
/* assist */
#assist {
	text-align:center;
	font-size:1.1rem;
}
#assist ul li {
	display:inline;
	padding-right:1rem;
	padding-left:1rem;
}
#assist ul li:first-child {
	border-right:solid 1px #333;
}
#assist ul li a {
	text-decoration:none;
	color:#333;
}

/* credit */
#credit {
	padding-bottom:4rem;
	font-size:1.1rem;
	text-align:center;
}

/* contact-info */
#contact-info {
	position:fixed;
	z-index:500;
	bottom:0;
	left:0;
	width:100%;
	display:table;
	width:100%;
	background-color:#ddd;
}
#contact-info ul {
	display:table-cell;
	text-align:center;
	height:35px;
	vertical-align:middle;
}
#contact-info ul li {
	display:inline;
	margin-right:4px;
	padding:4px 0 4px 18px;
	font-size:1.2rem;
	color:#C30D23;
	text-decoration:none;
}
#contact-info ul #contact-info-request {
	background:url(img/sp/icon_request.png) no-repeat left center;
	background-size:14px auto;
}
#contact-info ul #contact-info-phone {
	background:url(img/sp/icon_phone.png) no-repeat 2px center;
	background-size:14px auto;
}
#contact-info ul #contact-info-mail {
	background:url(img/sp/icon_mail.png) no-repeat left center;
	background-size:16px auto;
	    margin-left: 30px;
}
#contact-info ul li a {
	text-decoration:none;
	color:#005d98;
	font-size: 17px;
}
#back-top {
	display:table-cell;
	width:50px;
	height:35px;
	background-color:#0972b5;
	text-align:center;
	vertical-align: middle;
}
#back-top img {
	width:40px;
}



	/**---------- /#footer ----------**/










	/**---------- style2 ----------**/
	body { background:none; }
	
	#header_tel { display:none; }
	#navi { 
		width:100%; 
		height:auto;
		position:relative;
		display:none;
		z-index:100;
	}
	#navi li { float: inherit; }
	#navi ul ul { display:block; position:inherit; border:0; }
	#navi ul ul li:first-child { border-top: 1px dashed #fff; }
	#navi li li { width:100%; margin:0; }
	#main_navi { width:100%; margin:60px 0; }
	#main_navi li { width:50%; margin:0; padding:10px; box-sizing:border-box; }
	#main_navi li img { width:100%; }
	#logo h1 { margin:10px 0 0 0; }
	
	#container { width:100%; box-sizing:border-box; border:0; }
	#container img { width:100%; height:auto; }
	#container .main_box { width:100%; box-sizing:border-box; }
	#container .main_box .item_box1 { width:100%; box-sizing:border-box; float:inherit; margin:20px 0; height:auto; padding:10px; }
	#container .main_box .item_photo1 { width:60%; }
	#container .main_box .item_name { font-size:20px; }
	#container .main_box .item_price { font-size:20px; }
	#container .merit_box { width:100%; background-size:contain; }
	#container .merit_box .merit_left { display:none; }
	#container .merit_box .merit_right { float:inherit; width:100%; padding-left:1.9%; box-sizing:border-box; }
	#container .merit_box .merit_p { width:100%; margin:0; background:none; line-height:1.7; padding:10px 7px 0 7px; font-size:13px; box-sizing:border-box; }
	#container .merit_box .merit_right div img { width:80%; }
	#container .main_box .voice_box { width:100%; background:none; }
	#container .main_box .voice_box img { display:none; }
	#container .main_box .voice_box .voice_title { width:100%; background:none; font-size:18px; border-bottom:3px #F04612 double; line-height:1.7; }
	#container .main_box .item_box2 { width:100%; box-sizing:border-box; float:inherit; margin:20px 0; height:auto; padding:10px; }
	#container .main_box .item_btn { width:50%; margin:0 auto; }
	#container .main_box .item_table { width:100%; }
	#mail_box { width:100%; }
	
	#container .flow_box { width:100%; background-size:contain; margin:10px auto; }
	#container .flow_list { width:100%; }
	#container .flow_left { float:inherit; width:100%; text-align:center; }
	#container .flow_left img { width:50%; height:auto; }
	#container .flow_right { float:inherit; width:100%; text-align:center; margin:0; padding:10px; box-sizing:border-box; }
	#container .flow_right p { margin-top:10px; }
	#container .flow_arrow { width:70%; margin:20px auto; }
	
	#container .rental_box { margin-bottom:50px; }
	#container .rental_box h2 { margin-bottom:10px; } 
	#container .rental_box h3 { margin:10px 0; } 
	
	
	.flexslider_bg { background-size:contain; margin-bottom:20px; }
	.flexslider { width:100% !important; }
	.flex-control-thumbs { width:99% !important; }
	.flex-direction-nav a { width:33px !important; }
	
	
	.rental_table1{
	    font-size: 10px;
}
	
	.rental_td4_1{
	width:18%;
}

.rental_td4_2{
	width:18%;
}

.rental_td4_3{
	width:18%;
}

.rental_td4_4{
	width:18%;
}
	.rental_td3_1 {
    width: 12%;
}
	
	
.rental_table2{
 font-size: 10px;
}

	
	
	
	
	
}



@media screen and (max-width: 560px) {
	#work_navi ul li { width:50%; }
	#work_navi ul li:nth-child(odd) { clear:both; }
	#eventice_img_box ul li { width:100%; }
	#main .main_sub .slicer_box img { width:100%; }
	#slicer_img_left, #slicer_img_right { width:100%; }
	#slicer_img_box { width:100%; }
	#landing_main .dry_telbox01, #landing_main .dry_telbox02 { float:inherit; padding:10px 0; }
	#landing_main .dry_box02 a img { width:100%; }
	.shirakami_img_box { width:auto; }
	#container .main_box .item_photo1 { width:100%; }
	#container .main_box .item_btn { width:80%; }
	#container .flow_right p { font-size:13px; }
	#container .rental_box { font-size:13px; line-height:1.7; }
	#container .rental_box h2 img { width:500px; }
	#container .rental_box h3 img { width:520px; }
	#main .event_box2_photo img { width:100%; }
}