@charset "UTF-8";

h2 {
	margin: 0px;
	line-height: 1.5rem;
	padding: 0px;
	font-weight: bold;
	font-weight: 1.5rem;
}

p, a {
  font-size: 1rem;
}

.header-text {
  text-align: center;
}


/* Navigation */
.h1logo {
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    margin: 0px;
}



.menu a.now {
  color: #f68f67;
  text-decoration: none;
  font-weight: bold;
}


.menu a {
	color: #333;
}

.menu a:hover {
  color: #bde2df;
  text-decoration: none;
}

.menu a:visited {
  -color: #f68f67;
  text-decoration: none;
}


/* General Slides */ 

.slide {
	background-attachment: fixed;
	width: 100%;
	height: auto;
	position: relative;
	padding: 140px 0;
}


.nomalPage {
	background-attachment: fixed;
	width: 100%;
	height: auto;
	position: relative;
	padding: 60px 0px 0px 0;
}

.worksTextBox p {
	font-weight: 1rem;
	font-weight: normal;
	text-align: left;
	line-height: 150%;
}



/* Slide 1 */ 

#slide1 {
	background-color: #ededed;
	/*ゆらゆら画像を囲むDIVの高さを固定*/
	height:auto;
}

#slide1 p {
	-font-family: 'Gloria Hallelujah', cursive;
}

/*#slide1 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}*/


#slide1 h2 {

}



#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}



.pc-seen {
	display: block;
}

.tab768-seen {
	display: none;
}

.sp-seen {
	display: none;
}
	

/*パンくず*/

div.breadcrumbs {
	font-family: 'Gloria Hallelujah', cursive;
}

div.breadcrumbs ol {
	padding: 0px;
    margin-bottom: 0px;

}

div.breadcrumbs ol li {
	display: inline-block;
	margin: 0 15px;
}

div.breadcrumbs ol li a:link {
	font-weight: bold;
}

div.breadcrumbs ol li a:hover {
  cursor: pointer;
  color: #a9d3d0;
}

div.breadcrumbs ol li a:active {
  cursor: pointer;
  color: #f68f67;
  text-decoration: none;
}


/*作品集内のコンテンツ*/

/*下層ページの枠*/
.col div.heightAuto {
/*	width: auto;
	height: 800px;*/
}

.col div.heightAuto {
    width: auto;
    min-height: 834px !important;
    margin-bottom: 100px;
}

div.left-inner {
	text-align: left;
	font-weight: normal;
	font-size: 0.9rem;
	width: auto;

}

div.left-inner a,
div.left-inner h2 {
	font-weight: normal;
	text-align: left;
	font-size: 0.8rem;
	height: 0.9rem;
	margin-bottom: 15px;
}


div.left-inner p {
	font-weight: normal;
	font-size: 0.7rem;
}

div.left-inner ul {
	padding-left: 15px;
	margin-bottom: 15px;
}

div.left-inner ul li {
	margin-bottom: 5px;
	font-size: 0.7rem;

}

div.right-inner img {
	-border: solid 1px #ddd;

/*	padding-left: 30px; 
	width: 100%;
	height: auto;
*/}

div.containts-photo {
	padding-left: 30px; 
	width: 100%;
	height: auto;
	
}


div.right-inner {
	width: 100%;
	text-align: center;
}

div.right-inner p {
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 0px;
	line-height: 150%;
}

div.right-inner h2 {
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	margin-left: 30px;
}


div.swtich-btn {
	-margin: 0px;
	text-align: left;
}

div.swtich-btn ul {
	text-align: left;
	padding: 0px;
}

div.swtich-btn ul li {
	display: inline-block;
}

div.swtich-btn ul li a:link {
	color: #f68f67;
}

div.swtich-btn ul li a:hover {
  cursor: pointer;
  color: #a9d3d0;
}

div.swtich-btn ul li a:active {
  cursor: pointer;
  color: #f68f67;
  text-decoration: none;
}


/* Tablet1 (1200)*/

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

#slide1 {
	background-color: #ededed;
	
	/*ゆらゆら効果の打消し*/
	height:auto;
}


.slide {
	background-attachment: fixed;
	width: 100%;
	position: relative;
	padding: 150px 0;
}


.nomalPage {
	background-attachment: fixed;
	width: 100%;
	position: relative;
	padding: 100px 0px 150px 0;
}



#decorative {
	display: none;
}

#content {
	text-align: center;
	width: 100%;
}

/*#slide1 h1 {
	line-height: 1em;
}
*/

#slide1 h2 {

}

/*#slide2 h1 {
	line-height: 1em;
}
*/


/*.col div.data  {
 	height: 400px;
 	background-color: red;
}

*/


.col div.heightAuto {
	width: auto;
	/*height: 1000px;*/
}

div.containts-photo {
	width: auto;
}

.col div.heightAuto img {
/*	width: auto;
*/
}


div.breadcrumbs　{
 -background-color: red !important;
 font-weight: bold;
 text-align: left;
}

ol {
	display: inline-block;
}




}


/* Tablet2 (768)*/

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


.pc-seen {
	display: none;
}

.tab768-seen {
	display: block;
}

.sp-seen {
	display: none;
}


/*下層ページの枠*/
.col div.heightAuto {
	width: auto;
	height: 1100px;
}

.col div.heightAuto img {
/*	padding-left: 0px; 
	width: auto;
*/
}

div.containts-photo {
	padding-left: 0px; 
	width: 100%;
	height: auto;	
}

div.containts-photo {
	padding-left: 0px; 
	width: auto;	
}

div.right-inner p {
	margin-left: 0px;
}

div.right-inner h2 {
	margin-left: 0px;
}


}

/* Mobile */
@media screen and (max-width: 480px) {

h2 {
	text-align: center;
}

.menu a {
	font-size: 0.9rem;
}

.slide {
	background-attachment: fixed;
	width: 100%;
	position: relative;
	padding: 150px 0;
}

.nomalPage {
	background-attachment: fixed;
	width: 100%;
	position: relative;
	padding: 80px 0px 80px 0px;
}


#slide1 p {
	font-size: 1rem;
}


#slide1 h2 {
}

/*作品集内のコンテンツ*/

/*下層ページの枠*/

.col div.heightAuto {
	width: auto;
	height: 100%;
	margin-bottom: 0px;
}

.col div.heightAuto img {
/*	width: 100%;
	height: auto;*/
}

div.containts-photo {
	width: 100%;
	height: auto;	
}

div.right-inner h2 {
	margin-left: 0px;
}

div.right-inner p {
	font-size: 0.9rem !important;
	text-align: left;
	margin-left: 0px;
	line-height: 150%;
	margin-top: 5px !important;
	margin-bottom: 15px !important;
}

div.left-inner p {
	font-weight: normal;
	font-size: 0.7rem !important;
}

div.right-inner h2 {
	font-size: 0.8rem !important;
	font-weight: normal;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 0px;
}



.pc-seen {
	display: none;
}

.tab768-seen {
	display: none;
}

.sp-seen {
	display: block;
}


.header-text p {
	text-align: left;
}

.header-text small {
	text-align: center;
}

.header-text h1 {
	font-size: 1.5rem;
	margin-bottom: 30px;
}




}