@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:1200px;
}
#contents p {
	font-size:131%;
	line-height:1.5;
}

#header {
	padding:20px 0 15px;
	margin: 0 auto;
	text-align:center;
}

#header h1#logo {
	margin:0 auto;
	text-align:center;
}

#header h1#logo img {
	width:151px;
}

#header h2 {
	font-size:124%;
}

#header h2 a {
	color:#333;
	text-decoration:none;
}

#main p img {
	max-width: 100%;
	margin: 0 auto;
	height: inherit;
}
#main img {
	vertical-align: middle;
}

#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;
}

/* 商品を見るボタン */
.special_btn {
	margin:40px auto;
}

.product_view {
	background:url(../images/common/special_btn.png) 0 0 no-repeat;
}

p.product_view {
	position:relative;
	left:-4px;
	width:350px;
	height:80px;
	line-height:80px;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	font-size:177% !important;
}

p.product_view:hover {
	background:url(../images/common/special_btn.png) 0 -80px no-repeat;
}

p.product_view a {
	text-decoration: none;
	display: block;
	zoom: 1;
	height: 80px;
	line-height: 80px;
	background: url(../images/common/special_btn.png) right 0 no-repeat;
	position: relative;
	right: -8px;
	padding-right: 4px;
	color: #555;
	background-image: url(../images/common/special_btn.png);
}

p.product_view a:visited,
p.product_view a:hover {
		background:url(../images/common/special_btn.png) 0 -80px no-repeat;
}

p.product_view:hover a,
p.product_view a:hover {
	background:url(../images/common/special_btn.png) right -80px no-repeat;
}

.special_btn_icon {
	position:relative;
	margin-left:8px;
	top:2px;
}

.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;
}

.btn_common {
  text-align: center;
}
.btn_common a {
  display: block;
  width: 240px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  background-color: #444;
  padding: 15px 15px 12px;
  margin: auto;
  text-decoration: none;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all .2s ease;
}
.btn_common a:hover {
  background-color: #666;
}

/* はがきの並び設定 */
.Box830 {
	max-width: 830px;
	width: 83%;
	margin: 0 auto;
}

.tate, 
.yoko {
	margin-bottom:50px;
}

.tate_col2 {
	width:100%;
	margin:0 auto 50px;
	max-width:630px;
}

.tate_col2 li.left,
.tate li.left,
.yoko li.left {
	margin-right:4.81927710843%;
}

.tate_col2 li.left {
	margin-right:11.1111111111%;
}

.tate_col2 li img,
.tate_yoko li img,
.tate li img,
.yoko li img {
	display: block;
	/* [disabled]text-align:center; */
	width: 100%;
	border: 1px solid #CCC;
}

p.number {
	text-align:center;
	margin-top:10px;
}

.yoko li {
	float:left;
	width:47.5903614458%;
}

.tate li {
	float:left;
	width:30.1204819277%;
}

.tate_col2 li {	
	float:left;
	width:44.126984127%;
}

.tate_yoko {
	width:82.5301204819%;
	margin:0 auto;
}

.tate_yoko li {
	float:left;
}

.tate_yoko li.left {
	width:36.496350365%;
	margin-right:4.81927710843%;
}

.tate_yoko li.right {
	width:57.6642335766%;
}


 /* ★共通★　割引の部分 */
#bottom_navi{
	width: 1160px;
	margin: 40px auto 0;
	padding-bottom: 40px;
	text-align:center;
	line-height: 1;
}
#bottom_navi h3{
	color :#834600;
  font-weight: normal;
}
#bottom_navi .img_nav2 {
	margin: 0 auto;
}
#bottom_navi .img_nav2 .campaign_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	position: relative;
	margin-top: 20px;
}
#bottom_navi .img_nav2 .campaign_nav > li {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#bottom_navi .img_nav2 .campaign_nav .campaign_extend {
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	background-color: #458C17;
	border-radius: 50%;
}
#bottom_navi .img_nav2 li{
	display: inline-block;
	transition: all .3s ease;
}
#bottom_navi .img_nav2 li:hover {
	opacity: .6;
}
#bottom_navi h3{
	font-size: 200%;
  font-weight: normal;
}
#bottom_navi .campaign_nav li{
  padding-bottom: 20px;
}
#bottom_navi .col2_btn {
	text-align: center;
	padding-bottom: 0;
	font-size: 0;
}
#bottom_navi .col2_btn > * {
	display: inline-block;
	font-size: 1rem;
	margin: 0 2px;
}
#bottom_navi .bottom_navi_dl > p:first-child {
	margin-bottom: 10px;
}
/*#bottom_navi .col2_btn div {
	display: inline;
}*/
#bottom_navi a:hover{
  opacity: .7;
}
#bottom_navi img {
	vertical-align: middle;
}

 /* ★共通★　割引の部分 2021ver */
 .campain_box_content {
 	margin: 20px 0;
 }
.campaign_ttl {
  color: #fffF;
	font-size: 2rem;
	font-weight: normal;
	position: relative;
	margin-bottom: 41px;
	font-feature-settings: "palt";
}
.campaign_ttl_nenga {
  color: #907231;
  font-size: 1.5rem;
}
.campaign_ttl:before,
.campaign_ttl:after {
	content: '';
	height: 1px;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,transparent), color-stop(50%,#fff), color-stop(100%,transparent));
	background:-moz-linear-gradient(left, transparent 0%, #fff 50%, transparent 100%);
	background:linear-gradient(left, transparent 0%, #fff 50%, transparent 100%);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.campaign_ttl:before {
	width: 140px;
	bottom: -5px;
}
.campaign_ttl:after {
	width: 100px;
	bottom: -11px;
}
.wrap_02{
	width: 1160px;
  margin: 0 auto;
}
.campaign_box{
  text-align: center;
}
.campain_box_content{
	display: flex;
	justify-content: space-between;
}
.campaign_content_01{
  position: relative;
}
.campaign_content_02{
}
.campaign_image_contents{
  display: flex;
  position: relative;
  margin-top: 5px;
}
.campaign_image_contents a:hover{
	opacity: .7;
}
.campaign_content_03{
  background-color: #fff;
  padding: 20px;
  margin: 30px auto 0;
  border-radius: 10px;
  position: relative;
}
.campaign_service{
	font-size: 1.1rem;
	padding: 0 2px;
}
.campaign_content_03:before{
  content: "";
	background-image: url("../images/_top/top_m_service_icon_heart.png");
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
  position: absolute;
	left: 22px;
	top: 5px;
	bottom: 0;
	margin: auto;
}
.campaign_content_04{
  margin: 30px auto 0;
}
.campaign_des{
  font-size: .9rem;
  display: inline-block;
  padding-left: 40px;
}
.campaign_des_02{
  background-color: #ffdfbf;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 10px;
  font-size: .9rem;
  position: relative;
  bottom: 2px;
}
.campaign_extend {
	position: absolute;
	top: -10px;
    left: -25px;
    background-color: #468c00;
    border-radius: 50px;
}
 @media screen and (max-width:768px) {
 	.campain_box_content {
 		display: block;
 		width: 100%;
 		max-width: 528px;
 		margin: 20px auto;
 	}
 	.campain_box_content > * {
 		margin-top: 10px;
 	}
 	.campain_box_content img {
	    max-width: 100%;
	}
 }
 @media screen and (max-width:480px) {
 	.campaign_extend {
		width: 35px;
	    height: 35px;
	    top: -5px;
	    left: -10px;
 	}
 }

.ALleft{
	text-align: left;
}
/* 画像ロールオーバー */
#landing_designer .designList_sora li a:hover img,
#landing_designer .designList li a:hover img,
#landing_designer .designList2 li a:hover img,
#landing_designer .designList3 li a:hover img,
#premium .designList li a:hover img,
.tate_col2 li a:hover img,
#kizuna .linkBox li a:hover img,
.tate_yoko li a:hover img,
.yoko li a:hover img,
.tate li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: “alpha( opacity=60 )”;
}
#landing_designer .contentsBox_list {
	position: relative;
}
#landing_designer .bottom_link {
	position: absolute;
	bottom: 0;
}
#landing_designer .bottom_kina {
	right: 10px;
}
#landing_designer .bottom_hana {
	left: 10px;
}
@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) {
	 body {
		 min-width: 100%;
	 }
.sp { display:none; }
 
#container {
	max-width: 100%;
	margin: 0 auto;
	background: #FFF;
}

#header h1#logo img {
	min-width:150px;
}

#header h1#logo img {
	max-width: 100%;
	height: auto;
}

 /* ★共通★　割引の部分 */
	 #bottom_navi {
		 width: 90%;
	 }
#bottom_navi li {
	padding-bottom: 15px;
}
	 #bottom_navi li:not(:last-child) {
		 margin-right: 20px;
	 }
#bottom_navi .img_nav2 li img{
	width: 100%;
}
#bottom_navi .col2_btn div img {
	text-align: center;
	width: 100%;
}
 } 
 
@media screen and (max-width: 640px) {
.pc { display:none; }
.sp { display:block; }
.sp_only { display:block; }

 /* ★共通★　割引の部分 */
#bottom_navi{
	padding-bottom: 20px;
}
#bottom_navi ul{
	padding-bottom: 0px;
}
	#bottom_navi .img_nav2 .campaign_nav,
	#bottom_navi .col2_btn {
		display: block;
	}
	#bottom_navi .img_nav2 .campaign_nav > *,
	#bottom_navi .col2_btn > * {
		max-width: 100%;
		margin: 0 auto;
	}
	#bottom_navi .bottom_navi_char {
		margin-bottom: 20px
	}

/* フッター設定 */
#footer {
	width: 94.7916666667% !important;
}
.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;
}



.fixity #footer_nav {
	width: 100% !important;
	/*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_container {
	padding: 0 0 15px;
	font-size: 100%;
}
#footer_nav ul {
	text-align: left;
}
#footer_nav ul li {
	position:static;
	display:block;
	padding: 0;
}

#footer_nav ul li a {
	display: block;
	border-bottom: 1px solid #FFF;
	padding: 10px 15px;
}

#footer_nav .site_fn_icon_arrow {
	display: none;
}

#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%;
}
#bottom_navi .button img{
	width: 90%;
}
#bottom_navi h3{
	font-size: 160%;
}
}
/* サンプル請求 */
.sample .sample_text {
	text-align: center;
}
@media screen and (max-width:768px) {
.sample .sample_text {
	text-align: left;
}	
}
/* ================================================================
		エイブルアート
================================================================ */
#ableart #header {
	border-bottom: 1px solid #CCC;
	padding-bottom:20px;
}
#ableart #main .contentsBox1{
	background:url(../images/_ableart/main_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 0px;
	background-size: contain;
}
#ableart #main .inner_title{
	width: 90%;
	margin: 0 auto;
	color: #525252;
	padding-bottom: 20px;
}
#ableart #main .inner_title .fl{
	width: 30%;
	margin-right: 20px;
}
#ableart #main .inner_title .fl2{
/*	width: 65%;*/
	width: 490px;
	text-align: left;
	float:left;
	margin-top: 5%;
}
#ableart #main #logo2{
	width: 75%;
	margin-bottom: 20px;
}
#ableart #hPC{
	margin-top: 20px;
}
#ableart h2{
	margin-bottom: 40px;
	font-size:large;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 40px;
}
#ableart h2 img{
	width: 100%;
}
#ableart #hSP{
	display: none;
}
#ableart #main .inner_title .ttl_main1SP{
	font-size: 160%;
	font-weight: bold;
	display:none;
}
#ableart #main .inner_title .ttl_main2{
	font-size: large;
}
#ableart #bordered{
	background: url(../images/_ableart/img_bord.png) repeat;
/*	padding: 5px;*/
	border: 5px solid transparent;
	border-radius: 5px;
}
#ableart .bordreset{
	background: url(../images/_ableart/img_bg.jpg) ;
	padding: 40px;
	color: #fff;
	display: table;
}
#ableart .bleft{
	text-align: left;
	/*float: left;*/
	display: table-cell;
	/*margin-right: 5%;*/
	width: 55%;
	padding-right: 40px;
	vertical-align: middle;
}
#ableart .bleft h3{
	font-size: 300%;
	margin-bottom: 20px;
	text-align: center;
	/*padding-top: 30%;*/
}
#ableart .bright{
	width: 40%;
	/*float: left;*/
	display: table-cell;
	vertical-align: middle;
}
#ableart .bright img{
	width: 100%;
	height: inherit;
}
#ableart .goodjob .logo {
	margin-right: 1em;
	float: left;
}
#ableart .leaf {
	font-size: 108%;
	font-weight: bold;
	margin-left: 15%;
	margin-bottom: 40px;
}
#ableart .leaf li{
	list-style-type: none;
	background-image: url(../images/_ableart/img_list.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-bottom: 20px;
	font-size: large;
}
#ableart .leaf li a{
	text-decoration: underline;
	color: #fff;
	padding-bottom: 5px;
}
#ableart .col_2 {
	width: 80%;
	margin: 0 auto;
}
#ableart .col_2 li {
	float: left;
	margin: 0 7%;
	width: 36%;
}
#ableart .col_2 li img {
	width: 100%;
}
#ableart .col_4 {
	width: 100%;
}
#ableart .col_4 li{
  float: left; 
  margin-right: 10px;
  width: 24%;
}
#ableart .col_4 li img{
	width: 100%;
}
/*#ableart .col_4 li:first-child{
	margin-left: 10px;
}*/
#ableart .col_4 .last{
	margin-right: 0px;
}
#ableart .contents2 .yoko li.tate {
	width: 32% !important;
	margin: 0 50px 0 105px !important;
}
#ableart .contents2 {
	width: 90%;
	margin: 0 auto;
}
#ableart .contents2 .yoko li{
	margin-right: 10px;
	width: 48%;
}
#ableart #bottom_navi h3{
	color: #fff;
}
#ableart #main p img {
	margin:30px 0;
}
#ableart #contents {
	background-size:15px;
	background:url(../images/_ableart/img_bg.jpg) ;
}
#ableart .contentsBox1 {
	max-width:1000px;
	width:90%;
	margin:0 auto;
	padding:30px 20px;
	text-align:center;
}
#ableart .contentsBox2 {
	background-size:15px;
	background:url(../images/_ableart/bg_gray02.gif) ;
}
#ableart .contentsBox2 .receipts {
	max-width:685px;
	width:95%;
	margin:0 auto;
	padding:30px 0;
}
#ableart .contentsBox2 .receipts .photo {
	margin-left: 4.81927710843%;
}
#ableart .contentsBox2 .receipts .photo img {
	border: 1px solid #CCC;
}
#ableart .img01 {
	text-align:center;
	padding:30px 0;
}
#ableart .img01 img {
	max-width:471px;
	width:100%;
}
#ableart #contents p,
#ableart .attention p {
	font-size:139%;
	line-height:1.6;
}
#ableart .img02 {
	width:100%;
	text-align:center;
	margin:50px auto 30px;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
}
#ableart .img02 img {
	max-width:471px;
	width:100%;
}
#ableart .s_ttl01 {
	text-align:center;
	margin-bottom:13px;
}
#ableart .s_ttl01 img {
	max-width:540px;
	width:100%;
}
#ableart .attention {
	max-width:720px;
	width:72%;
	margin:0 auto;
}
#ableart .icon {
	margin:0 15px 15px 0;
}
#ableart .btnBox {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
#ableart .caption {
	display:none;
}

#ableart .both_list {
	text-align: center;
	margin: 0 auto;
  width: 1000px;
}
#ableart .both_list li {
	display: inline-block;
	/*width: 330px;*/
	margin: 0 20px;
	margin-bottom: 40px;
	vertical-align: middle;
}
#ableart .both_list li img {
  width: 220px;
}
#ableart .both_list li.yoko_box img {
	width: 330px;
}
#ableart .both_list li .both_wrap {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#ableart .both_list li .design_box/*,
#ableart .both_list li .both_box*/ {
	display: block;
}
/*#ableart .both_list li .design_box img {
	width: 100%;
}*/
/*#ableart .both_list li .both_box {
	position: absolute;
	bottom: 0;
	right: 0;
}
#ableart .both_list li .both_box img {
	width: 85%;
}*/
#ableart .both_list li .number {
	clear: both;
}

/*割引*/
#ableart #bottom_navi .img_nav2 ul:before {
	border-top-color: #a8c849;
}
#ableart #bottom_navi .img_nav2 ul:after {
	border-bottom-color: #a8c849;
}


#ableart .col_4 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1050px;
  margin: 0 auto;
  justify-content: center;
}

#ableart .col_4 li{
  display: inline-block;
    width: 30%;
    padding: 0 5px;
  margin-bottom: 20px;
}
#ableart .col_4 li.yoko{
  display: inline-block;
    width: 40%;
    padding: 0 5px;
  margin-bottom: 20px;
}
#ableart .col_4 li img{
	width: 90%;
	max-width: 300px;
}
#ableart .col_4 li.yoko img{
	width: 100%;
	max-width: 400px;
}
#ableart .col_4 li.yoko  .noborder img{
	border: none !important;
	width: 60% !important;
	margin: 0 auto;
	padding-top: 10px;
}
#ableart .col_4 li img.nenga{
  border: 1px solid #ddd;
}

#ableart .col_4 li:last-child{
	margin-right: 0;
}
#ableart .noborder img{
	border: none !important;
	width: 75% !important;
	margin: 0 auto;
	padding-top: 10px;
}
#ableart .hagaki a:hover {
	opacity: .6;
}


@media screen and (max-width:920px) {
	#ableart #main .inner_title .fl {
		float: none;
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}
	#ableart #main .inner_title .fl img {
		margin: 0;
	}
	#ableart .bordreset {
		width: 90%;
		padding: 20px 5%;
	}
	#ableart .bleft,
	#ableart .bright {
		float: none;
		display: block;
		margin: 0;
		width: 100%;
		padding: 0;
	}
	#ableart .bright {
		margin-top: 20px;
	}
	#ableart .bright .fr {
		float: none;
	}
	#ableart .contentsBox1 {
		width: 90%;
		padding: 30px 5% 0;
	}
	#ableart #main .inner_title .fl2 {
		float: none;
		width: 100%;
	}
	#ableart .leaf {
		margin-left: 5%;
	}
	#ableart .goodjob .logo {
		float: none;
		margin: 0 auto 10px;
		text-align: center;
	}
	#ableart .both_list {
		width: 90%;
	}
}
@media screen and (max-width:640px) {
	#ableart #hPC {
		display: none;
	}
	#ableart #hSP {
		display: block;
		border-bottom: 3px solid #fff;
		padding-bottom: 10px;
	}
	#ableart .bleft h3 {
		font-size: 1.4rem;
	}
	#ableart .both_list {
    width: 90%;
	}
	#ableart .both_list li {
		width: 90%;
		margin: 0 5% 30px;
	}
	#ableart .both_list li .both_wrap {
		height: auto;
	}
	#ableart .both_list li .design_box,
	#ableart .both_list li .both_box {
		width: 100%;
	}
	#ableart .both_list li .both_box {
		position: static;
		margin-top: 10px;
	}
	#ableart .both_list li {
		width: 100% !important;
    margin: 0 0 20px;
	}
  #ableart .both_list li img {
    width: 80% !important;
  }
  #ableart .both_list li.yoko_box img {
    width: 100% !important;
  }
}
/*@media screen and (min-width:1024px) {
#ableart #main p img {
	max-width:600px;
}
}

@media screen and (max-width:1023px) {
#ableart #main p img {
	width:90%;
	height: auto;
	max-width:600px;
}

#ableart .col_4 li{
	width: 48%;
	padding: 0;
	margin-bottom: 10px
}
}

@media screen and (max-width:980px){
	#ableart #main .inner_title .fl, #ableart #main .inner_title .fl2{
	float: none;
	width: 99%;
	padding-bottom: 10px;
}
#ableart #main p img {
	width:70%;
	padding: 0;
	margin: 0px;
	}
}

@media screen and (max-width:768px) {	
#ableart .bordreset h3{
	padding-top: 0%;
	font-size: 200%;
}
#ableart .bleft,
#ableart .bright {
	padding: 0;
	width: 100%;
}
#ableart .leaf{
	margin-left: 0px;
}
#ableart .contentsBox1{
	width: 90%;
	padding: 20px 0 0 0;
}
#ableart #logo2{
	width: 90% !important;
}
#ableart .contents2 .yoko{
	width: 90% !important;
	margin: 0 auto;
}
#ableart .contents2 .yoko li{
	width: 100% !important;
	margin-bottom: 10px;
}
#ableart  #hSP{
	padding-top: 20px;
	display: block;
	border-bottom: 3px solid #fff;
	padding-bottom: 15px;
	font-size: 142%;
}
#ableart #hPC{
	display: none;
}
#ableart #main .inner_title .ttl_main1SP{
	display: block;
}
#ableart #main .inner_title #ttl_main1PC{
	display: none;
}
}
@media screen and (max-width:600px) {
	#ableart .col_2 li {
		width: 100%;
		margin: 0 0 30px;
	}
#ableart .goodjob .logo {
	margin: 0 0 10px 0;
	text-align: center;
}
#ableart .goodjob .fl,
#ableart .goodjob .fr {
	float: none;
}

#ableart .col_4{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10px !important;
}
#ableart .col_4 li{
	float: none;
	width: 90%;
	margin: 0 auto 10px auto;
}

#ableart .col_4 .last{
margin: 0px auto;
}

#ableart .bordreset{
	padding: 20px;
}
#ableart .contents2 .yoko{
	margin-bottom: 10px !important;
}
#ableart .contents2{
	margin-bottom: 20px;
}

}


@media screen and (max-width:480px) {
	#ableart .bordreset h3{
		font-size: 160%;
	}
#ableart .contentsBox2 .receipts .photo {
	margin-bottom:10px;
	text-align:center;
	float:none;
}


#ableart .s_ttl01 img {
	display:none;
}

#ableart .caption {
	display:block;
	padding:0 10px
}

#ableart p.number{
	margin-top: 5px;
}
}
*/

/* ================================================================
		絆年賀状
================================================================ */
#kizuna #header {
  display: none;
}
#kizuna .section {
	margin-bottom:30px;
}

#kizuna .last_section {
	margin-bottom:0px;
}

#kizuna .button_up{
	display: none;
	font-size: 100%;
}

#kizuna p {
	color:#525252;
}

#kizuna .copyright {
	color:#FFF;
}
#kizuna #main{
	background:url("../images/_kizuna/img_bgPetals.png") bottom center no-repeat, url(../images/_kizuna/bg_main.jpg) 0 0 repeat-x;
  background-size: 939px 419px, 99px 450px;
  height: 450px;
  position: relative;
	
}
#kizuna #main .s_ttl{
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
}
#kizuna #main .s_ttl01txt{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
}

/*#kizuna #main p {
	background-image:url(../images/_kizuna/img_bgPetals.png);
	background-repeat: repeat;
    background-size: contain;
}*/

/*#kizuna .captionBlock {
	background-image:url(../images/_kizuna/bg_sakura.png);
	background-repeat: repeat;
	background-size: contain;
	padding-top:20px;
}*/

#kizuna .captionBlock .set{
	position: relative; 
	top: -60px;
}

#kizuna .contentsBox2 {
	background:url(../images/_kizuna/bg_washi.jpg) ;
	background-size:250px;
	padding-top:50px;
}

#kizuna .Box830  .col_2{
	width: 90%;
	margin: 0 auto;
}
#kizuna .Box830 .col_2 li{
	display: inline-block;
	width: 45%;
	padding: 0 5px;
}
#kizuna .Box830  .col_2 li img{
	 width: 90%;
}
#kizuna .Box830  .col_3{
	width: 100%;
}
#kizuna .Box830  .col_3 li{
 display: inline-block;
 width: 30%;
 padding: 0 5px;
}

#kizuna .Box830  .col_3 li img{
	 width: 90%;
}
#kizuna .Box830  .col_3 li > a > img{
  border: 1px solid #ccc;
}
#kizuna .Box830 .btn_cap img{
	max-width: 210px;
}

#kizuna .Box830 {
	max-width:830px;
	width:100%;
	margin:0 auto;
}
/* タイトル */
#kizuna .s_ttl01 {
	text-align:center;
	margin-bottom:13px;
}

#kizuna .s_ttl01 img {
	max-width:690px;
	width:100%;
}
#kizuna .contentsBox2 .imgttl{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
}
#kizuna .contentsBox2 .imgttl img{
	width: 90%;
	padding-bottom: 20px;
	padding-top: 15px;
}

#kizuna .contentsBox2 .imgttl_sp {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
	background-image:url(../images/_kizuna/img_bgShadow.png);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #FF7272;
	font-weight: 500;
	font-size: x-large;
	padding-top: 20px;
	display:none;
}
#kizuna .contentsBox2 .imgttl2 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 30px auto;
	text-align:center;
	font-size:large;
}


#kizuna .about {
	width:90%;
	max-width:900px;
	margin:0 auto ;
}

#kizuna .about .photo {
	margin-right:4.81927710843%;
}

#kizuna .about .photo img {
	max-width:450px;
	width:100%;
}

/* kabout list*/
#kizuna .kabout{
	width:90%;
	max-width:900px;
	margin:0 auto ;
}
#kizuna .kabout li{
	display: inline-block;
	width: 48%;
	padding: 5px;
	vertical-align: top;
}
#kizuna .kabout li img{
	width: 100%;
}
#kizuna .kabout li p{
    margin-top: 7.5%;
}


/* お礼状 */
#kizuna .linkBox,
#kizuna .letterBox {
	/*width:96%;*/
	max-width: 640px;
	margin:0 auto;
	padding-bottom: 20px;
}

#kizuna .letterBox p {
	text-align:center;
}
#kizuna .letterBox ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*#kizuna .letterBox li {
	width:31.15%;
	float:left;
	margin-right:3.125%;
}*/

#kizuna .letterBox li img {
	width:100%;
	max-width:300px;
}
#kizuna .letterBox li .fancybox img {
	border:1px solid #DDDDDD;
	box-sizing: border-box;
}


#kizuna .linkBox li.last,
#kizuna .letterBox li.last {
	margin-right:0%;
}

#kizuna .letterBox .caption {
	text-align:center;
	margin-bottom:5px;
}

/* 各県窓口ホームページ */

/*#kizuna .linkBox li {
	width:31.25%;
	float:left;
	margin-right:3.125%;
}*/

#kizuna .linkBox li img {
	max-width:300px;
}
#kizuna .s_ttl01txt{
	text-align:center;
	margin-bottom:30px;
	font-size: 200%;
	color: #72474C;
	font-weight: 500;
}
#kizuna .section .click{
	text-align: center;
	margin-top: 0;
}

#kizuna .sp{
	display: none;
}

#kizuna .last{
	margin-bottom: 0px;
}
#kizuna  .img_cap{
	margin-top: 15px;
	margin-bottom: 10px;
}

#kizuna .tSPmode{
	display: none;
}

/*割引*/
@media screen and (max-width:1024px){
	#kizuna #main p{
		background-position: top -70px left;
	}
	#kizuna .captionBlock{
		padding-top: -5px;
	}
	#kizuna .captionBlock .set{
		top: -10px;
	}
	
#kizuna .section .click{
	text-align: center !important;
	margin-top: -10px
}
#kizuna .linkBox{
	padding-bottom: 0;
}
}

@media screen and (max-width:768px) {
  #kizuna #main {
    height: auto;
    background-size: cover, 99px 450px;
  }
  #kizuna #main .s_ttl{
    position: relative;
    left: inherit;
    bottom: inherit;
    transform: none;
  }
  #kizuna #main .s_ttl01txt{
    position: relative;
    left: inherit;
    bottom: inherit;
    transform: none;
    width: 95%;
    margin: 0  auto 20px auto;
  }
  #kizuna .about .photo {
    float:none !important;
    text-align:center;
    margin-bottom:20px;
  }


/*#kizuna .captionBlock .set{
	padding-top: 80px;
}*/
#kizuna .button_up{
	display: block;
	padding-top: 10px;
}
#kizuna .linkBox,
#kizuna .click{
	display: none;
}
#kizuna .letterBox li,	
#kizuna .linkBox li {
	float: none !important;
	width: 100% !important;
	margin-bottom:25px;
	text-align:center;
}

/*#kizuna .letterBox li:last-child{
	margin-bottom: 0px;
}*/

#kizuna .captionBlock p {
	padding:0 20px;
}
/*
#kizuna .contentsBox2 .imgttl{
	width: 90%;
	max-width: 750px;
	margin: 0 auto 40px auto;
}*/
#kizuna .contentsBox2 .imgttl{
	display: none;
}
#kizuna .contentsBox2 .imgttl_sp {
	display: block;
}

#kizuna .kabout{
	max-width: 750px;
}
#kizuna .kabout li{
	width: 98%;
}

#kizuna .img_cap{
	margin-top: 10px;
}

}
@media screen and (max-width: 480px) {
	
	#kizuna .linkBox, #kizuna .letterBox {
		padding-bottom: 0px;
	}
#kizuna .letterBox li,	
#kizuna .linkBox li {
	float: none !important;
	width: 100% !important;
	padding-bottom: 10px;
	text-align:center;
	margin: 0 auto;
}


#kizuna .about {
	margin-bottom:20px;
}

#kizuna .about .photo {
	float:none !important;
	text-align:center;
	margin-bottom:20px;
}
#kizuna .captionBlock{
	background: none;
	padding-bottom: 10px;
}
/*
#kizuna .contentsBox2 .imgttl{
	width: 90%;
	max-width: 480px;
	margin: 0 auto 40px auto;
}
#kizuna .contentsBox2 .imgttl img{
	width: 100%;
}
*/
#kizuna .Box830{
	width: 90%;
	margin: 0 auto;
}
#kizuna .Box830 .col_3{
	text-align: center;
}
#kizuna .Box830 .col_3 li {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px !important;
}

#kizuna .Box830 .col_3 li:last-child,
#kizuna .Box830 .col_2 li:last-child{
	padding-bottom: 0 !important;
}

#kizuna .Box830 .col_2{
	margin: 0 auto;
	padding-bottom: 20px;
}
#kizuna .Box830 .col_2 li{
    width: 100%;
	padding: 0 0 20px 0;
}
#kizuna .kabout li{
	width: 96%;
}

#kizuna .sp,
#kizuna .tSPmode{
	display: block;
}
#kizuna .nonsp,
#kizuna .tPCmode{
	display: none;
}
#kizuna .s_ttl01txt{
	margin-bottom: 10px;
	font-size: 160%;
}
#kizuna .contentsBox2 {
	padding-top: 30px;
}
#kizuna .section{
	margin-bottom: 20px;
}

#kizuna .img_cap{
	margin-top: 5px;
	margin-bottom: 5px;
}
#kizuna .contentsBox2 .imgttl_sp {
	
	margin-bottom: 10px !important;
}
#kizuna .contentsBox2 .imgttl2{
	margin-bottom: 10px;
}
#kizuna .button_up{
	padding-top: 0px;
	margin-top: 0px;
}

#kizuna #bottom_navi{
	padding-top: 0px;
}
#kizuna .Box830  .col_3 li img {
	width: 90%;
}

}

#kizuna #bottom_navi h3{
color: #72474C;
}

/* ================================================================
		グリーンエコ年賀状
================================================================ */
#greeneco {
	background: url(../images/_greeneco/img_wood.jpg) 0 0 repeat;
}
#greeneco .section{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}

#greeneco .inner_section {
	width: 90%;
	margin: 0 auto;
}
#greeneco #main{
	background-image: url(../images/_greeneco/head_bg.jpg);
	background-size: 2600px 500px;
	background-repeat: repeat-x;
	text-align: center;/*
    background-position: center center;*/
}
#greeneco #contents{
	background: url(../images/_greeneco/bg_illust.png) center 0 no-repeat;
	background-size: 2070px auto;
	padding-top: 100px;
	margin-top: -70px;
}
/*#greeneco #inner_contents{
	background: url(../images/_greeneco/img_bgbg1.png) top left no-repeat, url(../images/_greeneco/img_bgbg2.png) top right no-repeat;
	background-attachment: fixed;
	background-size: contain;
}
*/

/*
#greeneco #inner_contents_left {
	background: url(../images/_greeneco/img_bgbg1.png) left top no-repeat;
	background-attachment: fixed;
	background-size: contain;
}
#greeneco #inner_contents_right {
	background: url(../images/_greeneco/img_bgbg2.png) right top no-repeat;
	background-attachment: fixed;
	background-size: contain;

}
*/

#greeneco #contents #outer_brown{
	max-width: 1100px;
	width: 100%;
	background: #8C4600;
	border-radius: 29px;
	margin: 0 auto;
	padding: 30px;
}

#greeneco #bottom_navi h3{
	color:  #8C4600;
}

#greeneco #contents #outer_brown {
	position: relative;
}
#greeneco #contents #outer_brown #clip{
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	margin: auto;
	width: 321px;
	height: 160px;
}

#greeneco #contents #outer_brown #inner_white{
	background-color: #fff;
	/*max-width: 1100px;*/
	width: 100%;
	border-radius: 20px;/*
	margin: 0 auto;*/
	padding-bottom: 30px;
}

#greeneco #contents #outer_brown #inner_white .inner_header {
	background: url(../images/_greeneco/head_bg2.jpg) center 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	border-radius: 20px 20px 0 0;
}
#greeneco #contents #outer_brown #inner_white #mountain{
	background:url(../images/_greeneco/img_mountain_bg.png) no-repeat;
	background-size: 100%;
	margin-top: -63px;
}
#greeneco #contents #outer_brown #inner_white #mountain h2{
	padding-top: 100px;
}
#greeneco #contents #outer_brown #inner_white #mountain h2 img{
	width: 90%;
}
#greeneco .col_3{
	margin-bottom: 10px;
}

#greeneco .col_3 li{
	/*margin-right: 10px;*/
	text-align: center;
	padding: 15px;
	display: inline-block;
	width: 29%;
}
#greeneco .col_3 li img{
	margin-bottom: 20px;
	width: 95%;
}

/* メインタイトル　*/
#greeneco .main_ttlPC {
	padding: 130px 0;
}
#greeneco .main_ttlPC h1 {
	padding: 30px 0;
}
#greeneco .main_ttlPC #main_button {
	margin-top: 50px;
	margin-bottom: 100px;
}

#greeneco #contents .tbl_note {
    border: 5px solid #CCC;
    border-collapse: collapse;
    color: #777777;
    font-size: 131%;
	line-height:  1.8;
	margin-bottom: 20px;
	width: 100%;
}
#greeneco #contents .tbl_note td, #greeneco #contents .tbl_note th {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    vertical-align: top;
    text-align: center;
    background: #FFF;
}
#greeneco #contents .tbl_note th.tbl_ttl {
    background: #FFF !important;
    border-bottom: 1px solid #CCC;
    color: #94C913;
}
#greeneco #contents .tbl_note .even td, #greeneco #contents .tbl_note .even th {
    background: #F3F3F3;
}
/*#greeneco .link_btn{
	width: 40%;
}*/
#greeneco .titleSP {
	display: none;
}

#greeneco #contents .graybox{
	border-radius: 20px;
	background:url(../images/_greeneco/bg_graybox.jpg) repeat;
	margin-bottom: 40px;
}
#greeneco #contents .graybox p{
	padding: 30px;
}
#greeneco .co2{
	margin-bottom: 40px;
}
#greeneco .co2 h3{
	font-size: 17px;
}
#greeneco .content_sec{
	margin-bottom: 40px;
}

#greeneco .greenbox{
	background:url(../images/_greeneco/img_greenbox.jpg) repeat;
	margin-bottom: 40px;
}
#greeneco .greenbox .section{
	padding: 40px 0;
}
#greeneco .big{
	line-height: 1.8;
	font-size: 21px;
}
#greeneco .greenbox ul li .answer dt{
	margin-left: 50px;
	margin-bottom: 20px;
}
#greeneco .greenbox ul li .answer dd{
	width: 82%;
	margin-left: 115px;
	text-align: left;
}

#greeneco .desc{
	/*font-weight: bold;*/
}

#greeneco .inner_section .fl{
	margin-right: 20px;
}

#greeneco .col2 .fl{
	margin-left: 4px;
}

#greeneco .col_2 li{
	width: 49%;
	float: left;
	/*padding: 5px;*/
}
#greeneco .col_2 li img{
	width: 99%;
}

#greeneco .col_2 li img{
	margin-bottom: 10px;
}

#greeneco .col_2.report li.report_photo {
	width: 40%;
	margin-right: 5%;
}
#greeneco .col_2.report li.report_photo img {
	width: initial;
}
#greeneco .col_2.report li.middleAl{
	width: 50%;
}

#greeneco .greenbox .middleAl{
	padding-top: 5%;
}
#greeneco .titlePC{
	display: block;
}
#greeneco #offsetSP{
	display: none;
	width: 100%;
}
#greeneco #offsetPC{
	width: 100%;
	padding-bottom: 20px;
}
greeneco .titleSP{
	font-weight: bold;
	font-size: 30px;
	display:none;
}
#greeneco .qNaPC li h2{
	margin-bottom: 20px;
}

#greeneco .qNaSP{
	display: none;
}
#greeneco .qNaSP li{
	margin-bottom: 20px;
}
#greeneco .qNaSP li:last-child {
	margin-bottom: 0;
}
#greeneco .qNaSP .question{
	color: #525893;
	font-weight: bold;
	font-size: 22px;
}

#greeneco .qNaSP .ASP{
	margin-left: 20px;
}
#greeneco .qNaSP .ASP dt{
	color: #67AA12;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
#greeneco .main_ttlSP{
	display: none;
	color: #fff;
	padding: 20px 0px;
	font-weight: bold;
	
}
#greeneco .main_ttlSP li{
	margin-bottom: 20px;
}
#greeneco .main_ttlSP h1{
	font-weight: bold;
	font-size: 27px;
}
#greeneco .main_ttlSP li h2{
	font-size: 20px;
}
#greeneco .main_ttlSP li h3{
	font-size: 17px;
}
#greeneco #contents .section .ih3{
	margin-bottom: 30px;
}
#greeneco #contents .section .bBut{
	margin-bottom: 30px;
}

/* 実績の表 */
#greeneco #contents .tbl_note th,
#greeneco #contents .tbl_note td {
	padding: 10px;
}

/*割引*/
#greeneco #bottom_navi .img_nav2 .campaign_nav:before {
	border-top-color: #dbae75;
}
#greeneco #bottom_navi .img_nav2 .campaign_nav:after {
	border-bottom-color: #dbae75;
}

#greeneco .col_4 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1050px;
  margin: 0 auto;
  justify-content: center;
}

#greeneco .col_4 li{
  display: inline-block;
    width: 30%;
    padding: 0 5px;
  margin-bottom: 20px;
}
#greeneco .col_4 li img{
	width: 90%;
	max-width: 300px;
}
#greeneco .col_4 li img.nenga{
  border: 1px solid #ddd;
}

#greeneco .col_4 li:last-child{
	margin-right: 0;
}
#greeneco .noborder img{
	border: none !important;
	width: 75% !important;
	margin: 0 auto;
	padding-top: 10px;
}
#greeneco .hagaki a:hover {
	opacity: .6;
}

@media screen and (max-width: 640px) {
	#greeneco #container {
		background-color: transparent;
	}
	#greeneco #contents {
		padding-top: 70px;
	}
	#greeneco .main_ttlPC {
		display: none;
	}
	#greeneco .main_ttlSP {
		display: block;
		padding-bottom: 110px;
	}
	#greeneco #contents #outer_brown #clip {
		width: 100%;
	}
	#greeneco #contents #outer_brown {
		width: 90%;
		padding: 0;
		border-radius: 12px;
	}
	#greeneco #contents #outer_brown #clip {
		text-align: center;
	}
	#greeneco #contents #outer_brown #clip img {
		width: 50%;
		height: auto;
	}
	#greeneco #contents #outer_brown #inner_white {
		border-radius: 12px;
	}
	#greeneco #contents #outer_brown #inner_white .inner_header {
		background-position: center 130px;
		background-color: #1C7BD8;
		padding-top: 20px;
		border-radius: 12px 12px 0 0;
		height: auto;
	}
	#greeneco #contents #outer_brown #inner_white #mountain h2 {
		padding: 30px 0 20px;
	}
	#greeneco #contents .link_btn img {
		width: 80%;
		height: auto;
	}
	#greeneco .col_3 li {
		display: block;
		width: 90%;
		padding: 15px 5%;
	}
	#greeneco .col_3 li img {
		width: 50%;
		height: auto;
	}
	#greeneco #contents .graybox {
		border-radius: 8px;
		margin-bottom: 20px;
	}
	#greeneco #contents .graybox p {
		padding: 15px 20px;
		text-align: justify;
	}
	#greeneco #offsetPC,
	#greeneco .titlePC,
	#greeneco .qNaPC {
		display: none;
	}
	#greeneco #offsetSP,
	#greeneco .titleSP,
	#greeneco .qNaSP {
		display: inherit;
	}
	#greeneco .titleSP {
		font-size: 20px;
	}
	#greeneco #contents .section .ih3 {
		margin-bottom: 10px;
	}
	#greeneco .greenbox {
		margin-bottom: 20px;
	}
	#greeneco .greenbox .section {
		padding: 20px 0;
	}
	#greeneco .qNaSP .question,
	#greeneco .qNaSP .ASP dt {
		font-size: 17px;
		text-align: justify;
	}
	#greeneco .co2 {
		margin-bottom: 20px;
	}
	#greeneco #contents .col_2 li {
		display: block;
		float: none;
		width: 100%;
	}
	#greeneco .desc {
		text-align: justify;
	}
	#greeneco .content_sec {
		margin-bottom: 20px;
	}
	#greeneco .content_sec .mowing {
		margin-bottom: 10px !important;
	}
	#contents p, #greeneco .big {
		font-size: 15px;
		line-height: 1.5;
	}
	#bottom_navi .bottom_navi_dl > p:first-child {
		margin-bottom: 0;
	}
	#bottom_navi .img_nav2 {
		margin-bottom: 10px;
	}
	#bottom_navi .img_nav2 .campaign_nav li {
		padding-bottom: 0;
	}
	#bottom_navi .img_nav2 .campaign_nav > *,
	#bottom_navi .col2_btn > * {
		margin-bottom: 8px;
	}
	#bottom_navi .img_nav2 .campaign_nav .campaign_extend {
		width: 30px;
    height: 30px;
    left: -10px;
    top: 20px;
	}
	#greeneco .col_2.report li.report_photo img {
		width: 100%;
		max-width: 350px;
		height: auto;
	}
	#greeneco #tree {
		display: none;
	}
	#greeneco #contents .tbl_note {
		font-size: 100%;
		width: 90%;
		margin: 0 auto;
	}
	#greeneco #contents .tbl_note thead {
		display: none;
	}
	#greeneco #contents .tbl_note th,
	#greeneco #contents .tbl_note td {
		display: block;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	#greeneco #contents .tbl_note th.year {
		color: #94C913;
		padding-bottom: 0;
	}
	#greeneco #contents .tbl_note td {
		text-align: right;
	}
	#greeneco #contents .tbl_note td:not(:last-child) {
		padding-bottom: 0;
	}
	#greeneco #contents .tbl_note td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
	#greeneco #contents .tbl_note td.null {
		display: none;
	}
	#greeneco #contents .tbl_note tr:last-child th,
	#greeneco #contents .tbl_note tr:last-child td {
		background-color: #f6fbed;
	}
}



/* ================================================================
		北欧年賀状
================================================================ */
#hokuou #container {
	background: url(../images/_hokuou/bg_main02.png) center top no-repeat;
	/*background-size: 120%;
  background-color: #FAFBF9;*/
	background-color: #d4ecea;
}
#hokuou #main {
  height: 333px;
}
#hokuou #main h1 {
	margin-top: 0;
  /*padding: 0 0 10px;*/
  padding: 0 0 160px;
}
#hokuou #main h1 img {
	max-width: 70%;
	margin: 0 auto;
	height: inherit;
}
#hokuou .pc_view {
	display: inherit;
}
#hokuou .sp_view {
	display: none;
}


/* タイトル */
#hokuou .s_ttl01 {
	text-align:center;
	padding-bottom: 15%;
}
#hokuou .ttl01 {
	margin-bottom: 40px;
	text-align: center;
	padding-top:50px;
}

/*#hokuou .ttl01 img {
	max-width:613px;
	width:100%;
}*/

#hokuou .section{
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}
#hokuou .section .col_4 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1100px;
}

#hokuou .section .col_4 li{
	width: 25%;
	text-align: center;
	margin-bottom: 20px;
}
#hokuou .section .col_4 li img{
	width: 90%;
	max-width: 300px;
}

#hokuou .section .col_4 li:last-child{
	margin-right: 0;
}

#hokuou .s_ttl01 img {
	width: 55%;
}

#hokuou .noborder img{
	border: none !important;
	width: 75% !important;
	margin: 0 auto;
	padding-top: 10px;
}

#hokuou .contentsBox2 {
	/*background: url(../images/_hokuou/bg_main01.jpg) 0 0 repeat;*/
 background-color: #fffbf4;
 /*background-color: #e9e9e9;*/
}

#hokuou .hagaki a:hover {
	opacity: .6;
}

#hokuou #bottom_navi h3{
	color :#834600;
}

#hokuou #mainSP{
	display: none;
}

#hokuou #SPcaption{
	display:none;
	color: #402000;
	font-size: 20px;
	width: 90%;
	margin: 0 auto;
	line-height: 1.2;
    padding-bottom: 25px;
}
#hokuou .original_box {
	text-align: center;
	margin-bottom: 30px;
}

/*割引*/
/*#hokuou #bottom_navi .img_nav2 .campaign_nav:before {
	border-top-color: #f3f3f3;
}*/
#hokuou #bottom_navi .img_nav2 .campaign_nav:after {
	border-bottom-color: #f3f3f3;
}

@media screen and (max-width: 1238px) and (min-width: 641px) {
	/*#hokuou #container {
		background-size: 140% auto;
		background-position: center -2%;
	}*/
	#hokuou #main h1 {
		padding-top: 0;
	}
}

@media screen and (max-width: 768px) {
  #hokuou #main {
    height: 46vw;
  }
  #hokuou #container {
		background-size: 200% auto;
		background-position: center -2%;
	}
	#hokuou #main h1 img {
		max-width: 90%;
	}
	#hokuou .ttl01 img {
		max-height: 28px;
	}
}

@media screen and (max-width: 640px) {
	#hokuou .pc_view {
		display: none;
	}
	#hokuou .sp_view {
		display: inherit;
	}
	
	#hokuou #logo img {
		width: 30%;
		height: auto;
	}
	
	#hokuou #container {
		background-size: 128% auto;
		background-position: center 0;
	}
  #hokuou #main {
    background-size: auto 20%;
  }
	#hokuou #main h1 {
		/*margin-top: -18%!important;*/
		padding: 0 0 40px;
	}
	#hokuou #main h1 img {
		max-width: 90%;
	}
	#hokuou #mainSP{
		display: block;
	}
	#hokuou #SPcaption
	#hokuou .captionBlock {
		background: none;
	}
	
	#hokuou .ttl01 {
		padding-top:30px;
		margin-bottom:20px;
	}
	#hokuou .s_ttl01 {
		padding: 0 0 40px;
	}
	#hokuou .s_ttl01 img,
	#hokuou .ttl01 img {
		max-width:95%;
		width: auto;
	}
	
	#hokuou .section .col_4 {
		margin-bottom: 0;
	}
	#hokuou .section .col_4 li{
		display: block;
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}
	
	#hokuou .section .col_4 li:last-child {
		 margin: 0 auto;
	}
	
	#hokuou #SPcaption{
		padding-bottom: 0px;
	}
	#hokuou .original_box {
		background-color: #fff;
		border-radius: 50px;
		color: #834600;
		font-weight: bold;
		font-size: 200%;
		padding: 10px;
	}

}
/* ================================================================
		ジ・アース年賀状
================================================================ */
#the_earth .caption {
	text-align:center;
	display:none;
}


@media screen and (min-width:1000px) {
#the_earth #main p img {
	max-width:900px;
}
}

#the_earth #main {
	background:url(../images/_the_earth/bg_main.jpg) repeat-x;
	background-size:60px 320px;
}

#the_earth .contentsBox1 {
	margin:25px auto;
}
#the_earth .ttl01,
#the_earth .s_ttl01 {
	text-align:center;
}

#the_earth .ttl01 {
	margin-bottom:40px; 
}

#the_earth .ttl01 img {
	width:233px;
}
#the_earth .s_ttl01 img {
	max-width:800px;
	width:100%;
}

#the_earth .contentsBox2 {
	background:url(../images/_the_earth/bg_green.gif);
	background-size:24px;
	padding:30px 0;
}

#the_earth .last {
	margin-bottom:0;
}

#the_earth .btnBox {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
#the_earth .s_ttl01 img {
	width:95%;
}
}

@media screen and (max-width: 480px) {
#the_earth .ttl01 {
	margin-bottom:20px;
}	
#the_earth .ttl01 img {
		height:25px;
		width:inherit;
}

#the_earth .s_ttl01 img {
	display:none;
}

#the_earth .caption {
	display:block;
	padding:0 10px
}
}

/* ================================================================
		日本の名画　年賀状
================================================================ */
#meiga .top_contentsBox1 {
	background:url(../images/_meiga/bg_01.jpg) top center repeat-x;
	background-size:1200px 59px;
	padding-top:59px;
}

#meiga #contents {
	background:url(../images/_meiga/bg_02.jpg);
	background-size:125px;
}

#meiga .meigaBox {
	width:98%;
	max-width:980px;
	margin:0 auto;
	padding-bottom:60px;
}

#meiga .meigaBox li.left {
	float:left;
	width:47.85%;
	margin-right:4.3%;
}

#meiga .meigaBox li.right {
	width:47.85%;
	float:right;
}

#meiga .title {
	margin-bottom:10px;
}

#meiga .name {
	margin-bottom:20px;
} 

#meiga .comment {
	color:#FFF;
	font-family: Times New Roman,Times,serif;
}

#meiga .meigaBox li.picture img {
	width:100%;
}

#meiga .meigaBox li.picture_tate img {
	width:100%;
	max-width:391px;
	display:block;
	text-align:center;
}

#meiga .picture a:hover img,
#meiga .picture_tate a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: “alpha( opacity=75 )”;
}

#meiga .btnBox {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
@media screen and (max-width: 480px) {
#meiga .top_contentsBox1 {
	background:url(../images/_meiga/bg_01.jpg) top center repeat-x;
	background-size:600px 30px;
	padding-top:30px;
}	
	
#meiga .meigaBox li.right,
#meiga .meigaBox li.left {
	float:none;
	width:100% !important;
}

#meiga .meigaBox {
	width:95%;
}

#meiga .meigaBox li.picture p {
	text-align:center;
	margin-bottom:5px;
}

#meiga .meigaBox .title img {
	height:24px;
	width:inherit;
}

#meiga .meigaBox .name img {
	height:19px;
	width:inherit;
}  
}


/* ================================================================
		盛り上げ年賀状
================================================================ */
#moriage .pc_view {
	display: inherit;
}
#moriage .sp_view {
	display: none;
}
#moriage #header {
	background: url(../images/_moriage/bg_main.png) center 0 no-repeat fixed, url("../images/_moriage/bg_header_pattern.png");
	padding-bottom: 313px;
	position: relative;
}
#moriage #header::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #E72D23; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #E72D23 0%, #E72D23 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #E72D23 0%,#E72D23 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #E72D23 0%,#E72D23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E72D23', endColorstr='#E72D23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index: -1;
}
#moriage #contents {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
	color: #575746;
	font-weight: 500;
	background-color: #fbf8e9;
	position: relative;
	z-index: 999;
}
#moriage #footer_container {
	position: relative;
	z-index: 999;
}
#moriage .wrap {
	width: 1200px;
	margin: 0 auto;
}
#moriage .wrap02 {
	width: 1000px;
	margin: 0 auto;
}
#moriage .parallax {
	background-position: center bottom, 0 0;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed;
	background-size: cover, auto;
	min-height: 200px;
	position: relative;
}
#moriage .parallax::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffef; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffef 0%, #f5e2a2 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffef 0%,#f5e2a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffef 0%,#f5e2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffef', endColorstr='#f5e2a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index: -1;
}
#moriage .parallax.type01 {
	background-image: url(../images/_moriage/bg_main.png), url("../images/_moriage/bg_header_pattern.png");
}
#moriage .parallax.type02 {
	background-image: url(../images/_moriage/bg_main.png), url("../images/_moriage/bg_header_pattern.png");
}
#moriage .page_title {
	text-align: center;
	position: fixed;
  top: 248px;
  bottom: 0;
	left: 50%;
  transform: translateX(-50%);
  margin: auto;
	z-index: 1;
}
#moriage .block_title {
	margin-bottom: 30px;
	text-align: center;
}
#moriage .block_title img {
	width: auto;
	height: 33px;
}
#moriage .tagline {
	position: relative;
	text-align: center;
	padding: 50px 0 40px;
}
#moriage .tagline:before {
	content: '';
	width: 100%;
	height: 10px;
	background: #FBF9D1;
	background: -moz-linear-gradient(left, #FBF9D1 0%, #E5C461 24%, #FBF9D1 50%, #E5C461 75%, #FBF9D1 100%);
	background: -webkit-gradient(linear, left center, right center, from(#FBF9D1), color-stop(24%, #E5C461), color-stop(50%, #FBF9D1), color-stop(75%, #E5C461), to(#FBF9D1));
	background: -webkit-linear-gradient(left, #FBF9D1 0%, #E5C461 24%, #FBF9D1 50%, #E5C461 75%, #FBF9D1 100%);
	background: -o-linear-gradient(left, #FBF9D1 0%, #E5C461 24%, #FBF9D1 50%, #E5C461 75%, #FBF9D1 100%);
	background: linear-gradient(to right, #FBF9D1 0%, #E5C461 24%, #FBF9D1 50%, #E5C461 75%, #FBF9D1 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#moriage .explain {
	padding: 40px 0;
	background-color: #efefdf;
}
#moriage .explain_content {
	width: 100%;
}
#moriage .caution_otodoke {
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	margin-top: 30px;
  color: #d85353;
}
#moriage .explain_image {
	float: left;
	width: 498px;
	transition: all .5s ease;
	text-align: center;
}
#moriage .explain_image img {
	width: 100%;
	height: auto;
}
#moriage .explain_box {
	float: right;
	width: 670px;
	text-align: center;
	padding-top: 20px;
	transition: all .5s ease;
}
#moriage .explain_title {
	margin-bottom: 30px;
}
#moriage .explain_title img {
	width: 57%;
	height: auto;
}
#moriage .explain_text {
	margin-bottom: 25px;
	font-size: .93rem;
}
#moriage .explain_text:last-child {
	margin-bottom: 0;
}
#moriage .explain_subject {
	margin-bottom: 10px;
}
#moriage .design {
	padding: 60px 0;
}
#moriage .design_box {
	display: -webkit-flex;
	display: flex;
	/*コンテンツを高さいっぱい*/
	-webkit-align-items: stretch;
	align-items: stretch;
	margin-bottom: 30px;
}
#moriage .design_box:last-child {
	margin-bottom: 0;
}
#moriage .design_text {
	display: -webkit-flex;
	display: flex;
	/*コンテンツを天地中央寄せ*/
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 430px;
	background-color: #efefdf;
	text-align: center;
	vertical-align: middle;
}
#moriage .design_border_box {
	width: 80%;
	border-top: 1px solid #d6d6c3;
	border-bottom: 1px solid #d6d6c3;
	padding: 20px 0 0;
}
#moriage .design_subject {
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
	margin: 10px auto 0;
}
#moriage .design_subject img {
	width: 50%;
  max-width: 200px;
	height: auto;
}
#moriage .design_no {
	font-size: 1rem;
	font-weight: bold;
}
#moriage .design_image {
	width: 570px;
	position: relative;
	overflow: hidden;
}
#moriage .design_image span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	transition: all .5s ease;
}
#moriage .design_image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#moriage .design_box:nth-child(2n-1) .design_text {
	-webkit-order: 1;
	order: 1;
}
#moriage .design_box:nth-child(2n-1) .design_image {
	-webkit-order: 2;
	order: 2;
}
#moriage .design_box:nth-child(2n) .design_text {
	-webkit-order: 2;
	order: 2;
}
#moriage .design_box:nth-child(2n) .design_image {
	-webkit-order: 1;
	order: 1;
}
#moriage .design_box:first-child .design_image span {
  display: none !important;
}
#moriage .design_button {
	width: 100%;
	margin-top: 15px;
}
#moriage .design_button a {
	display: block;
	text-align: center;
	color: #575746;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 0;
	border-top: 1px solid #d6d6c3;
	position: relative;
	transition: all .3s ease;
}
#moriage .design_button a:hover {
	background-color: #fff;
}
#moriage .design_button a:before,
#moriage .design_button a:after {
	content: '';
	border-top: 1px solid #d6d6c3;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 19px;
	margin: auto;
	transition: all .3s ease;
}
#moriage .design_button a:before {
	width: 19px;
	top: 3px;
}
#moriage .design_button a:after {
	width: 8px;
	top: -3px;
	transform: rotate(-145deg);
}
#moriage .design_button a:hover:before {
	width: 29px;
	right: 9px;
}
#moriage .design_button a:hover:after {
	right: 9px;
}
#moriage .tagline,
#moriage .design,
#moriage .sample {
	background-color: #fff;
}
#moriage .sample {
  padding: 60px 0;
}
#moriage .case {
	background: #ffffef; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffef 0%, #f5e2a2 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffef 0%,#f5e2a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffef 0%,#f5e2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffef', endColorstr='#f5e2a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 65px 0 55px;
	margin-bottom: 30px;
}
#moriage .case .wrap {
	position: relative;
}
#moriage .case_box {
	text-align: center;
	padding-right: 340px;
}
#moriage .case_title {
	margin-bottom: 30px;
}
#moriage .case_title img {
	width: 40%;
	height: auto;
}
#moriage .case_image {
	text-align: center;
	position: absolute;
	top: -110px;
	right: 0;
	z-index: 2;
	transition: all .5s ease;
}

@media screen and (max-width:768px) {
  #moriage .wrap02 {
    width: 100%;
  }
	#moriage .pc_view {
		display: none;
	}
	#moriage .sp_view {
		display: inherit;
	}
	#moriage #header {
		padding: 10px 0 130px;
		background-size: 200% auto;
	}
	#moriage #header #logo img {
		width: 30%;
		height: auto;
	}
	#moriage .wrap {
		width: 90%;
		margin: 0 5%;
	}
	#moriage .parallax {
		display: none;
	}
	#moriage .page_title {
		top: 120px;
    right: 0;
    width: 100%;
	}
	#moriage .page_title img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	#moriage .block_title {
		margin-bottom: 10px;
	}
	#moriage .block_title img {
		max-height: 24px;
	}
	#moriage .tagline {
		padding: 30px 0 20px;
		font-size: 1.24rem;
		font-weight: bold;
	}
	#moriage .explain {
		padding: 10px 0 30px;
	}
	#moriage .explain_title img {
		width: 100%;
		height: auto;
		max-width: 400px;
	}
	#moriage .explain_image,
	#moriage .explain_box {
		width: 100%;
		float: none;
	}
	#moriage .explain_image img {
		max-width: 400px;
	}
	#moriage .explain_box {
		padding-top: 0;
	}
	#moriage .explain_subject {
		font-size: 1.24rem;
	}
	#moriage .explain_text {
		text-align: justify;
	}
	#moriage .caution_otodoke {
		font-size: 0.95rem;
		text-align: left;
		margin-top: 50px;
	}
	#moriage .design {
		padding: 30px 0 0;
	}
	#moriage .design_title img {
		width: 35%;
		height: auto;
		max-width: 400px;
	}
	#moriage .design_box {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#moriage .design_subject {
		padding: 0 1em;
		font-size: 1rem;
	}
	#moriage .design_subject h3 {
		margin-left: 4em;
		text-indent: -4em
	}
	#moriage .design_border_box {
		border: none;
		width: 100%;
		padding-top: 15px;
	}
	#moriage .design_text,
	#moriage .design_image {
		display: block;
		width: 100%;
	}
	#moriage .design_text {
		-webkit-order: 2 !important;
		order: 2 !important;
	}
	#moriage .design_image {
		-webkit-order: 1 !important;
		order: 1 !important;
	}
	#moriage .design_no {
		font-size: .9rem;
	}
	#moriage .design_button a {
		padding: 20px 0;
	}
	#moriage .sample {
		padding: 30px 0;
	}
  #moriage .sample_image img {
    width: 100%;
    height: auto;
  }
	#moriage .case {
		padding: 30px 0 20px;
		margin-bottom: 0;
	}
	#moriage .case_title {
		margin-bottom: 20px;
	}
	#moriage .case_title img {
		width: 60%;
		height: auto;
		max-width: 400px;
	}
	#moriage .case_box {
		padding-right: 0;
	}
	#moriage .case_text {
		margin-bottom: 20px;
	}
	#moriage .case_image {
		position: initial;
	}
	#moriage .case_image img {
		width: 100%;
		height: auto;
		max-width: 400px;
	}
}


/* ================================================================
		カラフル年賀状
================================================================ */
#colorful #container {
	background: url(../images/_colorful/img_bg.jpg);
  background-size: auto 460px;
	background-repeat: repeat-x;
  background-position: center 0;
}
#colorful #main {
	text-align: center;
}
#colorful #main .wrap {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
#colorful #main h1 img{
  width: 100%;
}
#colorful #main p img{
  width: 90%;
}
#colorful .pc_view {
	display: inherit;
}
#colorful .sp_view {
	display: none;
}
#colorful #contents {
	color: #575746;
	font-weight: 500;
	background-color: #fff;
	position: relative;
	z-index: 999;
}
#colorful #footer_container {
	position: relative;
	z-index: 999;
}
#colorful .wrap {
	width: 1000px;
	margin: 0 auto;
}
#colorful .parallax {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #F8AABF;
	background-attachment: fixed;
	background-size: cover;
	min-height: 200px;
}
#colorful .parallax.type01 {
	background-image: url(../images/_colorful/bg_main.png);
}
#colorful .parallax.type02 {
	background-image: url(../images/_colorful/bg_main.png);
}
#colorful .page_title {
	text-align: center;
	position: fixed;
  top: 330px;
  right: 0;
  bottom: 0;
	left: -500px;
  margin: auto;
	z-index: 1;
}
#colorful .block_title {
	margin-bottom: 30px;
	text-align: center;
  font-size: 1.8rem;
}
#colorful .block_title img {
	width: auto;
	height: 33px;
}
#colorful .tagline {
	text-align: center;
	padding: 50px 0 40px;
  font-size: 1.5rem;
  background-color: #DFDFD0;
}
#colorful .explain {
	padding: 40px 0;
	background-color: #fff;
}
#colorful .explain_content {
	width: 100%;
}
#colorful .caution_otodoke {
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	margin-top: 30px;
}
#colorful .explain_image {
	float: left;
	width: 330px;
	transition: all .5s ease;
}
#colorful .explain_image img {
	width: 100%;
	height: auto;
}
#colorful .explain_box {
	float: right;
	width: 670px;
	text-align: center;
	padding-top: 20px;
	transition: all .5s ease;
}
#colorful .explain_title {
	margin-bottom: 30px;
}
#colorful .explain_title img {
	width: 57%;
	height: auto;
}
#colorful .explain_text {
	margin-bottom: 25px;
	font-size: .93rem;
}
#colorful .explain_text:last-child {
	margin-bottom: 0;
}
#colorful .explain_subject {
	margin-bottom: 10px;
}
#colorful .design {
	padding: 60px 0;
  background-color: #DFDFD0;
}
#colorful .design_box {
	display: -webkit-flex;
	display: flex;
	/*コンテンツを高さいっぱい*/
	-webkit-align-items: stretch;
	align-items: stretch;
	margin-bottom: 30px;
}
#colorful .design_box:last-child {
	margin-bottom: 0;
}
#colorful .design_text {
	display: -webkit-flex;
	display: flex;
	/*コンテンツを天地中央寄せ*/
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 430px;
	background-color: #C3C3AA;
	text-align: center;
	vertical-align: middle;
}
#colorful .design_border_box {
	width: 80%;
	border-top: 1px solid #a9a98b;
	border-bottom: 1px solid #a9a98b;
	padding: 30px 0 0;
}
#colorful .design_subject {
	font-size: 1rem;
	margin-bottom: 20px;
}
#colorful .design_no {
	font-size: 1rem;
	font-weight: bold;
}
#colorful .design_image {
	width: 570px;
	position: relative;
	overflow: hidden;
}
#colorful .design_image span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	transition: all .5s ease;
}
#colorful .design_image img {
	width: 100%;
	height: auto;
}
#colorful .design_box:nth-child(2n-1) .design_text {
	-webkit-order: 1;
	order: 1;
}
#colorful .design_box:nth-child(2n-1) .design_image {
	-webkit-order: 2;
	order: 2;
}
#colorful .design_box:nth-child(2n) .design_text {
	-webkit-order: 2;
	order: 2;
}
#colorful .design_box:nth-child(2n) .design_image {
	-webkit-order: 1;
	order: 1;
}
#colorful .design_box:first-child .design_image span {
  display: none !important;
}
#colorful .design_button {
	width: 100%;
	margin-top: 20px;
}
#colorful .design_button a {
	display: block;
	text-align: center;
	color: #575746;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 0;
	border-top: 1px solid #a9a98b;
	position: relative;
	transition: all .3s ease;
}
#colorful .design_button a:hover {
	background-color: #fff;
}
#colorful .design_button a:before,
#colorful .design_button a:after {
	content: '';
	border-top: 1px solid #a9a98b;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 19px;
	margin: auto;
	transition: all .3s ease;
}
#colorful .design_button a:before {
	width: 19px;
	top: 3px;
}
#colorful .design_button a:after {
	width: 8px;
	top: -3px;
	transform: rotate(-145deg);
}
#colorful .design_button a:hover:before {
	width: 29px;
	right: 9px;
}
#colorful .design_button a:hover:after {
	right: 9px;
}
#colorful .sample {
  padding: 60px 0;
}
#colorful .case {
	background-color: #E8E8E5;
	padding: 95px 0 85px;
	margin-bottom: 30px;
}
#colorful .case .wrap {
	position: relative;
}
#colorful .case_box {
	text-align: center;
	padding-right: 340px;
}
#colorful .case_title {
	margin-bottom: 30px;
}
#colorful .case_title img {
	width: 60%;
	height: auto;
}
#colorful .case_image {
	position: absolute;
	top: -127px;
	right: 0;
	z-index: 2;
	transition: all .5s ease;
}

@media screen and (max-width:768px) {
	#colorful .pc_view {
		display: none;
	}
	#colorful .sp_view {
		display: inherit;
	}
	#colorful .wrap {
		width: 90%;
		margin: 0 5%;
	}
	#colorful .parallax {
		display: none;
	}
	#colorful .page_title {
		top: 120px;
    left: 0;
	}
	#colorful .page_title img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	#colorful .tagline {
		padding: 30px 0 20px;
		font-size: 1.24rem;
		font-weight: bold;
	}
	#colorful .explain {
		padding: 10px 0 30px;
	}
	#colorful .explain_title img {
		width: 100%;
		height: auto;
		max-width: 400px;
	}
	#colorful .explain_image,
	#colorful .explain_box {
		width: 100%;
		float: none;
    text-align: center;
	}
  #colorful .explain_image img {
    width: 80%;
    max-width: 320px;
  }
	#colorful .explain_subject {
		font-size: 1.24rem;
	}
	#colorful .explain_text {
		text-align: justify;
	}
	#colorful .caution_otodoke {
		font-size: 0.95rem;
		margin-top: 50px;
		text-align: left;
	}
	#colorful .design {
		padding: 30px 0;
	}
	#colorful .design_title img {
		width: 35%;
		height: auto;
		max-width: 400px;
	}
	#colorful .design_box {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#colorful .design_border_box {
		border: none;
		width: 100%;
	}
	#colorful .design_text,
	#colorful .design_image {
		display: block;
		width: 100%;
	}
	#colorful .design_text {
		-webkit-order: 2 !important;
		order: 2 !important;
	}
	#colorful .design_image {
		-webkit-order: 1 !important;
		order: 1 !important;
	}
	#colorful .design_no {
		font-size: 1rem;
	}
	#colorful .design_button a {
		padding: 20px 0;
	}
  #colorful .sample_image img {
    width: 100%;
    height: auto;
  }
	#colorful .case {
		padding: 30px 0 20px;
		margin-bottom: 0;
	}
	#colorful .case_title {
		margin-bottom: 20px;
	}
	#colorful .case_title img {
		width: 90%;
		height: auto;
		max-width: 400px;
	}
	#colorful .case_box {
		padding-right: 0;
	}
	#colorful .case_text {
		margin-bottom: 20px;
	}
	#colorful .case_image {
		position: initial;
	}
	#colorful .case_image img {
		width: 100%;
		height: auto;
		max-width: 400px;
	}
}

/* ================================================================
		キャラクター
================================================================ */
#character .character_slide {
  margin-bottom: 0 !important;
}
/*左右の矢印の色を変える*/
#character .character_slide .slick-prev:before,
#character .character_slide .slick-next:before,
#character .character_slide .slick-prev:after,
#character .character_slide .slick-next:after {
  display: block;
  content: '';
  width: 60px;
  height: 6px;
  background-color: #76533C;
  border-radius: 50px;
  opacity: 1;
  position: absolute;
}
#character .character_slide .slick-prev:before {
  transform: rotate(45deg);
  bottom: 18px;
}
#character .character_slide .slick-prev:after {
  transform: rotate(-45deg);
  top: 18px;
}
#character .character_slide .slick-next:before {
  transform: rotate(-45deg);
  bottom: 18px;
}
#character .character_slide .slick-next:after {
  transform: rotate(45deg);
  top: 18px;
}
#character .character_slide .slick-prev,
#character .character_slide .slick-next {
  width: 60px;
	height: 80px;
}
#character .character_slide .slick-prev:hover,
#character .character_slide .slick-next:hover {
  opacity: .6;
}
/*左右の矢印の位置を変える*/
#character .character_slide .slick-next {
  right: 20px;
  z-index: 99;
}
#character .character_slide .slick-prev {
  left: 20px;
  z-index: 100;
}
/*スライド数のドットの色を変える*/
#character .character_slide .slick-dots {
	position: absolute;
	bottom: 0;
	background-color: rgba(255,255,255,.8);
	padding: 10px 0;
}
#character .character_slide .slick-dots li.slick-active button:before,
#character .character_slide .slick-dots li button:before {
	content: '●';
    color: #555;
}
/*スライド画像の横幅可変*/
#character .character_slide img {
    max-width: 100%;
	 width: 100%;
  height: auto;
}

#character #contents #sliderContainer,
#character #contents #slider{
	background-color: #FEE36B;
	background-image: url(../../../common/images/_character/bg_banner.png);
	background-repeat: repeat-x;
	background-position: top -20px left;
}
#character #contents #sliderContainer #slideBox{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
}

#character #bottom_navi{
	padding-top: 0;
}

#character .outerCbox h2 img{
	width: 100%;
	margin: 0 auto;
}

#character #main {
	background-color: #FEDB41;
	padding: 20px 0;
	background-image:url(../../../common/images/_character/bg_star.png);
	background-repeat: repeat-x;
}

#character #main .mainHeader{
	padding-top: 20px;
	margin:0 auto;
}
#character #main .mainHeader .img_nav{
	padding: 0 10px;
	width: 100%;
	max-width: 1000px;
}
#character #main .mainHeader .img_nav li{
	display: inline-block;
	padding: 20px 5px;
}

#character #contents {
	color: #8C4600;
}
#character .cont {
	background:url(../../../common/images/_character/bg_cont.jpg);
}



#contents .outerCbox{
	margin:20px auto 0 auto;
	background-color: #EEEEEE;
	border-radius: 5px;
	padding: 20px 0px;
}
#character .contentsBox1 {
	max-width:1000px;
	width:83%;
	margin:0 auto;
	padding-bottom:30px;
	padding-top: 30px;
}

#character .contentsBox1_slide{
	max-width:1500px;
	width:85%;
	margin:0 auto;
	padding-bottom:30px;
	padding-top: 30px;
}

#character  #contents .img_nav{
	margin: 0 auto;
}
#character  #contents .outerCbox .img_nav{
	width: 90%;
		margin: 0 auto;
}

/*#character #contents .outerCbox .img_nav  ul{
	width: 100%;
}*/

#character #contents .outerCbox .img_nav  ul{
	margin: 0 auto;
}
#character #contents .img_nav li{
	display: inline-block;
	padding-right: 12px;
}

#character .contentsBox2 {
	max-width:1100px;
	width:90%;
	margin:0 auto;
	padding: 50px 0;
}



#character #contents .innrImgList{
	margin: 0 auto;
}

#character #contents .innrImgList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin: 0 auto -20px;
	width: 95%;
}
#character #contents .innrImgList li{
	width: 48.8%;
  margin-bottom: 20px;
}
#character #contents .innrImgList li:hover {
  opacity: .6;
}
#character #contents .innrImgList li img{
	width: 100%;
	margin: 0 auto;
}


#character .contentsBox1 h3,
#character .contentsBox1 p{
	font-size: 200%;
	margin-bottom: 20px;
}


#character #contents h2 {
	margin: 0 0 20px;
  text-align: center;
  font-size: 2rem;
}
#character #contents h2.ttl_og {
  color: #FF5C26;
}
#character #contents h2 img{
	width: 37%;
}

#character #contents p,
#character .attention p {
	font-size:139%;
	line-height:1.6;
}

#character .original_slide .slick-track {
  display: flex;
  align-items: center;
}
#character .original_slide img {
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin: auto;
}
#character .original_slide .design_yoko img {
  width: 92%;
  height: auto;
}
/*左右の矢印の色を変える*/
#character .original_slide .slick-prev:before,
#character .original_slide .slick-next:before,
#character .original_slide .slick-prev:after,
#character .original_slide .slick-next:after {
  display: block;
  content: '';
  width: 60px;
  height: 6px;
  background-color: #ddd;
  border-radius: 50px;
  opacity: 1;
  position: absolute;
}
#character .original_slide .slick-prev:before {
  transform: rotate(45deg);
  bottom: 18px;
}
#character .original_slide .slick-prev:after {
  transform: rotate(-45deg);
  top: 18px;
}
#character .original_slide .slick-next:before {
  transform: rotate(-45deg);
  bottom: 18px;
}
#character .original_slide .slick-next:after {
  transform: rotate(45deg);
  top: 18px;
}
#character .original_slide .slick-prev,
#character .original_slide .slick-next {
  width: 60px;
	height: 80px;
  z-index: 99;
}
#character .original_slide .slick-prev:hover,
#character .original_slide .slick-next:hover {
  opacity: .6;
}
/*左右の矢印の位置を変える*/
#character .original_slide .slick-prev {
  left: -60px;
}
#character .original_slide .slick-next {
  right: -60px;
}

/*割引*/
#character #bottom_navi .img_nav2 ul:before {
	border-top-color: #fff;
}
#character #bottom_navi .img_nav2 ul:after {
	border-bottom-color: #fff;
}


@media screen and (min-width:1024px) {
#character #main p img {
	max-width:600px;
}
#character .outerCbox h2 .SP_head{
	display: none;
}

}

@media screen and (max-width:1023px) {
#character .pic{
	width:100%;
	height: auto;
	max-width:600px;
}

#character .outerCbox h2 .SP_head{
	display: none;
}
#character #main .mainHeader .img_nav li{
	width: 30%;
}
/*左右の矢印の位置を変える*/
#character .original_slide .slick-prev {
  left: -40px;
}
#character .original_slide .slick-next {
  right: -40px;
}

}
@media screen and (max-width:817px) {
#character .btnBox .fr,
#character .btnBox .fl {
	float:none;
}
  #character #contents h2 {
    font-size: 1.2rem;
  }
#character .outerCbox h2 .SP_head{
	display: block;
}
#character .outerCbox h2 .PC_head{
	display: none;
}
#character .contentsBox1 .img_nav li img{
 padding: 5px;
}
/*左右の矢印の位置を変える*/
#character .original_slide .slick-prev {
  left: 20px;
}
#character .original_slide .slick-next {
  right: 20px;
}


}

@media screen and (max-width:768px) {
  #character .character_slide {
    margin-bottom: 50px !important;
  }
#character .character_slide .slick-dots {
	bottom: auto;
}
#character .btnBox .fr,
#character .btnBox .fl {
	float:none;
}

#character .outerCbox h2 .SP_head{
	display: block;
}
#character .outerCbox h2 .PC_head{
	display: none;
}
#character .contentsBox1 .img_nav li img{
 padding: 5px;
}

#character #contents .outerCbox .innrImgList ul{
	padding-bottom: 10px;
}
#character .contentsBox1 h3,
#character .contentsBox1 p{
	margin-bottom: 10px;
}

}

@media screen and (max-width:480px) {
	#character #contents h2 img {
		width: 80%;
	}
#character .slick-slider {
	width: 100%;
	text-align: center;
}
  #character .character_slide .slick-prev,
  #character .character_slide .slick-next {
    width: 30px;
    height: 40px;
  }
  #character .character_slide .slick-prev:before,
  #character .character_slide .slick-next:before,
  #character .character_slide .slick-prev:after,
  #character .character_slide .slick-next:after {
    width: 30px;
  }
  #character .character_slide .slick-prev:before,
  #character .character_slide .slick-next:before {
    bottom: -1px;
  }
#character .character_slide .slick-prev {
	left: 3%;
}
#character .character_slide .slick-next {
	right: 3%;
}
#character .character_slide .slick-dots {
	bottom: auto;
}

#character #contents .contentsBox1 .button img{
	width: 100%;
}
#character .outerCbox h2 .SP_head{
	display: block;
}
#character .outerCbox h2 .PC_head,
#character #contents .outerCbox .innrImgList .nosho{
	display: none;
}
#character .contentsBox1 .img_nav li{
 width: 100%;
 max-width: 100px;
}
#character .contentsBox1 .img_nav li img{
 width: 100%;	
 padding: 5px;
}
#character .outerCbox .img_nav{
	width: 90%;
	margin: 0 auto;
}
#character .outerCbox .img_nav ul{
	width: 90%;
	margin: auto;
}

#character .outerCbox .img_nav li{
	width: 100%;
	max-width: 120px;
}

#character .outerCbox .img_nav li img{
	width: 100%;
	padding: 5px;
}


#character #main .mainHeader .img_nav li{
	width: 100%;
}
#character .outerCbox .innrImgList_sp li{
	width: 100%;
}
#character #contents .outerCbox .innrImgList  ul,
#character #contents .outerCbox .lastlist li{
	padding-bottom: 0px !important;
}
#character #contents .outerCbox .innrImgList li{
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-bottom: 10px;
}

}


/* ================================================================
		プレミアム年賀状
================================================================ */
#premium .pc_view{
	display: inherit;
}
#premium #main .wrap {
  display: flex;
  align-items: center;
  padding: 20px 0 0;
}
#premium #header {
  padding: 20px;
  margin-bottom: -8px;
}
#premium .sp_only { display:none; }

#premium #container {
  /*background: url("../images/_premium/bg_main_right.png"), url("../images/_premium/bg_main_left.png"), url(../images/_premium/img_bg.jpg), url(../images/_premium/bg_container.jpg);*/
background: url("../images/_premium/bg_main_right.png"), url("../images/_premium/bg_main_left.png"), #ff6957;
  background-size: auto, auto, 120%/*auto 460px*/, auto;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-position: right 0, 0 0, center 0, 0 0;
}
#premium #main {
	text-align: center;
}

#premium #main h1 img{
  width: 100%;
}
#premium #main p img{
  width: 100%;
}

#premium #main li{
	display: inline-block;
}


#premium .wrap{
	max-width: 1005px;
    margin: 0 auto;
}


#premium #contents{
	width: 100%;
	background: url(../images/_premium/ttl_04.jpg) repeat;
	
}
#premium #second_cont{
	background:url(../images/_premium/background_sparkle.png) repeat center top -400px; 
}

/*
#premium #main p img {
	max-width:1000px;
	width:100%;
	
}*/
#premium .photo img{
	width: 90%;
}
#premium #main .wrap {
	max-width: 1100px;
}
#premium #main .imgspsp{
	display: none;
}

#premium #main .imgspsp li{
	display: inline-block;
	padding-bottom: 5px;
}


#premium #main .mainimghead{
	display: none;
}

#premium #main .mainimghead li{
	display: inline-block;
	padding-bottom: 5px;
	width: 45%;
}

#premium .ttlsp{
	color: #fff;
	/*text-shadow: 0 0 10px #fff;*/
	font-size: large;
	font-weight: 500;
	display: none;
}

#premium .innerttl{
	padding: 40px 0 0;
  color: #fff;
  font-size: 1rem;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
}
#premium .innerttl img{
	width: 90%;
}
#premium .premium_nav {
	text-align: center;
  margin-top: 30px;
  padding: 10px 0;
}
#premium .premium_nav li {
	display: inline-block;
	margin: 0 15px;
}
#premium .premium_nav a {
	display: block;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	position: relative;
	transition: .3s;
}
#premium .premium_nav a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #fff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#premium .premium_nav a:hover:after {
	width: 100%;
}
#premium .top_contentsBox{	
	background-image:url(../images/_premium/inner_bg.jpg);
	/*margin-bottom: 40px;*/
	/*padding-bottom: 40px;*/
}

#premium .divider:nth-child(even) {
  background-color: #F6F2ED;
}
#premium .section{
	padding: 20px 0;
}
#premium .firstblock{
	padding-top: 40px;
}

#premium .inner_section{
	margin-bottom: 40px;
}

#premium .caption {
	text-align:center;
	padding:35px 0;
}

#premium .caption img {
	max-width:860px;
	width:inherit;
}


/*  紙の説明 */

#premium .ttl_h2 {
	margin-bottom:15px;
	padding-top: 30px;
}

#premium h2.ttl_h2 a{
	text-decoration: none;
	/*font-size: xx-large;*/
	font-size: 200%;
	color: #000;
}
#premium p.ttl_h3 a{
	text-decoration: none;
	/*font-size: large;*/
    font-weight: bold;
	color: #333;
}
#premium .ttl_h3 {
	margin-bottom:25px;
}
#premium .photoBox {
  width: 920px;
  max-width: 90%;
	margin: 0 auto 40px;
}
#premium .photoBox .paper {
	float:left;
	width:36.5853658537%;
}
#premium .photoBox .design {
	float:right;
	width:59.512195122%;
}
#premium .photoBox .paper img,
#premium .photoBox .design img {
	width:100%;
}

/* はがきデザインリスト */
#premium .designList {
  max-width: 90%;
  width: 930px;
	margin:0 auto;
}
#premium .designList li {
	display: inline-block;
	width:17%;
	margin-right:3%;
}

#premium .designList li.last {
	margin-right:0px;
}

#premium .designList li img {
	width:100%;
	border:1px solid #CCC;
}

/* 商品ご購入時のご注意 */
#premium .s_section {
	margin-bottom:30px;
}

#premium .attention .ttl_h2 {
	font-size:185%;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #B9B9C8;
	line-height:1.2;
	font-weight:normal;
}

#premium .attention .ttl_h3 {
	background:url(../images/common/ex_icon_bg_ttl.gif) 0 50% no-repeat;
	font-size: 154%;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 10px;
}

#premium .attention p {
	font-size:124%;
}

#premium .attention .indent {
	padding-left: 25px;
}
#premium .premium_case {
	padding-bottom: 20px;
}
#premium .case_box {
	display: table;
	width: 100%;
}
#premium .case_text_box,
#premium .case_image {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#premium .case_title {
	font-size: 2.88rem;
	font-family: "Times New Roman", Times, "serif";
	font-weight: bold;
	color: #FFF;
	margin-bottom: 20px;
}
#premium .case_text {
	color: #fff;
	font-size: 1.13rem;
}


/*割引*/
#premium #bottom_navi h3{
color: #F3EDDE;
}
#premium #bottom_navi .img_nav2 .campaign_nav:before {
	border-top-color: #8c6029;
}
#premium #bottom_navi .img_nav2 .campaign_nav:after {
	border-bottom-color: #916733;
}

/* #premium .photo {
	float:left;
	margin-right:4.26829268293%;
}  */

/*サンプル請求*/
#premium .sample {
  padding: 50px 0 0;
  margin-top: 30px;
	background: #F6F2ED;
}
#premium .service {
    padding: 50px 0;
  /*margin-top: 30px;*/
	background: #F6F2ED;
}

#premium .block_title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.8rem;
}
@media screen and (max-width: 768px){
#premium .sample_image img {
    width: 100%;
    height: auto;
}
	#premium .sample .wrap{
    width: 90%;
    margin: auto;
}
	#premium .pc_view{
	display: none;
}
}
@media screen and (max-width:1500px) {
	#premium #lastsect{
		margin-bottom: 0px;
	}

}

@media screen and (max-width:768px) {
	#premium #container {
		background-size: auto, auto, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
		background-position: right 0, 0 352px, center 0, 0 0;
	}
	#premium #logo img {
		max-width: 140px;
	}
  #premium #main .wrap {
    display: block;
		padding-top: 0;
  }
  #premium #main h1 {
    margin-bottom: 20px;
  }
  #premium #main img {
    width: 70%;
    max-width: 430px;
  }
#premium .premium_nav li {
	display: block;
}
  #premium .premium_nav a {
    font-size: 1rem;
  }
#premium .premium_nav a:after {
	content: '';
	display: none;
}
#premium .premium_nav a:hover {
	width: auto;
}
  #premium .innerttl {
    padding: 20px;
  }
  #premium .photoBox {
    width: 90%;
  }

#premium .2line img {
	height:50px !important;
}
	
.tbl_responsible tr {
	display:block;
}
.tbl_responsible tr td, .tbl_responsible tr th {
	display:inherit;
	width:auto !important;
}

.tbl_responsible .photo {
	text-align:center;
	margin-bottom:20px;
}
  #premium .attention {
    width: 90%;
    margin: auto;
  }
	#premium .case_box {
		width: 80%;
		margin: 0 auto;
	}
	#premium .case_title {
		font-size: 2rem;
	}
	#premium .case_text_box,
	#premium .case_image {
		display: block;
	}
	#premium .case_image {
		text-align: center;
	}
	#premium .case_image img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:600px) {
#premium .pc_tab { display: none; }
#premium .sp_only { display: block; }
#premium .section{
	padding: 0px 20px 20px 20px;
}
#premium .inner_section{
	margin-bottom: 0px;
}
}

@media screen and (max-width:480px) {
#premium .caption {
	color:#FFF;
	padding:20px 0;
}

/* 紙の説明 */
#premium h2.ttl_h2 {
	margin-bottom: 15px;
}
#premium h2.ttl_h2 a {
	font-size:170%;
}

#premium .section .ttl_h3 a,
#premium .section .ttl_h2 a {
	color:#333;
	text-decoration:none;
}
#premium .section .ttl_h3 a:hover,
#premium .section .ttl_h2 a:hover {
	color:#888;
}

#premium .section .ttl_h3 {
	/*width:90%;*/
	margin:0 auto 20px;
}
#premium .section .ttl_h3 a {
	font-weight: normal;
}
#premium .photoBox {
	margin-bottom: 0;
}

#premium .photoBox .paper,
#premium .photoBox .design {
	float:none;
	text-align:center;
	width:100%;
	margin:0 auto 15px;
}

#premium .divider{
	padding-bottom: 20px;
}


#premium .photoBox .design{
	padding-bottom: 20px;
	border-bottom: 1px dotted #AAA;
}

#premium .photoBox .paper img,
#premium .photoBox .design img {
	width:100%;
}

#premium .designList li {
	width: 70%;
	float: none;
	margin:0 auto 15px;
}

#premium .designList li.last {
	margin:0 auto;
} 

#premium .designList {
	width: 100%;
	margin: 0 auto;
}
/* 商品ご購入時のご注意 */
#premium .attention {
	width:100%;
	margin:0 auto;
}
#premium .attention .ttl_h2 {
	margin-bottom: 10px;
	font-size:170%;
}
#premium .attention .ttl_h3 {
	background:url(../images/common/ex_icon_bg_ttl.gif) 0 8px no-repeat;
	font-size:131%;
}
#premium #main li{
	padding-bottom: 10px;
}

#premium #main li img{
	width: 90%;
}

#premium #lastsect{
	margin-bottom: 0px;
}




#premium .innerttl{
	padding-bottom: 0px;
	padding-top: 20px;
}

#premium .top_contentsBox{
	margin-bottom: 20px;
	/*margin: 20px 0px;*/
    padding-top: 10px;
}



}


/* ================================================================
		ポケモン年賀状
================================================================ */
#pokemon #contents {
	background:url(../images/_pokemon/bg_washi.jpg) ;
}
.pokemon_ttl {
  text-align: center;
  padding: 30px 0;
}
.pokemon_section {
  width: 700px;
  margin: 0 auto;
}
.pokemon_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
.pokemon_flex li {
  padding-bottom: 40px;
}
@media screen and (max-width:768px) {
  .pokemon_flex {
    display: inherit;
  }
  .pokemon_section {
    width: 100%;
  }
  .pokemon_ttl img {
    width: 90%;
    max-width: 368px;
  }
}


#pokemon #footer_nav_container {
  background: #ff7e00;
}

#pokemon .section {
	margin-bottom:90px;
}

#pokemon .last_section {
	margin-bottom:0px;
}

#pokemon .button_up{
	display: none;
	font-size: 100%;
}

#pokemon p {
	color:#525252;
}

#pokemon .copyright {
	color:#FFF;
}
#pokemon #main{
	background:url(../images/_pokemon/bg_main.jpg) 0 0 repeat-x;
	background-size:1200px;
	
}

#pokemon #main p {

    background-size: contain;
   /* background-position: top 10px center;*/
}



#pokemon .captionBlock .set{
	position: relative; 
	top: 50px;
}

#pokemon .contentsBox2 {
	background:url(../images/_pokemon/bg_washi.jpg) ;
	background-size:250px;
	padding-top:50px;
}

#pokemon .Box830  .col_2{
	width: 90%;
	margin: 0 auto;
}
#pokemon .Box830 .col_2 li{
	display: inline-block;
	width: 45%;
	padding: 0 5px;
}
#pokemon .Box830  .col_2 li img{
	 width: 90%;
}
#pokemon .Box830  .col_3{
	width: 100%;
}
#pokemon .Box830  .col_3 li{
 display: inline-block;
 width: 30%;
 padding: 0 5px;
}

#pokemon .Box830  .col_3 li img{
	 width: 90%;
}
#pokemon .Box830  .col_3 li > a > img{
  border: 1px solid #ccc;
}
#pokemon .Box830 .btn_cap img{
	max-width: 210px;
}

#pokemon .Box830 {
	max-width:830px;
	width:100%;
	margin:0 auto;
}
/* タイトル */
#pokemon .s_ttl01 {
	text-align:center;
	margin-bottom:13px;
}

#pokemon .s_ttl01 img {
	max-width:690px;
	width:100%;
}
#pokemon .contentsBox2 .imgttl{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
}
#pokemon .contentsBox2 .imgttl img{
	width: 90%;
	padding-bottom: 20px;
	padding-top: 15px;
}

#pokemon .contentsBox2 .imgttl_sp {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
	background-image:url(../images/_kizuna/img_bgShadow.png);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #FF7272;
	font-weight: 500;
	font-size: x-large;
	padding-top: 20px;
	display:none;
}
#pokemon .contentsBox2 .imgttl2 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 30px auto;
	text-align:center;
	font-size:large;
}


#pokemon .about {
	width:90%;
	max-width:900px;
	margin:0 auto ;
}

#pokemon .about .photo {
	margin-right:4.81927710843%;
}

#pokemon .about .photo img {
	max-width:450px;
	width:100%;
}

/* kabout list*/
#pokemon .kabout{
	width:90%;
	max-width:900px;
	margin:0 auto ;
}
#pokemon .kabout li{
	display: inline-block;
	width: 48%;
	padding: 5px;
	vertical-align: top;
}
#pokemon .kabout li img{
	width: 100%;
}
#pokemon .kabout li p{
    margin-top: 7.5%;
}


/* お礼状 */
#pokemon .linkBox,
#pokemon .letterBox {
	/*width:96%;*/
	max-width: 800px;
	margin:0 auto;
	padding-bottom: 50px;
}

#pokemon .letterBox p {
	text-align:center;
}
#pokemon .letterBox ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*#pokemon .letterBox li {
	width:31.15%;
	float:left;
	margin-right:3.125%;
}*/

#pokemon .letterBox li img {
	width:100%;
	max-width:300px;
}
#pokemon .letterBox li .fancybox img {
	border:1px solid #DDDDDD;
	box-sizing: border-box;
	padding-bottom: 20px;
}


#pokemon .linkBox li.last,
#pokemon .letterBox li.last {
	margin-right:0%;
		margin-bottom:10px;
}

#pokemon .letterBox .caption {
	text-align:center;
	margin-bottom:10px;

}

/* 各県窓口ホームページ */

/*#pokemon .linkBox li {
	width:31.25%;
	float:left;
	margin-right:3.125%;
}*/

#pokemon .linkBox li img {
	max-width:300px;
}
#pokemon .s_ttl01txt{
	text-align:center;
	margin-bottom:30px;
	font-size: 200%;
	color: #72474C;
	font-weight: 500;
}
#pokemon .section .click{
	text-align: right;
	margin-top: 0;
}

#pokemon .sp{
	display: none;
}

#pokemon .last{
	margin-bottom: 0px;
}
#pokemon  .img_cap{
	margin-top: 15px;
	margin-bottom: 10px;
}

#pokemon .tSPmode{
	display: none;
}

/*割引*/
@media screen and (max-width:1024px){
	#pokemon #main p{
		background-position: top -70px left;
	}
	#pokemon .captionBlock{
		padding-top: -5px;
	}
	#pokemon .captionBlock .set{
		top: -10px;
	}
	
#pokemon .section .click{
	text-align: center !important;
	margin-top: -10px
}
#pokemon .linkBox{
	padding-bottom: 0;
}
}

@media screen and (max-width:768px) {
#pokemon .about .photo {
	float:none !important;
	text-align:center;
	margin-bottom:20px;
}


/*#pokemon .captionBlock .set{
	padding-top: 80px;
}*/
#pokemon .button_up{
	display: block;
	padding-top: 10px;
}
#pokemon .linkBox,
#pokemon .click{
	display: none;
}
#pokemon .letterBox li,	
#pokemon .linkBox li {
	float: none !important;
	width: 100% !important;
	margin-bottom:25px;
	text-align:center;
}

/*#pokemon .letterBox li:last-child{
	margin-bottom: 0px;
}*/

#pokemon .captionBlock p {
	padding:0 20px;
}
/*
#pokemon .contentsBox2 .imgttl{
	width: 90%;
	max-width: 750px;
	margin: 0 auto 40px auto;
}*/
#pokemon .contentsBox2 .imgttl{
	display: none;
}
#pokemon .contentsBox2 .imgttl_sp {
	display: block;
}

#pokemon .kabout{
	max-width: 750px;
}
#pokemon .kabout li{
	width: 98%;
}

#pokemon .img_cap{
	margin-top: 10px;
}

}
@media screen and (max-width: 480px) {
	
	#pokemon .linkBox, #kizuna .letterBox {
		padding-bottom: 0px;
	}
#pokemon .letterBox li,	
#pokemon .linkBox li {
	float: none !important;
	width: 100% !important;
	padding-bottom: 10px;
	text-align:center;
	margin: 0 auto;
}


#pokemon .about {
	margin-bottom:20px;
}

#pokemon .about .photo {
	float:none !important;
	text-align:center;
	margin-bottom:20px;
}
#pokemon .captionBlock{
	background: none;
	padding-bottom: 10px;
}
/*
#pokemon .contentsBox2 .imgttl{
	width: 90%;
	max-width: 480px;
	margin: 0 auto 40px auto;
}
#pokemon .contentsBox2 .imgttl img{
	width: 100%;
}
*/
#pokemon .Box830{
	width: 90%;
	margin: 0 auto;
}
#pokemon .Box830 .col_3{
	text-align: center;
}
#pokemon .Box830 .col_3 li {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px !important;
}

#pokemon .Box830 .col_3 li:last-child,
#pokemon .Box830 .col_2 li:last-child{
	padding-bottom: 0 !important;
}

#pokemon .Box830 .col_2{
	margin: 0 auto;
	padding-bottom: 20px;
}
#pokemon .Box830 .col_2 li{
    width: 100%;
	padding: 0 0 20px 0;
}
#pokemon .kabout li{
	width: 96%;
}

#pokemon .sp,
#pokemon .tSPmode{
	display: block;
}
#pokemon .nonsp,
#kizuna .tPCmode{
	display: none;
}
#pokemon .s_ttl01txt{
	margin-bottom: 10px;
	font-size: 160%;
}
#pokemon .contentsBox2 {
	padding-top: 30px;
}
#pokemon .section{
	margin-bottom: 20px;
}

#pokemon .img_cap{
	margin-top: 5px;
	margin-bottom: 5px;
}
#pokemon .contentsBox2 .imgttl_sp {
	
	margin-bottom: 10px !important;
}
#pokemon .contentsBox2 .imgttl2{
	margin-bottom: 10px;
}
#pokemon .button_up{
	padding-top: 0px;
	margin-top: 0px;
}

#pokemon #bottom_navi{
	padding-top: 0px;
}
#pokemon .Box830  .col_3 li img {
	width: 90%;
}

}

#pokemon #bottom_navi h3{
color: #72474C;
}



/* ================================================================
		サンリオ年賀状
================================================================ */
#sanrio #contents {
	background:url(../images/_sanrio/bg_washi.jpg) ;
}
.sanrio_ttl {
  text-align: center;
  padding: 30px 0;
}
.sanrio_section {
  width: 700px;
  margin: 0 auto;
}
.sanrio_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
.psanrio_flex li {
  padding-bottom: 40px;
}
@media screen and (max-width:768px) {
  .sanrio_flex {
    display: inherit;
  }
  .psanrio_section {
    width: 100%;
  }
  .sanrio_ttl img {
    width: 90%;
    max-width: 368px;
  }
}


#sanrio #footer_nav_container {
  background: #ff7e00;
}

#sanrio .section {
	margin-bottom:90px;
}

#sanrio .last_section {
	margin-bottom:0px;
}

#sanrio .button_up{
	display: none;
	font-size: 100%;
}

#sanrio p {
	color:#525252;
}

#sanrio .copyright {
	color:#FFF;
}
#sanrio #main{
	background:url(../images/_sanrio/bg_main.jpg) 0 0 repeat-x;
	background-size:1200px;
	
}

#sanrio #main p {

    background-size: contain;
   /* background-position: top 10px center;*/
}



#sanrio .captionBlock .set{
	position: relative; 
	top: 50px;
}

#sanrio .contentsBox2 {
	background:url(../images/_sanrio/bg_washi.jpg) ;
	background-size:250px;
	padding-top:50px;
}

#sanrio .Box830  .col_2{
	width: 90%;
	margin: 0 auto;
}
#sanrio .Box830 .col_2 li{
	display: inline-block;
	width: 45%;
	padding: 0 5px;
}
#sanrio .Box830  .col_2 li img{
	 width: 90%;
}
#sanrio .Box830  .col_3{
	width: 100%;
}
#sanrio .Box830  .col_3 li{
 display: inline-block;
 width: 30%;
 padding: 0 5px;
}

#sanrio .Box830  .col_3 li img{
	 width: 90%;
}
#sanrio .Box830  .col_3 li > a > img{
  border: 1px solid #ccc;
}
#sanrio .Box830 .btn_cap img{
	max-width: 210px;
}

#sanrio .Box830 {
	max-width:830px;
	width:100%;
	margin:0 auto;
}
/* タイトル */
#sanrio .s_ttl01 {
	text-align:center;
	margin-bottom:13px;
}

#sanrio .s_ttl01 img {
	max-width:690px;
	width:100%;
}
#sanrio .contentsBox2 .imgttl{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
}
#sanrio .contentsBox2 .imgttl img{
	width: 90%;
	padding-bottom: 20px;
	padding-top: 15px;
}

#sanrio .contentsBox2 .imgttl_sp {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align:center;
	background-image:url(../images/_sanrio/img_bgShadow.png);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #FF7272;
	font-weight: 500;
	font-size: x-large;
	padding-top: 20px;
	display:none;
}
#sanrio .contentsBox2 .imgttl2 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 30px auto;
	text-align:center;
	font-size:large;
}


#sanrio .about {
	width:90%;
	max-width:900px;
	margin:0 auto ;
}

#sanrio .about .photo {
	margin-right:4.81927710843%;
}

#sanrio .about .photo img {
	max-width:450px;
	width:100%;
}

/* kabout list*/
#sanrio .kabout{
	width:90%;
	max-width:900px;
	margin:0 auto ;
}
#sanrio .kabout li{
	display: inline-block;
	width: 48%;
	padding: 5px;
	vertical-align: top;
}
#sanrio .kabout li img{
	width: 100%;
}
#sanrio .kabout li p{
    margin-top: 7.5%;
}


/* お礼状 */
#sanrio .linkBox,
#sanrio .letterBox {
	/*width:96%;*/
	max-width: 800px;
	margin:0 auto;
	padding-bottom: 50px;
}

#sanrio .letterBox p {
	text-align:center;
}
#sanrio .letterBox ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*#sanrio .letterBox li {
	width:31.15%;
	float:left;
	margin-right:3.125%;
}*/

#sanrio .letterBox li img {
	width:100%;
	max-width:300px;
}
#sanrio .letterBox li .fancybox img {
	border:1px solid #DDDDDD;
	box-sizing: border-box;
	padding-bottom: 20px;
}


#sanrio .linkBox li.last,
#sanrio .letterBox li.last {
	margin-right:0%;
		margin-bottom:10px;
}

#sanrio .letterBox .caption {
	text-align:center;
	margin-bottom:10px;

}

/* 各県窓口ホームページ */

/*#sanrio .linkBox li {
	width:31.25%;
	float:left;
	margin-right:3.125%;
}*/

#sanrio .linkBox li img {
	max-width:300px;
}
#sanrio .s_ttl01txt{
	text-align:center;
	margin-bottom:30px;
	font-size: 200%;
	color: #72474C;
	font-weight: 500;
}
#sanrio .section .click{
	text-align: right;
	margin-top: 0;
}

#sanrio .sp{
	display: none;
}

#sanrio .last{
	margin-bottom: 0px;
}
#sanrio  .img_cap{
	margin-top: 15px;
	margin-bottom: 10px;
}

#sanrio .tSPmode{
	display: none;
}

/*割引*/
@media screen and (max-width:1024px){
	#sanrio #main p{
		background-position: top -70px left;
	}
	#sanrio .captionBlock{
		padding-top: -5px;
	}
	#sanrio .captionBlock .set{
		top: -10px;
	}
	
#sanrio .section .click{
	text-align: center !important;
	margin-top: -10px
}
#sanrio .linkBox{
	padding-bottom: 0;
}
}

@media screen and (max-width:768px) {
#sanrio .about .photo {
	float:none !important;
	text-align:center;
	margin-bottom:20px;
}


/*#sanrio .captionBlock .set{
	padding-top: 80px;
}*/
#sanrio .button_up{
	display: block;
	padding-top: 10px;
}
#sanrio .linkBox,
#sanrio .click{
	display: none;
}
#sanrio .letterBox li,	
#sanrio .linkBox li {
	float: none !important;
	width: 100% !important;
	margin-bottom:25px;
	text-align:center;
}

/*#sanrio .letterBox li:last-child{
	margin-bottom: 0px;
}*/

#sanrio .captionBlock p {
	padding:0 20px;
}
/*
#sanrio .contentsBox2 .imgttl{
	width: 90%;
	max-width: 750px;
	margin: 0 auto 40px auto;
}*/
#sanrio .contentsBox2 .imgttl{
	display: none;
}
#sanrio .contentsBox2 .imgttl_sp {
	display: block;
}

#sanrio .kabout{
	max-width: 750px;
}
#sanrio .kabout li{
	width: 98%;
}

#pokemon .img_cap{
	margin-top: 10px;
}

}
@media screen and (max-width: 480px) {
	
	#sanrio .linkBox, #sanrio .letterBox {
		padding-bottom: 0px;
	}
#sanrio .letterBox li,	
#sanrio .linkBox li {
	float: none !important;
	width: 100% !important;
	padding-bottom: 10px;
	text-align:center;
	margin: 0 auto;
}


#sanrio .about {
	margin-bottom:20px;
}

#sanrio .about .photo {
	float:none !important;
	text-align:center;
	margin-bottom:20px;
}
#sanrio .captionBlock{
	background: none;
	padding-bottom: 10px;
}

#sanrio .Box830{
	width: 90%;
	margin: 0 auto;
}
#sanrio .Box830 .col_3{
	text-align: center;
}
#sanrio .Box830 .col_3 li {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px !important;
}

#sanrio .Box830 .col_3 li:last-child,
#sanrio .Box830 .col_2 li:last-child{
	padding-bottom: 0 !important;
}

#sanrio .Box830 .col_2{
	margin: 0 auto;
	padding-bottom: 20px;
}
#sanrio .Box830 .col_2 li{
    width: 100%;
	padding: 0 0 20px 0;
}
#sanrio .kabout li{
	width: 96%;
}

#sanrio .sp,
#sanrio .tSPmode{
	display: block;
}
#sanrio .nonsp,
#sanrio .tPCmode{
	display: none;
}
#sanrio .s_ttl01txt{
	margin-bottom: 10px;
	font-size: 160%;
}
#sanrio .contentsBox2 {
	padding-top: 30px;
}
#sanrio .section{
	margin-bottom: 20px;
}

#sanrio .img_cap{
	margin-top: 5px;
	margin-bottom: 5px;
}
#sanrio .contentsBox2 .imgttl_sp {
	
	margin-bottom: 10px !important;
}
#sanrio .contentsBox2 .imgttl2{
	margin-bottom: 10px;
}
#sanrio .button_up{
	padding-top: 0px;
	margin-top: 0px;
}

#sanrio #bottom_navi{
	padding-top: 0px;
}
#sanrio .Box830  .col_3 li img {
	width: 90%;
}

}

#sanrio #bottom_navi h3{
color: #f16f96;
}

#sanrio #footer_nav_container {
  background: #f16f96;
}


/* ================================================================
		サンエックス年賀状
================================================================ */
#sanx #main {
	background:url(../images/_sanx/bg_main.jpg) ;
}
#sanx #contents {
	background:url(../images/_pokemon/bg_washi.jpg) ;
}


/* ================================================================
		デザイナー紹介
================================================================ */
/*SORAさんコーナー*/
/*#landing_designer .col_2,
#landing_designer .col_2_1 {
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#landing_designer .profileBox li.left {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order: 1;
}
#landing_designer .profileBox li.right {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order: 2;
}
#landing_designer .col_2 li{
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}
#landing_designer .col_2_1 li {
	display: inline-block;
	width: 57%;
	vertical-align: middle;
}
#landing_designer .col_2_1 .right{
	float:right;
	width: 42%;
}
#landing_designer .contentsBox_green .col_2_1 li:first-child {
	width: 42%;
}*/

#landing_designer .contentsBox_blue {
	background:url(../images/_landing_designer/bg_sky_blue.gif) ;
	padding-bottom:60px;
	background-size:139px 139px;
}

#landing_designer .contentsBox_pink {
	background:url(../images/_landing_designer/bg_pink.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

#landing_designer .contentsBox_red {
	background:url(../images/_landing_designer/bg_red.gif) ;
	background-size:139px 139px;
	padding:60px 0;
}

#landing_designer .contentsBox_yellow {
	background:url(../images/_landing_designer/bg_yellow.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

#landing_designer .contentsBox_green {
	background:url(../images/_landing_designer/bg_green.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

#landing_designer .contentsBox_blue02 {
	background:url(../images/_landing_designer/bg_blue.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

#landing_designer .contentsBox_purple {
	background:url(../images/_landing_designer/bg_purple.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

#landing_designer .contentsBox_list {
	background:url(../images/_landing_designer/bg_list.gif) ;
	padding:60px 0;
	background-size:139px 139px;
}

/* レースの部分 */
#landing_designer .contentsBox_lace {
	background:url(../images/_landing_designer/bg_lace.png) repeat-x;
	background-size:1240px 205px;
	padding-top:207px;
}

/* タイトル */
#landing_designer .title {
	margin-bottom:35px;
}
#landing_designer .title img {
	max-width:532px;
	width:100%;
}

/* プロフィールの幅 */
#landing_designer .profileBox {
	max-width:900px;
	width:90%;
	margin: 0 auto;
}

/*共通部分*/
#landing_designer .flex_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
#landing_designer .flex_box.flex_reverse {
  flex-direction: row-reverse;
}
#landing_designer .flex_box > li:first-child {
  width: 40%;
}
#landing_designer .flex_box > li:last-child {
  width: 60%;
}
#landing_designer .designList {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  justify-content: flex-end;
}
#landing_designer .flex_box.flex_reverse .designList {
  justify-content: flex-start;
}
#landing_designer .designList.list_col2 li {
  width: 42%;
  margin: 0 2%;
}
#landing_designer .designList.list_col2 li.design_yoko {
  width: 55%;
}
#landing_designer .designList.list_col4 li {
  width: 22%;
  margin: 0 1%;
}
#landing_designer .designList.list_col4 li.design_yoko {
  width: 30%;
}
#landing_designer .designList img {
  width: 100%;
}
#landing_designer .profileBox a {
    color: #FFF;
    text-decoration: none;
}
#landing_designer .profileBox a:hover {
  color: #333;
}
#landing_designer .design {
	width:100%;
}

#landing_designer .profile {
	color:#FFF;
	font-family: Times New Roman,Times,serif;
  font-size: .95rem;
  line-height: 1.7;
  margin: 0 1%;
}

#landing_designer h3 {
	margin-bottom:30px;
	color: #fff;
}
#landing_designer .affiliation {
    font-size: .95rem;
    font-weight: normal;
}
#landing_designer .name {
	font-size:230.7%;
	font-weight:normal;
}

/* そらさん */
#landing_designer .contentsBox_lace .profileBox {
  max-width: 1000px;
}
#landing_designer .contentsBox_lace #sora_img {
    width: 100%;
}
#landing_designer .contentsBox_lace .flex_box > li:first-child {
  width: 48%;
}
#landing_designer .contentsBox_lace .flex_box > li:last-child {
  width: 50%;
}
#landing_designer .contentsBox_lace .sora_text {
	width:100%;
	color:#FFF;
	font-family: Times New Roman,Times,serif;
}
#landing_designer .contentsBox_lace .nameup{
		display: none;
}

/*デザイナー一覧*/
#landing_designer .shrink {
  font-family: Times New Roman,Times,serif;
  font-size: 1.5rem;
  font-weight: normal;
}
#landing_designer .listBox {
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
}
#landing_designer .listBox ul {
  float: left;
  width: 25%;
}


/*割引*/
#landing_designer #bottom_navi .img_nav2 .campaign_nav:before {
	border-top-color: #E15549;
}
#landing_designer #bottom_navi .img_nav2 .campaign_nav:after {
	border-bottom-color: #E26254;
}
#landing_designer .listBox ul li {
  font-size: 123.1%;
  color: #FFF;
  font-family: Times New Roman,Times,serif;
  margin-bottom: 8px;
}
#landing_designer .listBox ul li a {
  color: #FFF;
  text-decoration: none;
}

@media screen and (max-width:750px) {
  #landing_designer .flex_box,
  #landing_designer .designList {
    display: block;
  }
  #landing_designer .flex_box > li {
    width: 100% !important;
  }
  #landing_designer .designList li {
    width: 80% !important;
    margin: 20px auto 0 !important;
  }
  #landing_designer .designList li.design_yoko {
    width: 100% !important;
  }
	
	#landing_designer .listBox{
		margin-bottom: 0px !important;
	}
	#landing_designer .listBox ul {
		float: none; 
		width: 100%;
		text-align: center;
		font-size: medium;
	}
	#landing_designer .contentsBox_list{
		color: #fff;
	}
	#landing_designer .contentsBox_list .profileBox h3{
		font-size: x-large;
	}
	
	#landing_designer .title img{
		width: 90%;
	}
  #landing_designer .name {
    font-size: 180%;
  }
  #landing_designer #soraimg {
    margin-bottom: 20px;
  }
  
	#landing_designer .contentsBox_blue {
		padding-bottom: 20px;
	}
	#landing_designer .contentsBox_pink,
	#landing_designer .contentsBox_red,
	#landing_designer .contentsBox_purple,
	#landing_designer .contentsBox_green,
	#landing_designer .contentsBox_yellow,
	#landing_designer .contentsBox_blue02,
	#landing_designer .contentsBox_list{
		padding: 20px 0;
	}
	#landing_designer .contentsBox_list .profileBox{
		margin-top: 10px;
	}
	#landing_designer .listBtn img{
		width: 50% !important;
    height: auto;
	}
	#landing_designer .bottom_link {
		width: 130px;
	}
	#landing_designer .bottom_link img {
		width: 100%;
		height: auto
	}
  #landing_designer .listBox li a {
    font-size: 80%;
  }
}
@media screen and (max-width:480px) {
	#landing_designer h3 {
		margin-bottom: 15px;
	}

	#landing_designer .listBtn img{
		width: 80% !important;
	}
	#landing_designer .contentsBox_lace{
		padding-top: 120px;
    	background-size: 840px 150px;
	}
	#landing_designer .title {
    margin-bottom: 20px;
	}
	
	#landing_designer .sora_text h3,
	#landing_designer #soraimg{
		display:none;
	}
	#landing_designer .contentsBox_lace .nameup{
		display: block;
    margin-bottom: 20px;
	}
  #landing_designer .contentsBox_lace .nameup img {
    width: 100%;
  }
	#landing_designer .contentsBox_lace .nameup h3{
	text-align: right;
	width: 100%;
	margin-top: -70%;
	margin-bottom: 60%;
	color: #fff;
	}
	#landing_designer .nameup h3 .affiliation{
		font-size: 75%;
	}
	
	#landing_designer .profileBox .shrink{
	    width: 63%;
    margin: 0 auto;
    padding-bottom: 20px;

	}
}

/*カテゴリーボタン*/
.category_btn a{
  background: #FFFFFF;
  display: block;
  text-decoration: none;
  box-shadow: 0px 0px 10px -6px #aaa;
  font-size: 1.1rem;
  color: #1f1715;
  text-align: center;
  padding: 10px 0;
  transition: .3s;
  width: 400px;
  margin: 0 auto 30px auto;
  border: #FFFFFF 1px solid;
  color: #333333;
}
.category_btn a:hover{
  box-shadow: none;
  border: #cccccc 1px solid;
}
@media screen and (max-width:768px) {
  .category_btn a {
    width: 100%;
  }
}

/* ================================================================
		cleafix
================================================================ */
#landing_designer .listBox,
#premium .designList,
#premium .photoBox,
#meiga .meigaBox,
.tate_col2,
.tate,
.tate_yoko,
.yoko,
#pokkiri .btn_area,
.special .sectionblock,
#greeneco #contents .ecotabiList,
#greeneco #contents .ecotabiBox,
.clearfix{ /zoom : 1; }


#landing_designer .listBox:after,
#premium .designList:after,
#premium .photoBox:after,
#meiga .meigaBox:after,
.tate_col2:after,
.tate:after,
.tate_yoko:after,
.yoko:after,
#pokkiri .btn_area:after,
.special .sectionblock:after,
#greeneco #contents .ecotabiList:after,
#greeneco #contents .ecotabiBox:after,
.clearfix:after { content : ''; display : block; clear : both; }