=====================================================================*/
@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------/
	01.format
/--------------------------------------------------------------------*/



body	{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	line-height:1;
	word-break:break-all;
	overflow-x: hidden!important;
}

/*--------------------------------------------------------------------/
	header
/--------------------------------------------------------------------*/

#header	{
	display:block;
	width:100%;
	border-top:2px solid #e7372f;
}


@media screen and (min-width: 769px)	{

h1#site_title	{
	width:100%;
	text-align:center;
	margin-top:32px;
}

.sns_navi	{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:right;
}

ul.sns_navi_list	{
	text-align: right;
}

ul li	{
	 list-style: none;
	 display: inline-block;
}

nav#gnav	{
	background-color:#f2f2f2;
	width:100%;
	margin:30px auto 0 auto;
	text-align:center;
	height:50px;
}

ul.navi_list	{
	margin:0 auto 0 auto;
	text-align: left;
	width:1080px;
}

ul.navi_list li	{
	margin-top:12px;
	list-style: none;
	display: inline-block;
}

.catchphrase_pc	{
	margin:0 auto;
}

.header_navi_pc	{
	width:100%!important;
	text-align:center;
	background-color:#f2f2f2;
	margin:0 auto;
}


.header_navi	{
	width:100%!important;
	text-align:center;
	background-color:#f2f2f2;
	margin:0 auto;
}




ul.category_navi	{
	display:flex;
	width:1000px;
	margin:0 auto;
	text-align:left;
	height:50px;
	background-color:#f2f2f2;
}

ul.category_navi li	{
	margin:9px auto 1px auto;
	flex-direction:row;

}



/*--------------------------------------------------------------------/
	container top page
/--------------------------------------------------------------------*/


#container	{
	width:1060px;
	margin:20px auto 0 auto;
	padding-bottom:70px;
	background-color:#fff;
}

.container	{
	background-color:#fff;
	width:690px;
	text-align:left;
	margin:40px auto 0 auto;
}

.category_block_pc	{
	margin:10px auto 20px auto;
}

.category_block_sp	{
	display:none;
}

.link_block_sp	{
	display:none;
}


span.cate1,
span.cate2,
span.cate3,
span.cate4,
span.cate5,
span.cate6,
span.cate7,
span.cate8,
span.cate9,
span.cate10,
span.cate11,
span.cate12	{
	border: 1px solid #aaa;
	background: #fff;
	padding:6px 6px 2px 6px;
	display:inline-block;
	margin:4px 2px;
}

.category_block_pc span img:hover	{
	opacity: 0.5;
	transition-duration: 0.5s;
}

span.cate1 img	{
	border: 3px solid #e6241a;
}

span.cate2 img	{
	border: 3px solid #8ba0b1;
}
span.cate3 img	{
	border: 3px solid #7fb4a0;
}
span.cate4 img	{
	border: 3px solid #e8372f;
}
span.cate5 img	{
	border: 3px solid #59b464;
}
span.cate6 img	{
	border: 3px solid #e78f2e;
}
span.cate7 img	{
	border: 3px solid #e074cd;
}
span.cate8 img	{
	border: 3px solid #8ba0b1;
}
span.cate9 img	{
	border: 3px solid #578487;
}
span.cate10 img	{
	border: 3px solid #9c6296;
}
span.cate11 img	{
	border: 3px solid #b0aa18;
}
span.cate12 img	{
	border: 3px solid #968b6f;
}

span.text	{
	display: inline-block;
	padding-top:80px;
	line-height:3em;
}

span.text2	{
	display: inline-block;
	padding:30px 0;
}


/*--------------------------------------------------------------------/
	container 共通タグ
/--------------------------------------------------------------------*/


hr.border_4p	{
	border-top: 4px solid;
	border-color:#555555;
	width:100%;
	margin-top:20px;
}

hr.border_2_2p	{
	border-top: 2px solid;
	border-color:#555555;
	width:100%;
	margin-top:-12px;
}

span.border_2p	{
	border-top: 2px solid;
	border-color:#555555;
	width:100%;
	display:block;
	margin-top:-12px;
}

hr.border_2p	{
	border-top: 2px solid;
	border-color:#555555;
	width:100%;
	margin-top:5px;
}

hr.border_1p	{
	border-top: 1px solid;
	border-color:#555555;
	width:100%;
	margin-top:18px;
}

p.sub_title_L	{
	margin:20px auto 0 auto;
	font-size:20px;
	color:#222222;
}

p.sub_title_LL	{
	margin:10px auto 10px auto;
	font-size:24px;
	color:#222222;
	text-align: left;
	display: flex;
	align-items: center;
	letter-spacing:2px;
}

p.sub_title_LL img	{
	margin-right:10px;
}

p.photo_img_L_c	{
	margin:30px auto 0 auto;
}

p.photo_img_L_l	{
	margin:20px 0 0 0;
}

p.photo_desc	{
	margin:10px 0 0 0;
	text-align:left;
	font-size:13px;
	color:#222222;
}



/*--------------------------------------------------------------------/
	container present page
/--------------------------------------------------------------------*/

div.present_block	{
	width:800px;
	margin:50px auto 0 auto;
}

div.posted_by_block {
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-top:0;
	font-size:15px;
	color:#222222;
}

p.posted_by	{
	text-align: left;
	display: flex;
	align-items: center;
	margin-top:-12px;
}

p.posted_by img	{
	margin-right:5px;
}

div.present_block p.title	{
	text-align:left;
	margin-top:20px;
	font-size:22px;
	color:#222222;
}

div.present_block p.title span.coment1	{
	text-align:left;
	margin-top:10px;
	font-size:14px;
	color:#222222;
	display:block;
}

div.present_block p.title span.coment2	{
	text-align:right;
	margin-top:10px;
	font-size:12px;
	color:#222222;
	display:block;
}

p.present_logo	{
	margin:0 auto 0 auto;
}

p.present_border	{
	margin:15px auto 0 auto;
}

p.present_item_name	{
	margin-top:10px;
	font-size:18px;
	color:#555555;
	text-align:left;
	line-height:1.3em;
	font-weight:bold;
}

span.indent01	{
	display:block;
	margin-left:30px;
}

div.item_block {
	width:100%;
	margin-top:10px;
}

div.item_name	{
	width:100%;
	margin-top:10px;
}

div.detail_block {
	width:100%;
  display: flex;
  justify-content: space-between;
	margin-top:10px;
}

div.item_img {
	width: 350px;
	display: inline-block;
}

div.item_text {
	width: 430px;
	display: inline-block;
}

p.item_detail	{
	margin-top:20px;
	font-size:15px;
	color:#333333;
	text-align:left;
	line-height:1.8em;
}

p.item_detail span.indent	{
	text-indent: -1em;
	padding-left: 1em;
}





/*--------------------------------------------------------------------/
	container new magazine page
/--------------------------------------------------------------------*/

div.new_magazine_block	{
	width:700px;
	margin:50px auto 0 auto;
}

p.new_magazine_img	{
	margin:0 auto 0 auto;
	text-align: center;
}

p.ribbon_info	{
	margin:0 auto 0 auto;
	text-align: center;
}

h2.new_magazine_title	{
	color:#333333;
	margin-top:20px;
	text-align: left;
	font-size:26px;
	font-weight:normal;
	line-height:1.4em;
}

p.overview	{
	color:#333333;
	margin:15px 0 0 15px;
	text-align: left;
	font-size:15px;
	line-height:1.4em;
}

div.new_magazine_block hr.border_4p	{
	margin-top:30px
}

div.new_magazine_block hr.border_1p	{
	margin-top:5px;
}

div.new_magazine_block img.img_H1	{
	margin:0 auto 0 auto;
}

div.new_magazine_block p.details	{
	text-align:left;
	margin-top:25px;
	color:#333333;
	font-size:15px;
	line-height:1.4em;
}

div.new_magazine_block p.details a	{
	color:#ff0000;
}

h3.new_magazine_sub_title, .other_project_title	{
	color:#444444;
	margin-top:30px;
	text-align: left;
	font-size:20px;
}

hr.dotted	{
	margin-top:15px;
	border: none;
	border-top: 3px dotted #555;
}

ul.Other_project_ul	{
	margin-top:10px;
	text-align:left;
}

ul.Other_project_ul li	{
	margin-top:10px;
	text-align:left;
	display: block;
}




/*--------------------------------------------------------------------/
	container diy page
/--------------------------------------------------------------------*/


div.diy_new_cover	{
	width:700px;
	margin:50px auto 0 auto;
}

p.ribbon_diy	{
	margin:-25px auto 0 auto;
}

div.diy_posted_by_block	{
	margin:0 auto 0 auto;
	width:700px;
	display: flex;
	color:#333333;
	justify-content: space-between;
}

p.posted_by	{
}

div.diy_posted_by_block p.date	{
}

h2.diy_new_title	{
	color:#333333;
	margin-top:20px;
	text-align: left;
	font-size:26px;
	font-weight:normal;
	line-height:1.4em;
}

div.ms_fujioka_profile_block	{
	display: flex;
    flex-direction: row;
	width:689px;
	margin-top:20px;
	background-color:#eeeeee;
	padding:8px 0 4px 10px;
	border: 1px solid #d3d1d1;
}

p.photo_ms_fujioka	{
	text-align:left;
}

ul.profile_ms_fujioka	{
	margin:10px 0 0 10px;
	color:#333333;
	font-size:13px;
	text-align:left;
}

ul.profile_ms_fujioka li	{
	text-align:left;
	display: block;
	line-height:1.4em;
}

ul.profile_ms_fujioka li.name	{
	font-weight:bold;
}

ul.ms_fujioka_sns	{
	margin:10px 0 0 ;
	color:#333333;
	font-size:13px;
	text-align:left;
}

ul.ms_fujioka_sns li	{
	text-align:left;
	display: inline;
	margin-left:10px;
}

div.diy_new_index	{
	width:700px;
	margin-top:30px;
	text-align:left;
}

div.diy_new_index p	{
	color:#333333;
	font-size:14px;
}

div.diy_new_index ul	{
	margin-top:15px;
	font-size:14px;
}

div.diy_new_index ul li	{
	display:block;
}

div.diy_new_index ul li a	{
	line-height:2em;
	color:red;
	display:inline-block;
}

div.diy_new_index ul li span	{
	display:inline-block;
	color:red;
}

div.diy_report_block	{
	width:700px;
	margin:20px 0 0 0;
	text-align:left;
}

p.diy_report_1em	{
	text-align:left;
	margin-top:1em;
	color:#222222;
	font-size:13px;
}

p.diy_report_2em	{
	text-align:left;
	margin-top:2em;
	color:#222222;
	font-size:13px;
}

p.diy_report_3em	{
	text-align:left;
	margin-top:3em;
	color:#222222;
	font-size:13px;
}

p.diy_report_4em	{
	text-align:left;
	margin-top:4em;
	color:#222222;
	font-size:13px;
}










/*--------------------------------------------------------------------/
	container company page
/--------------------------------------------------------------------*/


div.company_block	{
	width:700px;
	margin:50px auto 0 auto;
	border-top:4px solid #555555;
}

div.company_block h2.title	{
	margin:20px auto 0 auto;
	font-size:24px;
	color:#222222;
	font-weight:normal;
}

ul.company_profile_ul	{
	width:680px;
	margin:30px auto 0 auto;
	color:#444444;
	font-size:15px;
	height:500px;
}	

ul.company_profile_ul li	{
	margin-bottom:10px;
	line-height:1.6em;
}

li.profile_left_li	{
	width:80px;
	float:left;
	text-align: left;
}

li.profile_right_li	{
	width:590px;
	float:left;
	text-align: left;
}






/*--------------------------------------------------------------------/
	container privacy_policy page
/--------------------------------------------------------------------*/



h4.privacy_policy	{
	margin:30px auto 0 auto;
	text-align:left;
	font-size:15px;
	color:#666666;
	line-height:1.5em;
	font-weight:normal;
}


h4.privacy_policy	{
	margin:30px auto 0 auto;
	text-align:left;
	font-size:15px;
	color:#666666;
	line-height:1.5em;
	font-weight:normal;
}

h5.privacy_policy2	{
	margin:15px auto 0 auto;
			text-align:left;
			font-size:15px;
			color:#666666;
			text-decoration: underline;
			font-weight:bold;
}

ul.policy	{
			text-align:left;
			margin:20px 0 0 50px;
			line-height:1.4em;
}	

li.policy_01	{
			list-style-position: outside;
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:decimal;
			margin-top:10px;
}

li.policy_02	{
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:none;
			padding-left:20px;
}


li.privacy_02	{
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:none;
			padding-left:20px;
}

.s_title	{
			color:#444444;
			font-weight:bold;
}

.sns_block_pc	{
	width:699px;
	margin:10px auto 20px auto;
}

.sns_block_sp	{
	display:none;
}

ul.shareList	{
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
	display:flex;
	justify-content: space-between;
}




/*ソーシャルリストデザイン8*/

li.shareList8__itema	{
	color:inherit;
	text-decoration:none;
}


.shareList8 {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	padding:0;
	margin:-5px 0 0 -5px;
}
.shareList8__item {
	height:50px;
	line-height:50px;
	text-align:center;
	margin:9px 0 0 5px;
}
.shareList8__link {
	display:block;
	color:#ffffff;width:165px;
	text-decoration: none;
	transition: .2s;
	border:2px solid;
}
.shareList8__link::before{
	font-size:16px;
}
.shareList8__link::after{
	content:attr(title);
	font-size:14px;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}


.shareList8__link.icon-twitter{background:#55acee; border-color:#55acee; color:#ffffff;}
.shareList8__link.icon-twitter:hover{color:#55acee; background:#ffffff; border-color:#55acee;}

.shareList8__link.icon-facebook{background:#3B5998; border-color:#3B5998; color:#ffffff;}
.shareList8__link.icon-facebook:hover{color:#3B5998; background:#ffffff; border-color:#3B5998;}

.shareList8__link.icon-hatebu{background:#008FDE;  border-color:#008FDE; color:#ffffff;}
.shareList8__link.icon-hatebu:hover{color:#008FDE; background:#ffffff; border-color:#008FDE;}

.shareList8__link.icon-line{background:#1dcd00; border-color:#1dcd00; color:#ffffff;}
.shareList8__link.icon-line:hover{color:#1dcd00; background:#ffffff; border-color:#1dcd00;}




/*--------------------------------------------------------------------/
	container about pacoma page
/--------------------------------------------------------------------*/

.block_about pacoma	{
	width:931px;
	margin:0 auto 30px auto;
	text-align:center;
}

.block_about pacoma p	{
	text-align:center;
}

.catchphrase_pc	{
	margin:0 auto 0 auto;
}

.catchphrase_pc p	{
	margin:20px auto 0 auto;
	font-size:24px;
	line-height:1.5em;
	color:#444;
	text-align:center;
}



catchphrase_pc2	{
	width:690px;
	margin:0 auto 0 auto;
	text-align:center;
}

h4.topic_title5	{
	width:690px;
	border-top:3px solid black;
	margin-top:30px;
	font-size:23px;
	color:#555;
	text-align:center;
	padding-top:20px;
}




.catchphrase_pc2 p	{
	margin-top:30px;
	font-size:23px;
	line-height:1.5em;
	color:#000;
	text-align:center;
}



p.topic_text_2	{
	margin-bottom:40px;
	color:#111;
	line-height:1.9em;
	width:690px;
	font-size:14px;
	letter-spacing: 0.1em;
	text-align:left;
}

p.topic_text_3	{
	margin-bottom:40px;
	color:#111;
	line-height:1.9em;
	width:690px;
	font-size:14px;
	letter-spacing: 0.1em;
	text-align:left;
}

.about_category	{
	width:690px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	background:#fff;
	height:220px;
	margin-bottom:22px;
}

.cal1,.cal2	{
	width:325px;
	height:220px;
	background:#f2f2f2;
}

.about_category p.img_cate	{
	margin:20px auto 0 auto;
	text-align:center;
}

.about_category p.title	{
	margin:20px auto 0 auto;
	text-align:center;
	font-weight:bold;
	color:#000;
	font-size;16px;
}

.about_category p.text	{
	width:280px;
	margin:15px auto 0 auto;
	text-align:center;
	font-size:14px;
	color:#000;
	line-height:1.5em;
}

p.img_about_paper	{
	margin-top:40px;
	margin-bottom:30px;
}













/*--------------------------------------------------------------------/
	container contact pacoma page
/--------------------------------------------------------------------*/

.block_contact_pacoma	{
	width:690px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	margin:30px auto 60px auto;
	text-align:center;
	background:#fff;
}

.block_contact_pacoma .cal3	{
	width:300px;
	text-align:left;
	float:left;
}

.block_contact_pacoma .cal4	{
	width:300px;
	text-align:right;
	float:right;
}

p.mail_info,.p.mail_info	{
	color:#ed2837;
	font-size:16px;
	text-align:center;
	line-height:1.6em
}

p.mail_info img,.p.mail_info img	{
	margin-top:20px;
}

p.link_img	{
	margin:20px auto 0 auto;
	text-align:center;
}
















}




















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



.sns_block_pc	{
	display:none;
}

.sns_block_sp	{
	width:100%;
	margin:10px auto 0 auto;
	text-align:center;
}


/*--------------------------------------------------------------------/
	container contact pacoma page
/--------------------------------------------------------------------*/

.block_contact_pacoma	{
	width:98%;
	margin:30px auto 60px auto;
	text-align:center;
	background:#fff;
}


.block_contact_pacoma .cal3	{
	width:90%;
	display:block;
	margin:0 auto 0 auto;
}

.block_contact_pacoma .cal4	{
	width:90%;
	display:block;
	margin:30px auto 0 auto;
}

p.mail_info,.p.mail_info	{
	color:#ed2837;
	font-size:14px;
	text-align:center;
	line-height:1.4em
}

p.mail_info img	{
	margin:10px auto 0 auto;
}

p.link_img	{
	margin:20px auto 0 auto;
	text-align:center;
}







/*--------------------------------------------------------------------/
	container company page
/--------------------------------------------------------------------*/


div.company_block	{
	width:96%;
	margin:0 auto 30px auto;
 overflow-x: hidden!important;

}

div.company_block h2.title	{
	margin:10px auto 0 auto;
	padding-top:14px;
	padding-bottom:11px;
	font-size:24px;
	color:#222222;
	font-weight:normal;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color:#555555;
	width:90%;
}

hr.border_2p	{
	border:none;
}

hr.border_1p	{
	border:none;
}

ul.company_profile_ul	{
	width:96%;
	margin:30px auto 0 auto;
	color:#444444;
	font-size:15px;
	text-align: left;
}	

ul.company_profile_ul li	{
	margin-bottom:10px;
	line-height:1.6em;
}

li.profile_left_li	{
	width:20%;
	float:left;
	text-align: left;
}

li.profile_right_li	{
	width:80%;
	float:left;
	text-align: left;
}

.co_end	{
	clear: both;
	margin-top:50px;
}


/*--------------------------------------------------------------------/
	container privacy_policy page
/--------------------------------------------------------------------*/



h4.privacy_policy	{
	margin:30px auto 0 auto;
	text-align:left;
	font-size:15px;
	color:#666666;
	line-height:1.5em;
	font-weight:normal;
	width:96%;
}



h5.privacy_policy2	{
	margin:15px auto 0 auto;
	text-align:left;
	font-size:15px;
	color:#666666;
	text-decoration: underline;
	font-weight:bold;
	width:96%;
}

ul.policy	{
			text-align:left;
			margin:20px 0 0 30px;
			line-height:1.4em;
	width:96%;
}	

li.policy_01	{
			list-style-position: outside;
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:decimal;
			margin-top:10px;
}

li.policy_02	{
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:none;
			padding-left:20px;
}


li.privacy_02	{
			font-size:14px;
			text-align:left;
			color:#444444;
			list-style-type:none;
			padding-left:20px;
}

.s_title	{
			color:#444444;
			font-weight:bold;
}
























}