@charset "utf-8";

/* ===================================================================
font size default 16px
		10px  	63%			19px 	119%
		11px 	69%			20px 	125%
		12px 	75%			21px 	131%
		13px 	81%			22px 	138%
		14px 	88%			23px 	144%
		15px 	94%			24px 	150%
		16px 	100%		25px 	156%
		17px 	106%		26px 	163%
		18px 	113%		27px	169%
=================================================================== */

/* ================================================================
		common
================================================================ */
@media screen and (min-width:1024px) {
.sp {
	display: none;
}
#contents {
	width: 100%;
}
}
body {
	min-width: 100% !important;
}
#contents p {
	line-height: 1.5;
}
#header {
	margin: 0 auto 15px;
	text-align: center;
}
#header h2 {
	font-size: 124%;
}
#header h2 a {
	color: #333;
	text-decoration: none;
}
#main p img {
	max-width: 100%;
	margin: 0 auto;
	height: inherit;
}
#footer, .fixity #footer_nav {
	max-width: 1000px;
	/* width:100%; */
	margin: 0 auto;
}
.fixity #notice_containe .notice_text, .fixity #htop_container #htop, .fixity #head_container #head, .fixity #htop, .fixity #center_container #center_content, .fixity #footer, .fixity #footer_nav {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
/* フッター赤い部分の設定 */
#footer_nav ul {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 15px;
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ALright {
	text-align: right !important;
}
.out_link {
	background: url(../../../common/images/site_dropdown_icon_arrow.gif) 0 10px no-repeat;
	padding-left: 15px;
}

/* はがきの並び設定 */

 
 @media screen and (max-width:1000px) {
.sp {
	display: none;
}
.sp_only {
	display: none;
}
/* フッター設定 */
#footer, .fixity #footer_nav {
	/* width:100%; */
	width: 94.7916666667% !important;
	max-width: 1000px;
}
.f_head {
	margin-bottom: 15px;
}
.f_sitename {
	float: none;
	font-weight: bold;
	font-size: 138.5%;
	margin-bottom: 15px;
}
.f_snsbtn_area {
	float: none;
}
.f_main {
	width: 70%;
}
.f_main dl.f_main_l, .f_main_r {
	float: none;
	width: 70%;
}
.f_main dl dt {
	margin-bottom: 10px;
}
.f_main dl dd ul {
	margin-bottom: 20px;
}
/* フッターSNSボタン */
.f_snsbtn_fb {
	width: 110px;
	margin-bottom: 5px;
}
.f_snsbtn_ln {
	float: none;
	width: 110px;
}
/* お問い合わせ */
.f_contact_block {
	position: absolute;
	width: 250px;
	min-height: 300px;
	background: #EDEDED;
	right: 5px;
	top: 30px;
}
}
 @media screen and (max-width:768px) {
.sp {
	display: none;
}
#container {
	max-width: 100%;
	margin: 0 auto;
	background: #FFF;
}
#header h1#logo img {
	max-width: 100%;
	height: auto;
}
}
 @media screen and (max-width: 480px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
.sp_only {
	display: block;
}
/* フッター設定 */
.f_main {
	width: 100%;
}
.f_main dl.f_main_l, .f_main_r {
	float: none;
	width: 100%;
}
.f_snsbtn_area {
	width: 100%;
}
.f_contact_block {
	background: #EDEDED;
	position: static;
	width: 100%;
}
.f_snsbtn_ln {
	float: left;
	width: 110px;
}
#footer, .fixity #footer_nav {
	/* width: 100%; */
	margin: 0 10px;/* padding-top:10px; */
}
/* お問い合わせ設定 */
.f_contact {
	margin-bottom: 10px;
}
.site_f_contact_img_tel {
	margin: 0 auto 8px;
}
.site_f_contact_btn_form {
	margin: 0 auto;
}
/* フッターの赤い部分 */
#footer_nav ul li {
	position: static;
	display: block;
	padding: 10px 0 10px 16px;
}
#footer_nav .site_fn_icon_arrow {
	position: static;
}
#footer_nav .copyright {
	text-align: center;
	margin: 0 auto;
}
/* 消費を見るボタン */
p.product_view {
	width: 280px;
}
/* はがきの並び設定 */
.tate_col2, .tate_yoko, .yoko, .tate {
	margin-bottom: 15px;
}
.tate_col2 li, .tate_yoko li, .yoko li, .tate li {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.tate_yoko, .tate_yoko li.left, .tate_yoko li.right {
	width: 100%;
}
}
/* ================================================================
		引越しMAPはがき
================================================================ */
#hikkoshi_map .header_wrap {
	background: url(../images/_hikkoshi_map/bg_cloud_left.png) 0 bottom no-repeat, url(../images/_hikkoshi_map/bg_cloud_right.png) right bottom no-repeat;
	padding-bottom: 60px;
}
#hikkoshi_map #header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#hikkoshi_map h1#logo {
	position: absolute;
	top : 40px;
	left: 205px;
}
#hikkoshi_map h1#logo img {
	width: 151px;
}
#hikkoshi_map #line {
	background: url(../images/_hikkoshi_map/bg_line.png) center 0 repeat-x;
	background-size: 1000px 16px;
	background-color: #FFF;
	min-width: 1000px;
}
#hikkoshi_map #contents {
	background: url(../images/_hikkoshi_map/bg_line.png) center bottom repeat-x;
	background-size: 1000px 16px;
	padding-bottom: 16px;
	min-width: 1000px;
}
#hikkoshi_map #contents_btm {
	background: #EAF6FA url(../images/_hikkoshi_map/bg_btm.png) center bottom no-repeat;
	padding-bottom: 290px;
	background-size: 930px 268px;
}
#hikkoshi_map .attention {
	max-width: 830px;
	margin: 0 auto;
	color: #E92C6C;
	font-size: 139%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	border: 3px solid #FFF;
}
#hikkoshi_map .col3 {
	width: 925px;
	margin: 0 auto;
}
#hikkoshi_map .col3 li {
	float: left;
	margin-left: 10px;
}
#hikkoshi_map .col3 li:first-child {
	margin-left: 0;
}
#hikkoshi_map .col2 {
	width: 592px;
	margin: 0 auto;
}
#hikkoshi_map .col2 li {
	float: left;
	margin-left: 50px;
}
#hikkoshi_map .col2 li:first-child {
	margin-left: 0;
}
#hikkoshi_map .btn a:hover img, #hikkoshi_map .col3 li a:hover img, #hikkoshi_map .col2 li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: “alpha( opacity=60 )”;
}
#hikkoshi_map .number {
	text-align: center;
	font-size: 124%;
	margin-top: 5px;
}
#hikkoshi_map .order_wrap {
	padding-top: 60px;
}
#hikkoshi_map .w910 {
	width: 910px;
	margin: 0 auto;
}
#hikkoshi_map h2 {
	background: url(../images/_hikkoshi_map/icon_airplane.png) 0px 0px no-repeat;
	background-size: 33px;
	padding-left: 45px;
	font-size: 193%;
	margin-bottom: 20px;
}
#hikkoshi_map .section {
	padding-bottom: 50px;
}
#hikkoshi_map .w465 {
	width: 465px;
}
#hikkoshi_map .w415 {
	width: 415px;
}
#hikkoshi_map .disc li, #hikkoshi_map .w415 p {
	font-size: 138%;
	line-height: 1.6;
}
#hikkoshi_map .disc li {
	margin-bottom: 1em;
}
#hikkoshi_map .pink {
	color: #E92C6C;
	font-weight: bold;
}
#hikkoshi_map .enBox {
	margin-bottom: 20px;
}
#hikkoshi_map .ex {
	font-size: 124%;
	line-height: 1.6;
}
#hikkoshi_map .ex dt {
	float: left;
}
#hikkoshi_map .ex dd {
	padding-left: 10em;
}

@media screen and (max-width:768px) {	
	#hikkoshi_map .header_wrap {
		background: none;
		padding-bottom: 40px;
	}
#hikkoshi_map h1#logo img {
	width: 130px;
}
#hikkoshi_map #line {
	background: url(../images/_hikkoshi_map/bg_line.png) center 0 repeat-x;
	background-size: 1000px 16px;
	background-color: #FFF;
	min-width: 100%;
}
#hikkoshi_map #contents {
	background: url(../images/_hikkoshi_map/bg_line.png) center bottom repeat-x;
	background-size: 1000px 16px;
	padding-bottom: 16px;
	min-width: 100%;
}
#hikkoshi_map #header {
	width: 100%;
}
#hikkoshi_map .attention {
	max-width: 100%;
	margin: 0 auto;
	color: #E92C6C;
	font-size: 139%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	border: 3px solid #FFF;
}
#hikkoshi_map .no {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
#header .hikimg img {
	width: 100%;
	/* margin-top: 15%; */
}
#hikkoshi_map h1#logo {
	position: absolute;
	top : 5%;
	left: 21%;
	/* width: 100%; */
}
#hikkoshi_map .col3 {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
#hikkoshi_map .col3 li {
	float: left;
	margin-left: 0;
	width: 32%;
}
#hikkoshi_map .col3 li:first-child {
	float: left;
	margin-left: 6px;
	width: 32%;
}
#hikkoshi_map .col3 li img {
	width: 100%;
}
#hikkoshi_map .col2 {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
	margin-top: 20px
}
#hikkoshi_map .col2 li {
	float: left;
	margin-left: 30px;
	width: 32%;
}
#hikkoshi_map .col2 li:first-child {
	float: left;
	margin-left: 110px;
	width: 32%;
}
#hikkoshi_map .col2 li:last-child {
	float: left;
	margin-left: 10%;
	width: 20%;
}
#hikkoshi_map .col2 li img {
	width: 100%;
}
#hikkoshi_map .number {
	text-align: none;
	font-size: 124%;
	margin-top: 5px;
}
#hikkoshi_map .section img {
	padding-bottom: 50px;
	width: 100%;
}
#hikkoshi_map .w910 {
	width: 96%;
	margin: 0 auto;
	padding: 40px 2% 0;
}
#hikkoshi_map h2 {
	background: url(../images/_hikkoshi_map/icon_airplane.png) 0px 0px no-repeat;
	background-size: 33px;
	padding-left: 45px;
	font-size: 193%;
	margin-bottom: 20px;
}
#hikkoshi_map .w465 {
	width: 96%;
	float: none;
	padding: 0 2%;
}
#hikkoshi_map .w415 {
	width: 96%;
	float: none;
	padding: 0 2%;
}
#hikkoshi_map .section .up img {
	/* padding-bottom: 50px; */
	/* width: 90%; */
	text-align: center;
}
#hikkoshi_map .section img {
	padding-bottom: 0;
	/* width: 70%; */
}
#hikkoshi_map .section .hiki {
	text-align: center;
	/* margin-bottom:20px; */
}
#hikkoshi_map #contents_btm {
	background: #EAF6FA url(../images/_hikkoshi_map/bg_btm.png) center bottom no-repeat;
	background-size: contain;
	padding-bottom: 160px;
}
}
@media screen and (max-width:480px) {
#hikkoshi_map .section {
	padding-bottom: 30px;
}
#hikkoshi_map #line {
	background: url(../images/_hikkoshi_map/bg_line.png) center 0 repeat-x;
	background-size: 1000px 16px;
	background-color: #FFF;
	min-width: 100%;
}
#hikkoshi_map #contents {
	background: url(../images/_hikkoshi_map/bg_line.png) center bottom repeat-x;
	background-size: 1000px 16px;
	padding-bottom: 16px;
	min-width: 100%;
}
#hikkoshi_map #header {
	width: 100%;
}
#hikkoshi_map .attention {
	max-width: 100%;
	margin: 0 auto;
	color: #E92C6C;
	font-size: 139%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	border: 3px solid #FFF;
}
#hikkoshi_map .no {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
#header .hikimg img {
	width: 100%;
	margin-top: 20%;
}
#hikkoshi_map h1#logo {
	position: absolute;
	top : 5%;
	left: 0;
	width: 100%;
}
#hikkoshi_map .col3 {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
#hikkoshi_map .col3 li {
	float: none;
	margin-left: 0;
	width: 100%;
	text-align: center;
}
#hikkoshi_map .col3 li:first-child {
	float: none;
	margin-left: 0;
	width: 100%;
	text-align: center;
	margin-top: 5%;
}
#hikkoshi_map .col3 li:last-child {
	float: none;
	margin-left: 0;
	width: 100%;
	text-align: center;
	margin-top: 5%;
}
#hikkoshi_map .col2 {
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
#hikkoshi_map .col2 li {
	float: none;
	margin-left: 0;
	width: 100%;
	margin-top: 20px;
}
#hikkoshi_map .col2 li:first-child {
	float: none;
	margin-left: 0;
	width: 100%;
	text-align: center;
}
#hikkoshi_map .col2 li:last-child {
	float: left;
	margin-left: 10%;
	width: 80%;
}
#hikkoshi_map .number {
	text-align: center;
	font-size: 124%;
	margin-top: 5px;
}
#hikkoshi_map .w910 {
	width: 96%;
	margin: 0 auto;
	padding: 40px 2% 0;
}
#hikkoshi_map h2 {
	background: url(../images/_hikkoshi_map/icon_airplane.png) 0px 0px no-repeat;
	background-size: 33px;
	padding-left: 45px;
	font-size: 193%;
	/* margin-top: 20px; */
}
#hikkoshi_map .w465 {
	width: 96%;
	float: none;
	padding: 0 2%;
}
#hikkoshi_map .w415 {
	wwidth: 96%;
	float: none;
	padding: 0 2%;
}
#hikkoshi_map .section .up img {
	/* padding-bottom: 50px; */
	/* width: 80%; */
	text-align: center;
}
#hikkoshi_map .section img {
	padding-bottom: 0;
	/* width: 70%; */
}
#hikkoshi_map .section .hiki {
	text-align: center;
	margin-bottom:20px;
}
#hikkoshi_map #contents_btm {
	background: #EAF6FA url(../images/_hikkoshi_map/bg_btm.png) center bottom no-repeat;
	background-size: contain;
	padding-bottom: 120px;
}
#hikkoshi_map .ex dt {
	float: none;
}
#hikkoshi_map .ex dd {
	padding-left: 0;
	margin-bottom: 10px;
}
}
/*==============================
	design_block
=============================*/
#hikkoshi_map .design_block {
	background-color: #fff;
	padding: 60px 0;
}
#hikkoshi_map .design_section {
	/*width: 90%;*/
	width: 1380px;
	margin: 0 auto 60px;
}
#hikkoshi_map .design_title {
	margin-bottom: 30px;
	text-align: center;
	background: none;
}
#hikkoshi_map .design_sub_title span {
	display: inline-block;
	background: url(../images/_hikkoshi_map/ttl_design_sub_left.gif) left center no-repeat, url(../images/_hikkoshi_map/ttl_design_sub_right.gif) right center no-repeat;
	padding: 0 30px;
}
#hikkoshi_map .design_sub_title {
	text-align: center;
	font-size: 1.33rem;
	margin-bottom: 30px;
}
#hikkoshi_map .design_sub_title img {
	vertical-align: middle;
	margin-right: 10px;
}
#hikkoshi_map .design_list {
	text-align: center;
}
#hikkoshi_map .design_japan {
	margin-bottom: 60px;
}
#hikkoshi_map .design_list li {
	display: inline-block;
	width: 30%;
	margin: 0 1% 50px;
	vertical-align: top;
	position: relative;
}
#hikkoshi_map .design_world.design_list li {
	width: 32%;
}
#hikkoshi_map .design_list li .design_image {
	border: 1px solid #ddd;
	box-sizing: border-box;
	transition: .4s all ease;
}
#hikkoshi_map .design_list li .design_wrap {
	margin: 0 auto;
	overflow: hidden;
}
#hikkoshi_map .design_list li.design_tate .design_wrap {
	width: 70%;
}
#hikkoshi_map .design_world.design_list li .design_wrap {
	width: 100%;
}
#hikkoshi_map .design_world.design_list li.design_tate .design_wrap {
	width: 65%;
}
#hikkoshi_map .design_list li:hover .design_image {
	opacity: .6;
}
#hikkoshi_map .design_list li .design_image img {
	width: 100%;
	height: auto;
}
#hikkoshi_map .design_list .design_link {
	font-size: 1.13rem;
	font-weight: bold;
	text-align: center;
	margin-right: 2px;
}
#hikkoshi_map .design_list .design_link a {
	display: block;
	text-decoration: none;
	padding: 13px 0 10px;
	border-bottom: 2px solid transparent;
	position: relative;
	transition: .4s all ease;
}
#hikkoshi_map .design_list li:hover .design_link a {
	color: #333 !important;
}
#hikkoshi_map .design_list .design_link a:before {
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	border-bottom: 2px solid #333;
	left: -100%;
	bottom: -2px;
	transition: .4s all ease;
}
#hikkoshi_map .design_list li:hover .design_link a:before {
	left: 0;
}
#hikkoshi_map .design_list .design_link a:after {
	position: absolute;
	bottom: -2px;
	content: "";
	vertical-align: middle;
	right: -2px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 4px solid transparent;
	transition: .8s all ease;
}
#hikkoshi_map .design_list li:hover .design_link a:after {
	border-left-color: #333 !important;
	border-bottom-color: #333 !important;
}

/*design_category*/
#hikkoshi_map .design_category .design_link a {
	border-color: #F2376B;
	color: #F2376B;
}
#hikkoshi_map .design_category .design_link a:after {
	border-left-color: #F2376B;
	border-bottom-color: #F2376B;
}
/*design_part*/
#hikkoshi_map .design_part .design_link a {
	border-color: #0087C9;
	color: #0087C9;
}
#hikkoshi_map .design_part .design_link a:after {
	border-left-color: #0087C9;
	border-bottom-color: #0087C9;
}
#hikkoshi_map .design_part .design_list li:before {
	transition: .2s all ease;
}
#hikkoshi_map .design_part .design_list li:hover:before {
	margin-top: -10px;
}
#hikkoshi_map .design_part .design_japan li:before,
#hikkoshi_map .design_part .design_world li:before {
	position: absolute;
	z-index: 999;
}
#hikkoshi_map .design_part .design_japan li:first-child:before {
	content: url(../images/_hikkoshi_map/img_point_design_part_japan01.png);
	top: -35px;
	left: -10px;
}
#hikkoshi_map .design_part .design_japan li:nth-child(2):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_japan02.png);
	top: -10px;
	right: -10px;
}
#hikkoshi_map .design_part .design_japan li:nth-child(3):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_japan03.png);
	top: -36px;
	right: -10px;
}
#hikkoshi_map .design_part .design_japan li:nth-child(4):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_japan04.png);
	top: -10px;
	right: 50px;
}
#hikkoshi_map .design_part .design_japan li:nth-child(5):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_japan05.png);
	top: -32px;
	left: 51px;
}
#hikkoshi_map .design_part .design_world li:first-child:before {
	content: url(../images/_hikkoshi_map/img_point_design_part_world01.png);
	top: -35px;
	left: -10px;
}
#hikkoshi_map .design_part .design_world li:nth-child(2):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_world02.png);
	top: -36px;
	right: -10px;
}
#hikkoshi_map .design_part .design_world li:nth-child(3):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_world03.png);
	top: -10px;
	left: -30px;
}
#hikkoshi_map .design_part .design_world li:nth-child(4):before {
	content: url(../images/_hikkoshi_map/img_point_design_part_world04.png);
	top: -32px;
	left: 51px;
}


@media screen and (max-width:768px) {	
	#hikkoshi_map .design_section {
		width: 90%;
	}
	#hikkoshi_map .design_title img {
		width: 100%;
		height: auto;
	}
	#hikkoshi_map .design_part .design_list li:before {
		content: none !important;
	}
}

@media screen and (max-width:480px) {
	#hikkoshi_map .design_block {
		padding: 40px 0;
	}
	#hikkoshi_map .design_title {
		padding: 0;
	}
	#hikkoshi_map .design_sub_title {
		margin-bottom: 20px;
	}
	#hikkoshi_map .design_list li,
	#hikkoshi_map .design_list.design_world li {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	#hikkoshi_map .design_block .btn img {
		width: 95%;
		height: auto;
	}
}

/* ================================================================
		cleafix
================================================================ */
#hikkoshi_map .ex, #hikkoshi_map .enBox, #hikkoshi_map .section, #hikkoshi_map .col3, #hikkoshi_map .col2, .clearfix {
/zoom : 1;
}
#hikkoshi_map .ex:after, #hikkoshi_map .enBox:after, #hikkoshi_map .section:after, #hikkoshi_map .col3:after, #hikkoshi_map .col2:after, .clearfix:after {
	content : '';
	display : block;
	clear : both;
}