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

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

contents

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

/* color */
.titleArea h2,
.titleArea ul li a,
.ttlStep,
.gotop a{
	background-color: #7e73cf;
}
.mainArea h3{
	color:#7e73cf;
	border-bottom:4px solid #7e73cf;
}
.mainArea h4{
	border-left:10px solid #7e73cf;
}
.priceArea table th{
	background-color: #e9e8f3;
}

/* mainArea */
.mainArea h3 span{
	font-size:0.8em;
}
.mainText{
	font-size:1.3em;
}
.mainText strong{
	font-weight:normal;
	font-size:1.2em;
}
.mainPhoto{
  display: flex;
  margin: 0 0 20px!important;
}
.mainPhoto p{
  width: 200px;
}
.mainPhoto p:first-child{
  margin-right: 20px;
}
.mainPhoto p img{
  width: 100%;
}

/* titleText */
.titleText section{
	height:auto;
}
.titleText section h4{
	display:block;
	width:100%;
}
.titleText section p{
	float:left;
}

.mainArea ol{
	margin-top:10px;
}
.titleText ol li,
.mainArea ol li{
	font-size:0.9em;
	text-indent:-1em;
	padding-left:1em;
}


/* photoDvd */
.photoDvd{
  display: flex;
  flex-flow: wrap;
}
.photoDvd p{
  margin-top: 20px;
  width: calc((100% / 3) - 16px)
}
.photoDvd p img{
  width: 100%;
}
.photoDvd p:not(:nth-child(3n+1)){
  margin-left: 24px;
}

/* priceArea */
.priceArea strong{
	font-size:1.3em;
	font-weight:normal;
}
/* stepInfo */
.stepInfo{
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
}
.stepInfo strong{
	font-size:1.8em;
	font-weight:normal;
	padding-right:15px;
}
/* stepDl */
.stepDl a{
	color:#fff;
	background-color:#ed7fa4;
	padding:10px 25px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.stepDl a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* makeData */
.makeData{
  border: none!important;
}
.makeData section{
  margin-top: 15px;
}
.makeData section h5{
  font-size: 1em;
  font-weight: bold;
  border-left: 8px solid #ddd;
  padding-left: 5px;
  line-height: 120%;
  margin-bottom: 5px;
}
.makeData section p.pdflink a{
  text-decoration: underline;
}
/* PC */
@media screen and (min-width:769px) {
/* titleText */
.titleText section{
	margin:0 0 10px;
}
.titleText section h4{
	margin:25px 0 10px;
}
.titleText section p{
	margin:0 20px 0 0;
}
/* stepInfo */
.stepInfo{
	padding:0 0 0 40px;
}
/* stepDl */
.stepDl{
	margin:10px 0 20px 40px;
}
/* stepAdd */
.stepAdd{
	padding:0 0 0 40px;
}
/* makeData */
.makeData{
	margin-left: 40px!important;
}
}
/* Tablet */
@media screen and (max-width:768px) {
/* titleText */
.titleText section{
	
}
.titleText section h4{
	margin:15px 2% 5px;
}
.titleText section p{
	width:29%;
	margin:0 2% 5px;
}

/* stepInfo */
.stepInfo img{
	width:50%;
}

.stepDl a{
	display:block;
	text-align:center;
	margin:5px 10px;
}

.stepArea .stepInfo{
	margin-top:10px;
	text-align:center;
}
.stepArea .stepAdd{
	text-align:center;
}
}







/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.photoDvd p{
  margin-top: 10px;
  width: calc((100% / 2) - 5px);
}
.photoDvd p:not(:nth-child(3n+1)){
  margin-left: 0;
}
.photoDvd p:not(:nth-child(2n+1)){
  margin-left: 10px;
}
}