@charset "utf-8";
/* flex */
#c10 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

#c18{
display: flex;
flex-wrap: wrap;
}

#c41 c57 c58{
justify-content : center;
}


/* レンタルページタイトル */
.rental_title {
margin: 50px 0px;
}


/* 作家紹介 */
.rental__artist__01 {
 background-color: ##FCFBF2;
}


/* 作家登録ボタン */
rental__container_btnbox__contact {
margin-top : 50px;
}


/* 作家登録フォーム */
mail-form__artistcontact


/* 商品説明ボックス */
.item__container {
text-align: center;
margin-bottom: 20px;
}

.item__container_text {
text-align: left;
margin: 20px 0 30px 0;
}


/* 注文　契約情報 */
.rental__container_coment {
 display: flex;
 justify-content: flex-start;
 gap: 20px;
 text-align: center;
margin: 20px 0;
}

.rental__container_coment p{
 width : 200px ;
 border-width : 0.5px;
 border-style : solid ;
}

/* 商品ボタン */
.storesjp-button{
margin: 0 auto;
}

/* 余白　*/
.item__blank {
margin-top: 20px;
}


/* 金額 */

span.price{
 font-size: 1.5rem;
}

/* 注文ボタン */
.rental__container_btnbox {
margin-top:30px
}

.rental__btn {
display: block;
max-width: 300px;
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
padding: 25px 22px;
background-color: rgb(247,120,124);
border-radius: 30px;
text-align: center;
font-size: calc(20px + 2*(100vw - 320px) / 1600);
font-weight: bold;
color: #fff !important;
position: relative;
line-height: 0.5;

}

/* テストCSS */
.site-title {
  width: 120px;
  line-height: 1px;
  padding: 10px 0;
}
.site-title a {
  display: block;
}
.section-title {
  display: inline-block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 60px;
  border-bottom: solid 1px #383e45;
}
.content-title {
  font-size: 1rem;
  margin: 10px 0;
}
.wrapper {
  max-width: 960px;
  margin: 0 auto 100px auto;
  padding: 0 4%;
  text-align: center;
}


/*-------------------------------------------
Mainvisual
-------------------------------------------*/
#mainvisual {
  margin-bottom: 80px;
}
#mainvisual img {
  width: 100%;
  max-width: 1920px;
  height: 600px;
  object-fit: cover;
}

/*-------------------------------------------
About
-------------------------------------------*/
#about .content {
  display: flex;
  justify-content: center;
  align-items: center;
}
#about img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 30px;
}
#about .text {
  text-align: left;
}
#c2 {
	clear: both;
	background-image: url(../images/top/bg-pink.png);
	margin:    ;
	padding:    ;
}
#c2 a.itext, #c2 img, #c2 video {
}
#c2 h1,
#c2 div {
	text-align: center;
}
#c3 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c11 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c11 h3,
#c11 div {
	text-align: left;
}
#c36 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c35 {
	clear: both;
	background-image: url(../images/common/AdobeStock_449652749.jpeg);
	margin:    ;
	padding:    ;
	width: 100%;
}
#c35 a.itext, #c35 img, #c35 video {
	width: 6720px;
	height: 500px;
}
#c5 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: left;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c4 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c40 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c40 a.itext, #c40 img, #c40 video {
	width: 1000px;
	height: 142px;
}
#c47 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c47 a.itext, #c47 img, #c47 video {
	width: 291px;
	height: 440px;
}
#c6 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c20 {
	clear: both;
	background-color: var(--light-orange);
	margin: 100   ;
	padding:    ;
}
#c17 {
	clear: both;
	display: none;
	margin: 20  20 ;
	padding: 20 20 20px 0;
}
#c17 h2,
#c17 div {
	text-align: center;
}
#c38 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c38 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c38 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c38 > div:nth-of-type(1) img {
	width: 1280px;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c39 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c39 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c39 > div:nth-of-type(1) img {
	width: 1280px;
}
#c26 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c26 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c26 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c26 > div:nth-of-type(1) img {
	width: 500px;
}
#c34 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c34 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c34 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c34 > div:nth-of-type(1) img {
	width: 500px;
}
#c18 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c18 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c18 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c18 > div:nth-of-type(1) img {
	width: 1079px;
}
#c24 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c24 a.itext, #c24 img, #c24 video {
	width: 500px;
	height: 497px;
}
#c24 h3,
#c24 div {
	text-align: left;
}
#c21 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c16 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c27 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c45 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c45 h2,
#c45 div {
	text-align: center;
}
#c56 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c56 a.itext, #c56 img, #c56 video {
	width: 816px;
	height: 272px;
}
#c60 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c60 a.itext, #c60 img, #c60 video {
	width: 273px;
	height: 928px;
}
#c48 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c48 h2,
#c48 div {
	text-align: center;
}
#c64 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c64 a.itext, #c64 img, #c64 video {
	width: 377px;
	height: 463px;
}
#c63 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c63 h2,
#c63 div {
	text-align: center;
}
#c22 {
	clear: both;
	margin:    ;
	padding: 0 0 20px 0;
}
#c22 a.itext, #c22 img, #c22 video {
	width: 516px;
	height: 38px;
}
#c49 {
	clear: both;
	display: none;
	margin:    ;
	padding: 0 0 20px 0;
}
#c49 a.itext, #c49 img, #c49 video {
	width: 259px;
	height: 151px;
}
#c59 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c59 h3,
#c59 div {
	text-align: center;
}
#c25 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c25 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c25 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c25 > div:nth-of-type(1) img {
	width: 439px;
}
#c19 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c46 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c46 h2,
#c46 div {
	text-align: center;
}
#c44 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c41 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c41 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c41 > div.box {
	margin: 0 50px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}
#c41 > div:nth-of-type(1) img {
	width: 300px;
	height: 300px;
}
#c41 > div:nth-of-type(2) img {
	width: 500px;
}
#c58 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c58 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c58 > div.box {
	margin: 0 50px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}
#c58 > div:nth-of-type(1) img {
	width: 300px;
}
#c58 > div:nth-of-type(2) img {
	width: 500px;
}
#c57 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c57 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c57 > div.box {
	margin: 0 50px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}
#c57 > div:nth-of-type(1) img {
	width: 300px;
	height: 300px;
}
#c57 > div:nth-of-type(2) img {
	width: 500px;
}
#c61 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c61 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c61 > div.box {
	margin: 0 50px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}
#c61 > div:nth-of-type(1) img {
	width: 300px;
	height: 300px;
}
#c61 > div:nth-of-type(2) img {
	width: 500px;
}
#c62 {
	clear: both;
	background-color: #ffffff;
	margin:    ;
	padding:    ;
}
#c62 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c62 > div.box {
	margin: 0 50px 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}
#c62 > div:nth-of-type(1) img {
	width: 300px;
	height: 300px;
}
#c62 > div:nth-of-type(2) img {
	width: 500px;
}
#c43 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c50 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c54 {
	clear: both;
	margin: 20 50 20 50;
	padding: 20 20 20px 0;
}
#c54 h2,
#c54 div {
	text-align: center;
}
#c52 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c52 dl dt {
	border-color: #ffffb7;
	width: 20%;
}
#c52 dl dd {
	border-color: #ffffff;
	width: 80%;
}
#c53 {
	clear: both;
	margin:   50 ;
	padding:    ;
	width: 1000;
}
#c53 a.itext, #c53 img, #c53 video {
	width: 30px;
	height: 30px;
}
#c53 h3,
#c53 div {
	text-align: left;
}
#c55 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c55 a.itext, #c55 img, #c55 video {
	width: 30px;
	height: 30px;
}
#c55 h3,
#c55 div {
	text-align: left;
}
#c51 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c28 {
	clear: both;
	background-color: var(--light-orange);
	margin:    ;
	padding:    ;
}
#c32 {
	clear: both;
	margin: 20  20 ;
	padding: 20 20 20px 0;
}
#c32 h2,
#c32 div {
	text-align: center;
}
#c31 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c31 h3,
#c31 div {
	text-align: left;
}
#c33 {
	clear: both;
	margin:    ;
	padding: 100  100 ;
}
#c30 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c30 dl dt {
	width: 20%;
}
#c30 dl dd {
	width: 80%;
}
#c29 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
}
#c3 {
}
#c11 {
	display: none;
}
#c36 {
}
#c35 {
	width: auto;
	max-width: 100%;
}
#c5 {
}
#c37 {
}
#c4 {
}
#c40 {
}
#c47 {
	display: none;
}
#c6 {
}
#c20 {
}
#c17 {
	display: none;
	padding: 0 0 15px 0;
}
#c38 {
}
#c38 {
}
#c39 {
}
#c39 {
}
#c26 {
	display: none;
}
#c26 {
}
#c34 {
	display: none;
}
#c34 {
}
#c18 {
	display: none;
}
#c18 {
}
#c24 {
	display: none;
}
#c21 {
}
#c16 {
}
#c27 {
	display: none;
}
#c45 {
	padding: 0 0 15px 0;
}
#c56 {
}
#c60 {
	display: none;
}
#c48 {
	margin: 20 50 20 50;
	padding: 0 0 15px 0;
}
#c64 {
	margin: 20 50 20 50;
	padding: 0 0 15px 0;
}
#c63 {
	margin: 20 50 20 50;
	padding: 0 0 15px 0;
}
#c22 {
	padding: 0 0 15px 0;
}
#c49 {
	display: none;
	padding: 0 0 15px 0;
}
#c59 {
}
#c25 {
	display: none;
}
#c25 {
}
#c19 {
}
#c42 {
}
#c46 {
	padding: 0 0 15px 0;
}
#c44 {
	display: none;
}
#c41 {
}
#c41 {
}
#c58 {
}
#c58 {
}
#c57 {
}
#c57 {
}
#c61 {
}
#c61 {
}
#c62 {
}
#c62 {
}
#c43 {
}
#c50 {
}
#c54 {
	padding: 0 0 15px 0;
}
#c52 {
	display: none;
}
#c53 {
	width: auto;
	max-width: 1000;
}
#c55 {
}
#c51 {
}
#c28 {
}
#c32 {
	padding: 0 0 15px 0;
}
#c31 {
}
#c33 {
}
#c30 {
	display: none;
}
#c29 {
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c3 {
}
#c11 {
	display: none;
}
#c36 {
}
#c35 {
	width: 100%;
}
#c5 {
}
#c37 {
}
#c4 {
}
#c40 {
	display: none;
}
#c47 {
	display: block;
}
#c6 {
}
#c20 {
}
#c17 {
	display: none;
	padding: 0 0 15px 0;
}
#c38 {
}
#c38 {
}
#c39 {
}
#c39 {
}
#c26 {
	display: none;
}
#c26 {
}
#c34 {
	display: none;
}
#c34 {
}
#c18 {
	display: none;
}
#c18 {
}
#c24 {
	display: none;
}
#c21 {
}
#c16 {
}
#c27 {
	display: none;
}
#c45 {
	padding: 0 0 15px 0;
}
#c56 {
	display: none;
}
#c60 {
	display: block;
}
#c48 {
	margin: 10 50 10 50;
	padding: 0 0 15px 0;
}
#c64 {
	margin: 10 50 10 50;
	padding: 0 0 15px 0;
}
#c63 {
	margin: 10 50 10 50;
	padding: 0 0 15px 0;
}
#c22 {
	display: none;
	padding: 0 0 15px 0;
}
#c49 {
	display: block;
	padding: 0 0 15px 0;
}
#c59 {
}
#c25 {
	display: none;
}
#c25 {
}
#c19 {
}
#c42 {
}
#c46 {
	padding: 0 0 15px 0;
}
#c44 {
	display: none;
}
#c41 {
}
#c41 {
}
#c58 {
}
#c58 {
}
#c57 {
}
#c57 {
}
#c61 {
}
#c61 {
}
#c62 {
}
#c62 {
}
#c43 {
}
#c50 {
}
#c54 {
	padding: 0 0 15px 0;
}
#c52 {
	display: none;
}
#c53 {
	width: 100%;
}
#c55 {
}
#c51 {
}
#c28 {
}
#c32 {
	padding: 0 0 15px 0;
}
#c31 {
}
#c33 {
}
#c30 {
	display: none;
}
#c29 {
}
}