@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* ベーシックリセット
   ========================================================================== */

/**
 */
body {
	
	/*background-color: #fff;*/
}


ul,
ol {
  padding-left: 0em;
  list-style: none; }

table {
	width: 100%;
	border-collapse: collapse;		/*追加*/
}

th {
  text-align: left; }

a {
  text-decoration: none;
  color: #333; }
  a:focus {
    outline: none; }

img {
  vertical-align: bottom;
}

/*
ul
 {
  margin-top: 0;
  margin-bottom: 0;
  max-height: 99999px; }
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.4;
  color: inherit; }


h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin-top: 0;
  margin-bottom: 0;
  max-height: 99999px; }


/* Basic
   ========================================================================== */
/**
 */
*,
*:before,
*:after {
  box-sizing: inherit; }

 html {
	font-size: 62.5%;
	box-sizing: border-box; 
}


body {
	font-family:  "メイリオ", Meiryo, Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN";
	font-weight: 400;
	font-size: 1.4rem;
	/*letter-spacing: 0.1em;*/
	color:#333;
	background-image: url(../images/back_logo.jpg);
}



/* -------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------- */
/*PC専用*/
@media screen and (min-width: 769px) {
	.header {
		display:flex;
		/*justify-content:center;*/
		align-items: center;
		width:90%;
		margin:0 auto;
		background-color:black;
	}

	.header .site-logo{
		width:20%;
	}
	.header .site-logo img{
		width:100%;
		padding:1em;
	}
}
@media screen and (max-width: 768px) {
	.header {
		display:flex;
		/*align-items: center;*/
		width:100%;
		background-color:black;
	}
	.header .site-logo{
		width:200px;
		height:auto;
		margin:0;
		/*padding:1em;*/
		padding:8px;
	}
	.header .site-logo img{
		width:100%;
	}
}

/* -------------------------------------------------------------------------
ナビゲーション
-------------------------------------------------------------------------- */
/*PC専用*/
@media screen and (min-width: 769px) {
	.gnavi {
		width:90%;
		margin:0 auto;
		padding-bottom:1em;
		background-color:black;
	}
	.nav-button {
		 display: none;
	}
	 .navi {
		display: flex;
		/*justify-content:center;*/
		width:90%;
		margin:0 auto;
	}
	.navi_item  {
		display: flex;
		width:100%;
		padding:0.1em;
		font-size:0.9em;
		border-left:1px dashed white;
	}
	.navi_item:last-child {
		border-right:1px dashed white;
	}
	.navi_item a {
		display: flex;
		justify-content:center;
		align-items: center;
		width: 100%;
		color:white;
		text-align:center;
		/*border:1px solid red;*/
	} 

}

/*スマホ用*/
@media screen and (max-width: 768px) {
	.gnavi {
		background-color: #353535;
	}
	.navi {
		display: none;
		width:100%;
		height:100vh;
		/*z-index:2;*/
		z-index: 9999;		/*bxSliderの上に表示するため*/
		background-color: #353535;
	}

	.nav-button {
		position: absolute;
		top: 18px;
		right: 8px;
		width: 200px;
		height: 20px;
		cursor: pointer;
	}
	.nav-button .text-open,.nav-button .text-close{
		position: absolute;
		right: 40px;
		display: inline-block;
		color:white;
		/*border:1px solid white;*/
	}
	.nav-button .text-close{
		display:none;
	}

	.nav-button .text-open.open,.nav-button .text-close.open{
		display: inline-block;
		 position: absolute;
	}

	.nav-button .text-open.close,.nav-button .text-close.close{
		display: none;
	}
	.navi.open {
		display: block;
		 position: absolute;
	}

	.navi.close {
		display: none;
	}
	.nav-icon  {
		display: inline-block;
	}
	.nav-icon span {
		position: absolute;
		right: 0;
		width: 30px;
		height: 4px;
		transition: all 0.4s;
		background: #fff;
		border-radius: 4px;
		/*border:1px solid white;*/
	}
	.nav-icon span:nth-of-type(1) {top: 0;}
	.nav-icon span:nth-of-type(2) {top: 10px;}
	.nav-icon span:nth-of-type(3) {top: 20px}

	.nav-icon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.nav-icon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.nav-icon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}

	.navi li {
		padding: 1.5em;
		border-bottom:1px solid white;
	}
	.navi li a {
		font-size: 18px;
	  }
	.navi_item a {
		color: #fff;
	} 

}


/* -------------------------------------------------------------------------

-------------------------------------------------------------------------- */
main {
	width:90%;
	margin:0 auto;
	padding-top:1em;
	padding-bottom:1em;
	background-color:white;
}
article {
	/*width:70%;*/
	width:80%;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	main {
		width:90%;
	}

	article {
		width:95%;
		margin:0 auto;
	}
}



/* -----------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------- */
.footer {

}

.fnavi .footer-logo {
	display: flex;
	justify-content: space-around;
	width:40%;
}

.fnavi .f-logo{
	width:70%;
	
}
.fnavi .f-logo img{
	width:100%;
}

.f-logo {
	/*border:1px solid white;*/
}

.f-sns-icons {
	display:flex;
	/*justify-content:center;*/
	align-items: center;
	/*width:100%;*/
	padding:0.5em;
}
.f-sns-icons .icon{
	width:45%;
	margin-left:0.5em;
}
.f-sns-icons .icon img{
	width:100%;
}



@media screen and (min-width: 769px) {
	.fnavi {
		display:flex;
		justify-content: space-around;
		align-items: center;
		width:90%;
		margin:0 auto;
		background-color:black;
	}

	.fnavi ul{
		display: flex;
		width:65%;
		padding:3em;
	}

	.fnavi ul li{
		display: flex;
		width:100%;
		/*padding:0.1em;*/
		font-size:0.9em;
		border-left:1px dashed white;
	}
	.fnavi ul li:last-child {
		border-right:1px dashed white;
	}
	.fnavi ul li a {
		display: flex;
		justify-content:center;
		align-items: center;
		width: 100%;
		text-align:center;
		color:white;
		/*border:1px solid red;*/
	} 

}


@media screen and (max-width: 768px) {
	.fnavi {
		width:100%;
		background-color:black;
	}
	.fnavi ul{
		display:none;
	}

	.fnavi .footer-logo {
		width:70%;
		margin:0 auto;
		padding:1em 0;
		
	}
	.f-sns-icons {
		display:flex;
		justify-content:center;
		align-items: center;
		padding:0.5em;
	}
	.f-sns-icons .icon{
		width:60%;
	}
}

.footer .copyright{
	padding:0.5em;
	text-align:center;
	background-color:white;
}

/* -----------------------------------------------------------------------------

-------------------------------------------------------------------------- */
.catchcopy {
	width:70%;
	margin:0 auto 4em;
	/*padding:3em 0;*/
	text-align:center;
}
.catchcopy h2{
	display:inline-block;
	margin-bottom:0.5em;
}

@media screen and (max-width: 768px) {
	.catchcopy {
		width:100%;
	
	}
}

.aboutus {
	display: flex;
	justify-content:space-between;
	margin-bottom:2em;
}
.aboutus .item{
	width:31%;
	/*flex-basis:30%;*/
}

.aboutus h2{
	display: flex;
	justify-content:space-between;
	align-items: baseline;
	margin-bottom:0.5em;
	font-size:1.2em;
	border-bottom:1px solid #888;
}
.aboutus h2>p{
	font-size:0.8em;
}



@media screen and (max-width: 768px) {
	.aboutus {
		display:block;
	}
	.aboutus .item{
		width:90%;
		margin:0 auto 2em;
	}
}

/* -------------------------------------------------------------------------
マークのセパレーター
-------------------------------------------------------------------------- */
.separator {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:3em;
}
.separator .mark{
	width:18%;
}
.separator .mark img{
	width:100%;
}
/* -----------------------------------------------------------------------------
トピックス（おすすめプラン・お知らせ）
-------------------------------------------------------------------------- */
.topics {
	display:flex;
	justify-content: space-between;
	margin-bottom:5em;
}
.topics img { 
	width:100%;
}
.topic {
	width:48%;
}
.topic h2{
	display:flex;
	justify-content: space-between;
	align-items:baseline;
	padding:0.2em 0.5em;
	margin-bottom:0.5em;
	font-size:1.2em;
	border-bottom:1px solid #666;
}
.topic h2 span{
	font-size:0.7em;
}

.topic .date{
	margin-bottom:1em;
	font-size:0.9em;
	text-align:right;
}

.topic .info-img{
	margin-bottom:1em;
}
@media screen and (max-width: 768px) {
	.topics {
		display:block;
	}
	.topic {
		width:90%;
		margin:0 auto 2em;
	}
	.topic img{
		display:block;
		width:80%;
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------------------
営業カレンダー（トップ）
  -------------------------------------------------------------------------- */
.business-calendar {
	/*margin-bottom:3em;*/
}
.business-calendar h2{
	padding:0.2em 0.5em;
	margin-bottom:0.5em;
	font-size:1.2em;
	border-bottom:1px solid #666;
}
.calendar-content {
	display:flex;
	/*justify-content: space-between;*/
	justify-content: space-around;
	margin:0 auto 2em;
}

.calendar {
	width:48%;
}

.calendar .ym {
	padding:0.5em;
	margin-bottom:0.5em;
	color:#666;
}

.calendar table {
	border-collapse: separate;	/*collapseがデフォルト値*/
	border: 0;
}
.calendar th {
	text-align:center;
	color:white;
	background-color: #A4A3A4;
}
.calendar th.sat {
	background-color:#66ADCB;
}
.calendar th.sun {
	background-color:#F78B7C;
}

.calendar td {
	width:14.3%;
	/*vertical-align:top;*/
	text-align: center;
	border: 1px solid #666666;
}
.calendar td span{
	font-size:0.8em;
}


.calendar td.dayoff {
	color: #666;
	background-color:#ddd;
}

.calendar-comment{
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding-bottom:1em;
	margin-bottom:1em;
	font-size:0.8em;
	/*border-bottom:1px solid #333;*/
	/*border:1px solid red;*/
}

@media screen and (max-width: 768px) {
	.calendar-content {
		display:block;
	}
	.calendar {
		width:90%;
		margin:0 auto;
	}

}

/* -----------------------------------------------------------------------------
プロモーションビデオ
-------------------------------------------------------------------------- */
.youtube {
	padding-bottom:2em;
	margin-bottom:2em;
}
.youtubechanel {
	width:60%;
	margin:0 auto;
}

.youtube-title {
	display:flex;
	align-items:center;
	padding:0.2em 0.5em;
	margin-bottom:1em;
	border-bottom:1px solid #666;
}

.youtube-title h2{
	width:70%;
	padding-left:1em;
}

.youtube-title .logo{
	width:15%;
	margin:0;		/*マージン0でないと余分な隙間が空く*/
}
.youtube-title .logo img{
	width:100%;
}

@media screen and (max-width: 768px) {
	.youtube-title h2{
		/*font-size:1.2em;*/
	}
	.youtube-title .logo{
		/*display:none;*/
		padding-left:0;
	}
}
.youtube .thumbnail{
	width:50%;
	margin:0 auto;
}
.youtube .thumbnail img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.youtube .thumbnail{
		width:80%;
	}
}



@media screen and (max-width: 768px) {
	.youtubechanel {
		width90%;
	}
}
.channelname {
	margin-bottom:2em;
}
.youtube_video {
	position: relative;
	padding-top: 56.25%;
	margin:0 auto;
}
.youtube_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

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

/* ------------------------------------------------------
コロナ対策
  --------------------------------------------------- */
.infection_control {
	margin-bottom:3em;
	text-align:center;
	border-top:1px solid red;
	border-bottom:1px solid red;
}

.infection_control a{
	display:inline-block;
	padding:1em;
	font-size:1em;
	color:red;
	font-weight:600;
}
/* ------------------------------------------------------
フォトセレクトシステム
  --------------------------------------------------- */
.select-system {
	background-color:black;
	color:white;
}
.select-system a{
	display:block;
	padding:1em;
	text-align:right;
	color:white;
	text-decoration:underline;
}






/*以下、お知らせページ*/
.infection_control h2{
	padding:1em;
	font-size:1em;
	color:red;
	font-weight:600;
}

.infection_control .figure{
	display:flex;
	justify-content: space-between;
	margin-bottom:2em;
}

.infection_control .figure li{
	width:19%;
}
.infection_control .figure img{
	width:100%;
}


@media screen and (max-width: 768px) {
	.infection_control .figure{
		flex-wrap: wrap;
		justify-content:space-around;
		width:90%;
		margin:0 auto;
	}
	.infection_control .figure::after{
		content:"";
		display: block;
		width:48%;
	}
	.infection_control .figure li{
		width:48%;
		margin-bottom:1em;
	}
}



/* -----------------------------------------------------------------------------
ロゴ付タイトル
-------------------------------------------------------------------------- */
.infomation .info {

}
.logo-title{
	display:flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom:1em;
	border-bottom:1px solid black;
}
.logo-title h2{
	font-size:1.3em;
}
.logo-title h2:before{
	content: '';
	display:inline-block;
	width:1.5em; 
	min-height:1.5em;
	margin-right:0.5em;	/*h2との間に隙間を作る*/
	background: url("../images/logo_blk.png") no-repeat;
	background-size:contain;
	vertical-align: middle;
}
.logo-title span{
	font-size:0.9em;
}

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

}
/* -----------------------------------------------------------------------------
撮影メニュー
-------------------------------------------------------------------------- */
.title-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:1em;
	margin-bottom:3em;
}
.title-logo .mark{
	width:8%;
}
.title-logo .mark img{
	width:100%;
}

@media screen and (max-width: 768px) {
	.title-logo {
		margin-top:0.5em;
		margin-bottom:1.5em;
	}
	.title-logo .mark{
		width:20%;
	}
}


.border-title{
	/*display:flex;
	justify-content: space-between;
	align-items: end;*/
	text-align:right;
	margin-bottom:1em;
	border-bottom:1px solid black;
}
.border-title span{
	font-size:0.9em;
}

.page-title{
	margin-bottom:3em;
}

.page-title h2,.page-title p{
	text-align:center;
	margin-bottom:0.5em;
}
.page-title h2 span{
	padding-left:1em;
	font-size:0.6em;
}



/*
page-titleにして共通化

.shooting {

}
.shooting .title{
	margin-bottom:3em;
}

.shooting .title h2, .shooting .title p{
	text-align:center;
	margin-bottom:0.5em;
}
.shooting .title h2 span{
	padding-left:1em;
	font-size:0.6em;
}
*/



@media screen and (min-width: 769px) {
	.select-list {
		margin-bottom:3em;
	}

	.select-list ul{
		display: flex;
		/*width:65%;*/
		/*padding:3em;*/
		margin-bottom:1em;
	}

	.select-list ul li{
		display: flex;
		width:100%;
		/*padding:0.1em;*/
		font-size:0.9em;
		border-left:1px dashed black;
	}
	.select-list ul li:last-child {
		border-right:1px dashed black;
	}
	.select-list ul li a {
		display: flex;
		justify-content:center;
		align-items: center;
		width: 100%;
		padding:0.5em 0;
		text-align:center;
	} 

}

@media screen and (max-width: 768px) {
	.select-list {
		display:none;
	}
}


.shooting .item{
	/*border:1px solid red;*/
	margin-bottom:3em;
}

.shooting .item .images{
	display:flex;
	justify-content: space-between;
	align-items:flex-end;
}

.shooting .item .images  .main-image img{
	width:100%;
	object-fit: scale-down;
	height:300px;
	/*border:1px solid #ddd;*/
}
.shooting .item .images  .sub-image img{
	width:100%;
}

.shooting .item .images .main-image{
	width:55%;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: flex-end;
	/*border:1px solid #bbb;*/
}

.shooting .item .images .sub-image {
	width:40%;
	/*cursor: pointer;*/		/*ここだとスマホの場合、ブロック全体に一瞬色がつく*/
}
.shooting .item .images .sub-image .price{
	margin-bottom:1em;
}
.shooting .item .images .sub-image .price{
	margin-bottom:1em;
	font-size:0.8em;
	text-align:right;
}

.shooting .item .images .sub-image ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.shooting .item .images .sub-image li{
	width:32%;
	padding-bottom:0.5em;
	cursor: pointer;
}

/*最後を左寄せにするため疑似要素*/
.shooting .item .images .sub-image ul::after{
	content:"";
	display: block;
	width:32%;
}

@media screen and (max-width: 768px) {
	.shooting .item .images .main-image{
		width:90%;
		margin:0 auto 0.5em;;
	}
	.shooting .item .images  .main-image img{
		width:100%;
		height:250px;
		/*border:1px solid #ddd;*/
	}
	.shooting .item .images{
		display:block;
	}
	.shooting .item .images .sub-image {
		width:90%;
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------------

-------------------------------------------------------------------------- */
.options .item .images .main-image{
	width:60%;
}
.options .item .images .sub-image li{
	width:48%;
}


@media screen and (max-width: 768px) {
	.options .item .images .main-image{
		width:90%;
		margin:0 auto;
	}
	.options .item .images .sub-image {
		width:90%;
		margin:0 auto;
	}
}
/* -----------------------------------------------------------------------
お知らせ
-------------------------------------------------------------------------- */
.info {
	
}
.info .topic > .item{
	margin-bottom:2em;
}
.info .page_title{
	margin-bottom:2em;
	border-bottom:1px solid black;
}
.info .page_title h2{
	width:55%;
	margin:0 auto;
	padding-bottom:0.5em;
}
.info .page_title img{
	width:100%;
}


.info .title{
	margin-bottom:0.5em;
	font-size:1.2em;
}

/* ------------------------------------------------------
お知らせ履歴
--------------------------------------------------------- */
.info-list{
	/*margin-bottom:3em;*/
}

.info-list .item{
	display:flex;
	/*justify-content: space-between;*/
	/*align-items:center;*/
	padding:0.5em 0;
	border-top:1px dotted #888;
}
.info-list .item:last-child{
	border-bottom:1px solid #888;

}


.info-list .item .date{
	width:30%;
	font-size:0.9em;
	text-align:left;
	/*border:1px solid red;*/
}


.info-list .item .title{
	width:65%;
	/*padding:0.5em 0;*/
	color:#444;
	font-size:1em;
	/*border:1px solid red;*/
}

.info-list .item .comment{
	font-size:0.9em;
}
/* -----------------------------------------------------------------------
スタジオ案内
-------------------------------------------------------------------------- */
.studio img{
	width:100%;
}
.studio .mainimage{
	margin-bottom:4em;
}

/*スタジオ案内で使用*/
.studio .item .image{
	margin-bottom:1.5em;
}
/* -----------------------------------------------
基本部分はトップページのaboutus
を利用する
------------------------------------------------- */

.studio .aboutus  .item .title{
	margin-bottom:1em;
}

.studio .aboutus h2{
	/*display:block;*/
	margin-bottom:0.2em;
}
.studio .aboutus .title p{
	text-align:right;
	font-size:0.9em;
}

.studio .item .image{
	margin-bottom:1.5em;
}
.studio .item > p{
}

@media screen and (max-width: 768px) {
	.studio .mainimage{
		width:90%;
		margin:0 auto 5em;
	}
	.studio .aboutus .item{
		width:90%;
		margin:0 auto 4em;
	}
	.studio .item .image{
		margin-bottom:1em;
	}
}
/* -----------------------------------------------------------------------

-------------------------------------------------------------------------- */


.access {
	display:flex;
	justify-content: space-between;
	margin-bottom:4em;
}

.access .company{
	width:30%;
}
.access .access-map{
	width:65%;
}

.access .company .logo{
	width:90%;
	margin:0 auto;
	padding-bottom:1em;
	border-bottom:1px solid black;
}

.access .company .logo img{
	width:100%;
}

.access .company .name , .access .company .address{
	padding:0.8em 0;
	text-align:center;
	font-size:1.2em;
	border-bottom:1px solid black;
}

.GoogleMap{
	position: relative;
	width: 100%;
	height: 0;
	/*padding-top: 56.25%;*//*比率をお好みで*/
	padding-top: 56.25%;
	margin-bottom:15px;
	/*border:1px solid blue;*/
}
.GoogleMap iframe{
	/*display:none;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.access {
		display:block;
	}
	.access .company .logo{
		text-align:center;
	}
	.access .company .logo img{
		width:70%;
	}
	.access .company{
		width:80%;
		margin:0 auto 1em;;
	}
	.access .access-map{
	width:80%;
		margin:0 auto;
	}
}
/* -----------------------------------------------------------------------

-------------------------------------------------------------------------- */
.pamphlet {

}

.pamphlet img{
	width:100%;
}

/* -----------------------------------------------------------------------

-------------------------------------------------------------------------- */
.under_construction {
	min-height:500px;

}

/*スマホ用改行コード非表示*/
@media screen and (min-width: 769px) {
	.sp_br {
		display:none;
	}
}