@charset "Shift_JIS";
/*
=========================================

全ページ共通定義

=========================================
*/
@media only screen and (min-width: 960px) {
	
	
.w1090{
	width:1090px;
	margin:0 auto;
}
.w1090 a:link {text-decoration:none;} 
.w1090 a:hover {text-decoration:underline;}
.w1090 a:visited {text-decoration:underline;}
	
.w1280{
	width:75%;
	margin:0 auto;
}
.w1280 a:link {text-decoration:none;} 
.w1280 a:hover {text-decoration:underline;}
.w1280 a:visited {text-decoration:underline;}	
	
.w1400{
	width:1400px;
	margin:0 auto;
}
.w1400 a:link {text-decoration:none;} 
.w1400 a:hover {text-decoration:underline;}
.w1400 a:visited {text-decoration:underline;}	
	

.pc_noview {display: none;border:0;}	
.pc_noview img {display: none;border:0;}
.tb_view {display: none;border:0;}	
.tb_view img {display: none;border:0;}

.mb20{margin-bottom: 20px;}
h1.mori_caption{
	text-align:right;
	color:#CCC;
}		
.top_col_1{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_1 > div{
	width: 100%;
	padding: 10px;
}
.top_col_1 > div img {width: 100%;height: auto;}

.top_col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2 > div{
	width: 50%;
	padding: 10px;
}
.top_col_2 > div img{
		width: 100%; height: auto;
		margin: 0 auto;
	}		
.top_col_2_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_2 > div{
	width: 50%;
	padding: 10px;
}
	
.top_col_2_2 > div img {max-width: 100%;height: auto;}
	.top_col_2_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
	.top_col_2_3 > div{
		width: 50%;
		margin: 0 auto;
		padding: 3px;
	}
.top_col_2_3 > div img{
		max-width: 100%;height: auto;
		margin: 0 auto;
	}	
		.top_col_2_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_4 > div{
	width: 50%;
	padding: 10px;
	margin-top: 20px;
}
.top_col_2_4 > div img {max-width: 100%;height: auto;}	
.top_col_2_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_5 > div.box75p{
	width: 75%;
	padding: 10px;
}
.top_col_2_5 > div.box75p img {max-width: 100%;height: auto;}		
	
.top_col_2_5 > div.box25p{
	width: 25%;
	padding: 10px;
}
.top_col_2_5 > div.box25p img {max-width: 100%;height: auto;}	
	.top_col_2_6{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_6 > div.box85p{
	width: 85%;
	padding: 10px 0px;
}
.top_col_2_6 > div.box85p img {max-width: 100%;height: auto;}		
	
.top_col_2_6 > div.box15p{
	width: 15%;
	padding: 0px 10px;
}
.top_col_2_6 > div.box15p img {max-width: 100%;height: auto;}
	

.top_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_3 > div{
	width: 33%;
	padding: 3px;
	margin: 0 auto;
}
.top_col_3 > div img{
		max-width: 100%;height: auto;
		margin: 0 auto;
	}	
.top_col_3_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
	.top_col_3_2 > div{
		width: 32%;
		margin: 5 auto;
		padding: 2px;
	}
.top_col_3_2 > div img{
		max-width: 100%;height: auto;
		margin: 0 auto;
	}	
.top_col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_4 > div{
	width: 24%;
	padding: 10px;
}
.top_col_4 > div img {max-width: 100%;height: auto;}	
	
	.top_col_4_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_4_2 > div{
	width: 25%;
	padding: 10px;
}
.top_col_4_2 > div img{
		max-width: 100%; height:auto;
		margin: 0 auto;
	}
	.top_col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_5 > div{
	width: 20%;
	padding: 10px;
}
	.top_col_5 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}
	
		#sale{
  width: 90px;
  height: 233px;
  position: fixed;
  right: 0px;
  top: 300px;
z-index: 99;
}
#sale a img{
  display: block;
  width: 190px;
  height: 233px;
  text-decoration: none;
}
#sale a img:hover{
	opacity: 0.8;
}

	#sample{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0px;
  bottom: 190px;
  background: #4b3205;
border-radius: 15px 0px 0px 15px;
z-index: 99999999;
}
#sample a{
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#sample a:hover{
	opacity: 0.8;
background: #523c17;
  border-radius: 15px 0px 0px 15px;
}
#sample a::before {
    content: '全商品OK！';
    white-space: pre-wrap;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 10px;
    margin: auto;
    text-align: center!important;
}
#sample a::after {
    content: '無料サンプル請求はこちら';
    font-size: 13.5px;
 color: #fff;
    position: absolute;
    top: 38px;
    bottom: 0;
    right: 3px;
    left: 4px;
    margin: auto;
    text-align: center;
}	

#cart_go{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0px;
  bottom: 90px;
  background: #d40000;
border-radius: 15px 0px 0px 15px;
z-index: 99999999;
}
#cart_go a{
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#cart_go a:hover{
	opacity: 0.8;
background: #da0101;
  border-radius: 15px 0px 0px 15px;
}
#cart_go a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: url(https://wrapping.itembox.design/item/top/cartm.png);
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 5px;
  left: 0;
  margin: auto;
  text-align: center;
}
#cart_go a::after{
  content: 'カートを見る';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
	
#page_top{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #73625d;
  opacity: 0.8;
  border-radius: 50%;
	z-index: 99999999;
}
#page_top a{
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
}
#page_top a:hover{
  background: #977e77;
  border-radius: 50%;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  content: url(https://wrapping.itembox.design/item/top/up.png);
  font-weight: 900;
  color: #fff;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -25px;
  bottom: 0;
  right: 5px;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'トップへ';
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


	
	.fs-p-cartItemNumber {
    background: #104f80;
    border-radius: 1em;
    color: #ffffff;
    display: none;
    font-size: 1rem;
    line-height: 1;
    padding: 0.25em 0.4em;
    position: absolute;
    top: 2px;
    right: 2px;
}

.attention{font-size:200%; color:#C50105; text-align: center;}
	.lh{line-height: normal;}
/* body
---------------------------------------------------------------------------- */
html {
	overflow-y: scroll;/* firefoxで常にスクロールバーを表示 */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

body {
color:#555;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#fff;
-webkit-text-size-adjust:100%;
	background-color: #FFF;
	line-height: 1.3;
	font-size:80%;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.fl{
	float:left;
}
.mr10{
	margin-right:10px;
}

/* ボックスボーダー
---------------------------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkid-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*html,div
 {
	-moz-box-sizing: border-box;
	-webkid-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 検索フォーム */
#searchform {  
    position: relative;   
}  

#searchBtn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 280px;  
}  

/*
=========================================

ブラウザデフォルトスタイルリセット用定義
Yahoo! UI Library: Reset CSS version 2.3.0

=========================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q: before,q: after {
	content: '';
}
abbr,acronym {
	border: 0;
}

/*
=========================================

全ページ共通ヘッダー定義

=========================================
*/

.guide-text {
	background: url(https://c18.future-shop.jp/shop/item/wrapping/design/img01/point.png) no-repeat left center;
	padding-left: 12px;
	height: 12px;
	margin-left:1em;
	font-size: 130%;

}

.blog_container{
	width:535px;
	margin:0 auto;
}
.upper{
	padding:.5em 0;
	width:100%;
	margin-bottom:1em;
}
.square_btn ,.square_btn2{
	width:calc((100% - 40px) / 5);
    display: inline-block;
    padding: 0.5em 0;
    text-decoration: none;
    background: #f7f7f7;
    color: #ff7c5c;/*文字色*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	text-align:center;
}
.square_btn{
    border-left: solid 6px #008F83;/*左線*/
}
.square_btn2{
    border-left: solid 6px #E90F80;/*左線*/
}

.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}
.upper_menu{
	margin:1em auto;
	text-align:right;
}
.upper_serch{
	margin:1em 0;
	background-color:#EEF7F6;
}

.form-haichi{
	width:220px;
	padding:.5em;
	float:left;
}
/*
=========================================

更新情報のところ

=========================================
*/
.title2{
	width: 1280px; height: 350px;
	margin-bottom: 30px;
}
.mod_newslist2{
    width:535px;
}
.mod_newslist2 dl{
	height: 135px;
    overflow: auto;
	margin:2px 0;
		font-size:12px;
}
.mod_newslist2 dt{
    width:120px!important;
    float:left;
    min-height:12px;
    padding:0 0 0 20px;
    background:transparent url('icon.gif') no-repeat 5px 6px scroll;
	font-size:12px;
}
.mod_newslist2 dd{
    padding:0 0 0 137px;
    margin:0 0 5px 0;
    border-bottom:dashed 1px #008F83;
		font-size:12px;
}

/*
=========================================

メイン定義

=========================================
*/
.capcenter{
	text-align:center;
	font-size: 13px;
}
.banner_cap{
	line-height:1.5em;
	margin:.5em 0;
	padding:0 .5em;
	font-size: 15px;
}
.banner350{
	width:350px;
	float:left;
	margin:1em 0;
}
.banner535{
	width:535px;
	float:left;
	margin:1em 0;
}
.banner225{
	width:225px;
	margin:1em 0;
	float:left;
}
.banner225{
	width:225px;
	margin:1em 0;
	float:left;
}
.banner255{
	width:255px;
	margin:1em 0;
	float:left;
}
.banner265{
	width:265px;
	margin:1em 0;
	float:left;
}
.banner805{
	width:805px;
	height:336px;
	margin:1em 0;
	float:left;
}
.banner392{
	width:392px;
	float:left;
}
.m20{
	margin-right:20px;
}
.m21{
	margin-right:21px;
}
.titlemoji{
	font-weight:bold;
}
.snsBOX{
	width:400px;
	height:500px;
	float:left;
	margin-bottom:2em;
}

/* 新着情報
---------------------------------------------------------------------------- */
.new_moji{
	font-weight:bolder;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #008F83;
	font-size: 13px!important;
	}

.mod_newslist{
    width:840px;
}
.mod_newslist dl{
	height: 120px;
    overflow: auto;
	margin:1em 0;
}
.mod_newslist dt{
    width:120px;
    float:left;
    min-height:12px;
    height:auto!important;
    height:12px;
    padding:0 0 0 17px;
    background:transparent url('icon.gif') no-repeat 0em 0.3em scroll;
}
.mod_newslist dd{
    padding:0 0 0 137px;
    margin:0 0 10px 0;
    border-bottom:dashed 1px #008F83;
}
.mod_newslist dd a:link    {color:#000;
text-decoration:underline}


.sns{width: 500px; margin: 0 auto;}	

	
	.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  padding: 2px;
}
.news-list .item .news span {
	background: #cf0101;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding: 5px 25px;
	font-size: 13px;
	line-height: 1;
}
	
.news-list .item .blog span {
    background: #9c6e01;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 18px;
    font-size: 13px;
    line-height: 1;
}
	
.news-list .item .update span {
	background: #9c6e01;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding: 5px 20px;
	font-size: 13px;
	line-height: 1;
}	
.news-list .item .news {
    margin: 0;
    min-width: 142px;
    padding: 0 20px 0 0;
}
.news-list .item .blog{
  margin: 0;
  min-width: 135px;
  font-size: 13px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .update {
    margin: 0;
    min-width: 100px;
    font-size: 13px;
    color: #999;
    padding: 0px;
}
	
.news-list .item .date {
    margin: 0;
    min-width: 110px;
    font-size: 14px;
    padding: 0 10px 0 0;
}

.news-list .item .title{
  margin: 0;
  width: 100%;
	text-decoration: underline;
	font-size: 14px!important;
}
	
}

@media screen and (min-width:560px) and (max-width:959px) {
.fs-l-page {
    margin: 0px auto;
    width: 100%!important;
}
	.w1090{
	width:100%;
	margin:0 auto;
}
.w1090 a:link {text-decoration:none;} 
.w1090 a:hover {text-decoration:underline;}
.w1090 a:visited {text-decoration:underline;}
.w1400{
	width:100%;
	margin:0 auto;
}
.w1400 a:link {text-decoration:none;} 
.w1400 a:hover {text-decoration:underline;}
.w1400 a:visited {text-decoration:underline;}
	
	.w1280{
	width:75%;
	margin:0 auto;
}
.w1280 a:link {text-decoration:none;} 
.w1280 a:hover {text-decoration:underline;}
.w1280 a:visited {text-decoration:underline;}


.mb20{margin-bottom: 20px;}
h1.mori_caption{
	color:#CCC;
	font-size: 130%;
}		
.top_col_1{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_1 > div{
	width: 100%;
	padding: 10px;
}
.top_col_1 > div img {max-width: 100%;height: auto;}
.top_col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2 > div{
	width: 50%;
	padding: 10px;
}
.top_col_2 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}		
.top_col_2_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_2 > div{
	width: 50%;
	padding: 10px;
}
.top_col_2_2 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}	
	.top_col_2_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
	.top_col_2_3 > div{
		width: 50%;
		margin: 0 auto;
		padding: 3px;
	}
.top_col_2_3 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}	
		.top_col_2_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_4 > div{
	width: 50%;
	padding: 10px;
	margin-top: 20px;
}
.top_col_2_4 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}		
.top_col_2_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_2_5 > div.box75p{
	width: 75%;
	padding: 10px;
}
	
.top_col_2_5 > div.box25p{
	width: 25%;
	padding: 10px;
}
	.top_col_2_5 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}

.top_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_3 > div{
	width: 33%;
	padding: 3px;
	margin: 0 auto;
}
.top_col_3 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}	
.top_col_3_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
	.top_col_3_2 > div{
		width: 32%;
		margin: 5 auto;
		padding: 2px;
	}
.top_col_3_2 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}	
.top_col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_4 > div{
	width: 24%;
	padding: 10px;
}
.top_col_4 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}	
	
	.top_col_4_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_4_2 > div{
	width: 25%;
	padding: 10px;
}
.top_col_4_2 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}
	.top_col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.top_col_5 > div{
	width: 20%;
	padding: 10px;
}
	.top_col_5 > div img{
		max-width: 100%; height: auto;
		margin: 0 auto;
	}
	
	#sample{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0px;
  bottom: 210px;
  background: #4b3205;
border-radius: 15px 0px 0px 15px;
z-index: 99999999;
}
#sample a{
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#sample a:hover{
	opacity: 0.8;
background: #523c17;
  border-radius: 15px 0px 0px 15px;
}
#sample a::before {
    content: '全商品OK！';
    white-space: pre-wrap;
    font-size: 11px;
    color: #fff;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 10px;
    margin: auto;
    text-align: center!important;
}
#sample a::after {
    content: '無料サンプル請求はこちら';
    font-size: 13px;
 color: #fff;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 3px;
    left: 4px;
    margin: auto;
    text-align: center;
}		
	
#cart_go{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0px;
  bottom: 100px;
  background: #d40000;
border-radius: 15px 0px 0px 15px;

}
#cart_go a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#cart_go a:hover{
	opacity: 0.8;
background: #da0101;
  border-radius: 15px 0px 0px 15px;
}
#cart_go a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: url(https://wrapping.itembox.design/item/top/cartm.png);
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 5px;
  left: 0;
  margin: auto;
  text-align: center;
}
#cart_go a::after{
  content: 'カートを見る';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 60px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
	
#page_top{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #73625d;
  opacity: 0.8;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
}
#page_top a:hover{
  background: #977e77;
  border-radius: 50%;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  content: url(https://wrapping.itembox.design/item/top/up.png);
  font-weight: 900;
  color: #fff;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -25px;
  bottom: 0;
  right: 5px;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'トップへ';
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.attention{font-size:200%; color:#C50105; text-align: center;}
	.lh{line-height: normal;}	
/* body
---------------------------------------------------------------------------- */
html {
	overflow-y: scroll;/* firefoxで常にスクロールバーを表示 */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

body {
color:#555;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#fff;
-webkit-text-size-adjust:100%;
	background-color: #FFF;
	line-height: 1.3;
	font-size:80%;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.fl{
	float:left;
}
.mr10{
	margin-right:10px;
}

/* ボックスボーダー
---------------------------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkid-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*html,div
 {
	-moz-box-sizing: border-box;
	-webkid-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* 検索フォーム */
#searchform {  
    position: relative;   
}  
 
#searchBtn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 280px;  
}  

/*
=========================================

ブラウザデフォルトスタイルリセット用定義
Yahoo! UI Library: Reset CSS version 2.3.0

=========================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q: before,q: after {
	content: '';
}
abbr,acronym {
	border: 0;
}

/*
=========================================

全ページ共通ヘッダー定義

=========================================
*/

.guide-text {
	background: url(https://wrapping.itembox.design/item/top/point.png) no-repeat left center;
	padding-left: 12px;
	height: 12px;
	margin-left:1em;
	font-size: 130%;

}

.blog_container{
	width:100%;
	margin:0 auto;
}
.upper{
	padding:.5em 0;
	width:100%;
	margin-bottom:1em;
}
.square_btn ,.square_btn2{
	width:calc((100% - 40px) / 5);
    display: inline-block;
    padding: 0.5em 0;
    text-decoration: none;
    background: #f7f7f7;
    color: #ff7c5c;/*文字色*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	text-align:center;
}
.square_btn{
    border-left: solid 6px #008F83;/*左線*/
}
.square_btn2{
    border-left: solid 6px #E90F80;/*左線*/
}

.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}
.upper_menu{
	margin:1em auto;
	text-align:right;
}
.upper_serch{
	margin:1em 0;
	background-color:#EEF7F6;
}

.form-haichi{
	width:220px;
	padding:.5em;
	float:left;
}
/*
=========================================

更新情報のところ

=========================================
*/
.title2{
	width: 100%;
}
.mod_newslist2{
    width:100%;
}
.mod_newslist2 dl{
	height: 100%;
    overflow: auto;
	margin:2px 0;
		font-size:12px;
}
.mod_newslist2 dt{
    float:left;
    min-height:12px;
    padding:0 0 0 20px;
    background:transparent url('icon.gif') no-repeat 5px 6px scroll;
	font-size:12px;
}
.mod_newslist2 dd{
    padding:0 0 0 137px;
    margin:0 0 5px 0;
    border-bottom:dashed 1px #008F83;
		font-size:12px;
}

/*
=========================================

メイン定義

=========================================
*/
.capcenter{
	text-align:center;
	font-size: 13px;
}
.banner_cap{
	line-height:1.5em;
	margin:.5em 0;
	padding:0 .5em;
	font-size: 15px;
}
.banner350{
	width:350px;
	float:left;
	margin:1em 0;
}
.banner535{
	width:535px;
	float:left;
	margin:1em 0;
}
.banner225{
	width:225px;
	margin:1em 0;
	float:left;
}
.banner225{
	width:225px;
	margin:1em 0;
	float:left;
}
.banner255{
	width:255px;
	margin:1em 0;
	float:left;
}
.banner265{
	width:265px;
	margin:1em 0;
	float:left;
}
.banner805{
	width:805px;
	height:336px;
	margin:1em 0;
	float:left;
}
.banner392{
	width:392px;
	float:left;
}
.m20{
	margin-right:20px;
}
.m21{
	margin-right:21px;
}
.titlemoji{
	font-weight:bold;
	font-size:13px;
}
.snsBOX{
	width:400px;
	height:500px;
	float:left;
	margin-bottom:2em;
}

/* 新着情報
---------------------------------------------------------------------------- */
.new_moji{
	font-weight:bolder;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #008F83;
	font-size: 13px!important;
	}

.mod_newslist{
    width:840px;
}
.mod_newslist dl{
	height: 120px;
    overflow: auto;
	margin:1em 0;
}
.mod_newslist dt{
    width:120px;
    float:left;
    min-height:12px;
    height:auto!important;
    height:12px;
    padding:0 0 0 17px;
    background:transparent url('icon.gif') no-repeat 0em 0.3em scroll;
}
.mod_newslist dd{
    padding:0 0 0 137px;
    margin:0 0 10px 0;
    border-bottom:dashed 1px #008F83;
}
.mod_newslist dd a:link    {color:#000;
text-decoration:underline}


.sns{width: 480px; margin: 0 auto;}	
	
	.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  padding: 2px;
}
.news-list .item .news span {
	background: #cf0101;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding: 5px 25px;
	font-size: 12px;
	line-height: 1;
}
	
.news-list .item .blog span {
	background: #f8b807;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1;
}
	.news-list .item .news{
  margin: 0;
  min-width: 148px;
  padding: 0 20px 0 0;
}
.news-list .item .blog{
  margin: 0;
  min-width: 140px;
  font-size: 12px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .date{
  margin: 0;
  min-width: 95px;
  font-size: 12px;
  padding: 0 20px 0 0;
}

.news-list .item .title{
  margin: 0;
  width: 100%;
	text-decoration: underline;
		font-size: 12px!important;
}
}