/*ホーム背景 images1背景 images2 タイトル  */

/*PC用 css*/
@media screen and (min-width: 478px) { /*ウィンドウ幅が478px以上の場合に適用*/

.Smartphone{
	display: none;
}

body{
	background-attachment:scroll;
	background-color:;
	background-image: url(../images/background02.png); 
	background-size: 33%;
	/*
	background-color:rgba(255,255,255,0.85);
	background-blend-mode:lighten;
	*/
}

/*ページ全体　中央へ*/
#page {
	width:900px;
	margin:0 auto;
	background-color:;
}
/*span font_red*/
.font_red{
	color:tomato;
}

/*タイトル*/
#Title{
	width:900px;
	margin:25px 0 5px;
}

#Title figure{
	margin:0;
	padding:0;
}
#Title img{
	position:relative;
}

/*スマホ用のトップイメージを非表示*/
#Title #toplogoSmartPhone{
	display: none;
	position: fixed;
}



/*hタイトル*/
h3{
	color:#9f956f;
	padding:0px;
	border-bottom:1px solid #ccccaa;
}

h4{
	color:#9f956f;
	padding:0px;
	border-bottom:1px solid #ccccaa;
}

h5{
	color:#9f956f;
	padding:0px;
}

/*<p>の文字色*/
p {
	color:#655528;	
}

/*末端を揃える*/
.fontjust{
	text-align:justify;/*改行を揃える*/
	text-justify:inter-ideograph;/*改行を揃える*/
}

/*テキストインデント*/
.indent{
	padding-left:6.9em;
	text-indent:-6.9em;
}
/*アクセスカウンタ*/
#AccessCounter{
	text-align:right;
	margin:0;
	padding:0 0 0;
}

#Title a{
	float:left;
}

#Title:after{
	clear:both;
	content:"";
	display:block;
}

/*コンテンツの並び*/
.menuSmartphone{
	display: none;
}

#item{
	margin:0 0 25px;
	background-color: #ffffff;
}

#item ul{
margin:0 auto;
padding:5px 10px 5px;
border-top:solid 1px #ccccaa;
border-bottom:solid 1px #ccccaa;
}

#item ul a{
	margin:0;
	text-decoration:none;
	float:left;
	width:124px;
	height:40px;
	text-align:center;
	background-color: ;
	border-left:solid 1px #ccccaa;
}

#item ul a:first-child{
	border-left:none;
}

#item ul a li{
	list-style:none;
	color:#888888;
	padding:10px 0 8px;
	margin:0 auto;
	font-size:15px;
	color:#887744;
	}


#item ul:after{
	content:"";
	clear:both;
	display:block;
}
/******トップイメージ***/
.topimage img{
	margin:0 0 50px 0;
}

/************Whats New**********/
#whatsnew{
	margin:0 20px 0 0;
	width: 580px;
	height: 300px;
	display: inline-block;


}

#whatsnew p{
	line-height: 1.6em;
	font-size:14px;
}


/********バナー*********/

.banner{
	display: inline-block;
	height: 300px;
	width: 270px;
	vertical-align: top;
	margin: 0 0 0 20px;
}

.banner img{
	width: 270px;
}


/**************制作実績******************/
#seisaku{
	width:900px;
	margin:0 0 30px 0;
}

.seisaku-section{
	text-align:center;
	background-color:#f3efea;
	margin:10px 0 0 15px;
}

/*ホームページ*/
#homepage{
	width:280px;
	height:250px;
	float:left;
}

/*フライヤー*/
#flyer{
	width:280px;
	height:250px;
	float:left;
	}

/*その他*/
#illust{
	width:280px;
	height:250px;
	float:left;
}

.illustSample img{	
	border:solid 1px #bbbbbb;
}

.webSample img{
	border:solid 1px #bbbbbb;
}

#seisaku:after{
	content:"";
	clear:both;
	display:block;
}
/**フライヤー実績**/

.flyerSample{
	width:800px;
	margin:20px auto;
}

.flyerSample img{
	border:solid 1px #bbbbbb;
}

.flyerSampleDesigns{
	margin:0 0px;
	width:180px;
	display:inline-block;
}

.flyerSampleDesignsCenter{
	margin:0 20px;
	width:180px;
 	display:inline-block;
}

.flyerSampleDesigns2{
	margin:0 0px;
	height:180px;
	display:inline-block;
}

.flyerSampleDesignsCenter2{
	margin:0 15px;
	height:180px;
 	display:inline-block;
}


/*iphone goods*/
.flyerSampleiphone{
	width:800px;
	margin:20px auto;
}

.flyerSampleiphone img{
	border:solid 1px #bbbbbb;
}

.flyerSampleDesignsiphone{
	margin:0 0px;
	width:260px;
	display:inline-block;
}

.flyerSampleDesignsCenteriphone{
	margin:0 0px;
	width:260px;
 	display:inline-block;
}


/*コンテンツ調整*/
.contentSample{
	width:800px;
	margin:0px auto;
}

/*イラストサンプル*/


/****************リンク***************/
#link{
	marign:0 0 30px 0;
}

/************boxslider topimages*****************/
.slider{
	width: 500px;
	height: 500px;
	margin: -32px 35px 0px 35px;
}


.slider ul li{	
	list-style:none;
}

.bxslider li{
	list-style:none;
	margin:0;
	padding: -10px;
}

.bxslider img{
	margin:0;
}


.topimages{
	width: 157px;
	height: 550px;
}

.topimages img{
	width: 157px;
}

.heikou{
	display: inline-block;
	vertical-align: top;
}

/********イラストボーダー***********/

.illustbordar{
	width:900px;
	margin-top:-100px;
}
/*****************コンテンツ****************/
.content{
	width:800px;
	margin:0 auto 50px;
}

.content-title{
	margin:40px 0 20px 0;
}

.content-margin{
	margin:0 0 50px;
}

.daihyousya{
	letter-spacing:0.5em;
}

.contentyoutube{
	width: 800px;
	margin: 0 0 40px 0;
	text-align: center;

}

.artsphoto img{
		width: 395px; 
}

.artsphoto{
	margin: 0 0 70px 0;
}


/********料金********/
table{
	border:1px solid #887733;
	color:#655528;
	margin:0 auto;
}
table tr{
	height:30px;
}
table th{
	background-color:#dfdda0;
	text-align:center;
	width:100px;
	border:0.5px solid #887733;
}

table td{
	border:0.5px solid #887733;
	text-align:right;
}


/*copyright*/
#copyright{
	width:900px;
	height:70px;
	text-align:center;
	background-color:#aa9966;
}
#copyright p{
	color:#ffffff;
	padding:12px 0 0;
}

/*************contact内容************/
.contactNaiyo{
	margin:0 auto;
	width:700px;
}

/********Jamp**********/
.jamp a{
	text-decoration: none;
}

/*****デザイン絵画集*****/

.art{
	width:400px;
	height:250px;
	float:left;
}

.artsize:after{
	content:"";
	clear:both;
	display:block;
}

.arttate{
	width:265px;
	height:650px;
	float:left;
}

.arttate2{
	width:265px;
	height:400px;
	float:left;
}



/*こころの絵*/

.kokoronoe{
	margin:auto;
	width:750px;
	/*background-color:red;*/

}

.kokoronoe2{
	width:600px;
	height:690px;
	margin:0 auto 50px;
	/*background-color:yellow;*/
	border:solid 1px #bbbbbb;

}

/*SNSアイコン*/
.snsicon{
	height: 40px;
	text-align: center;
	margin: 50px 0 0 0;
}

.snsicon img{
	width: 35px;
}

.snsicon a{
	margin: 0 10px 0 0;
}

.snsicon a:nth-of-type(2){
	margin: 0 33px 0 0;
}

.snsicon a:nth-of-type(3){
	margin: 0 38px 0 0;
}


.snsicon p{
	display: inline-block;
}


/*こころの事業*/
.works h4{
	text-align: center;
	margin-top: 90px;
}


/*コンテンツの並び*/
.workscontents{
	width: 850px;
	margin: 50px auto 0;
}

.workscontents ul{
	width: 700px;
	margin: auto;

/* border-top:solid 1px #ccccaa; */
/* border-bottom:solid 1px #ccccaa; */
}

.workscontents ul a{
	border-radius : 50%;
	margin : 0 9px;
	background-color : #ccb555;
	text-decoration:none;
	float:left;
	width:115px;
	height:115px;
	text-align:center;
}

.workscontents ul a li{
	list-style:none;
	color:#888888;
	vertical-align: middle;
	font-size:16px;
	color:#ffffff;
	margin-top: 35px;
	font-weight: bold;
	}

.workscontents ul:after{
	content:"";
	clear:both;
	display:block;
}



/*各事業の内容*/
.workssentence{
	width: 750px;
	padding: 30px 0 0 0;
	margin: auto;

}

.squarephoto{
	width: 270px;
	display: block;
	margin: 0 0 7px 0;
}

.squarephoto2{
	width: 270px;
	display: block;
	margin: 0 0 7px 0;
}


.workscontents iframe{
	width: 270px;
}

.floatleft{
	float: left;
}

.workssentence p{
	font-size: 17px;
	display: inline-block;
	margin: 0 0 0 15px;
}

.squarephoto_sentence{
	width: 465px;
	background-color: ;
	text-align: justify;
	margin: 0 0 0 15px;
}

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

/*作ってもらっての感想部分*/

.workscoment{
	width: 750px;
	padding: 30px 0 0 0;
	margin: auto;
}

.workscoment img{
	width: 90px;
}

.workscoment section{
	width: 660px;
	text-align: justify;
}

.workscoment section p{
	background-color: #ffffbb;
	font-size: 10pt;
	padding : 13px 15px 13px 18px;
	margin: 0 0 0 15px;
}

.worksmeishikansou{
	margin: 50px 0 0 0;
}

.worksmeishikansou p{
	margin: 0 0 0 72px;
}

/*オラクルカード*/
.oracleimage{
	width: 750px;
	margin: 0 75px;
}

/*LPイメージ*/

.LP a img{
	width: 500px;
	margin: 50px 200px 50px 200px;
}

.LP img{
	width: 900px;
}





/* ボタンの形
#button3 a{
	margin:0 20px;
	text-decoration:none;
	text-align:center;
	padding:25px 80px 25px;	
	font-size:20px; 
	color:#f16692;
	background-color:#ffe2e2;
	border: 1px solid #e1bbbb;
	border-radius: 8px;
	text-shadow:0 1px 0 #ffffff;
	box-shadow:3px 3px 0 #ffeeee inset;
	background-image: -webkit-linear-gradient(top, #ffefef,#ffdddd);
	background-image: linear-gradient(to bottom, #ffefef,#ffdddd);	
	}
*/

/*inputで入力時に強制的に英数字になる。
.input input{
	ime-mode:disabled;
}*/

/*テキストsyadou
	text-shadow:2px 2px 1px #ffffff,
				2px -2px 1px #ffffff,
				-2px 2px 1px #ffffff,
				-2px -2px 1px #ffffff;
*/




/*PC用 cssEND*/
}