/* ===== Webサイト全体のスタイル ===== */
/* html */
html {
  height: 100%;
}

/* body */
body {
  font-family: sans-serif;
  height: 100%;
  margin: 0;
}

/* h1見出し */
h1 {
  font-family: Verdana,sans-serif;/* フォントの種類 */
 color:#666;/* フォントの色 */
  font-size:100px;/* フォントの大きさ */
  font-weight:bold;
  text-shadow: 4px 4px 0px #eee, 5px 5px 0px #707070;
  text-align: center;/* 文字・画像を中央にそろえる */
  border-radius: 0px;/* 枠線の角丸 */
  padding: 10px;/* 内側の余白 */
  margin: 30px;/* 外側の余白 */
}

/* ===== ヘッダーのスタイル ===== */
/* ヘッダーの箱 */
header {
  background-image: url(img/woman-1853936_640.jpg);/* 背景画像 */
 background-size:cover;
  height: 450px;/* 高さ */
  padding-top: 180px;/* 上がわの余白 */
background-repeat:no-repeat;
  
}

/* 画像 */
.miryoku img {
  float: right;/* 画像や箱の回り込み */
}

.shop {
  background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 30px;
 height:500px;
}

.title {
font-family: Verdana,sans-serif;
color:#666;
font-size:45px;
font-weight:bold;
text-shadow: 4px 4px 0px #eee, 5px 5px 0px #707070;
}

.shop p {
  font-size: 18px;
  background-color: #ffffff;
  padding-left: 0px;
  border-radius: 30px;
  height: 250px;
}

.shop img {
  float: right;/* 画像や箱の回り込み */
}
/* ナビゲーションの箱 */
nav {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* リスト全体 */
nav ul {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* １つ１つのリスト */
nav li {
  display: inline-block;
  margin-right: 40px;
}

/* リンク */
nav a {
  color: #000000;
  text-decoration: none;
background-image:linear-gradient(to right, transparent 50%, #FFDDFF 50%);
background-position: 0 0;
  background-size: 200% auto;
 transition: 0.3s;
}

/* リンクにふれた時 */
nav a:hover {
  color: #663300;
 background-position: -100% 0;
}



.miryoku h2 {
  color: #fff5ee;
  border-color: #ffcc11;
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}

.miryoku1 {
margin: 20px 0;
font-size: 35px;
text-align:left;
font-weight:bold;
color: transparent;
background: repeating-linear-gradient( 90deg, #CC33FF 0, #00FFCC 100% );
-webkit-background-clip: text;	
padding-left:30px;
}

.miryoku p{
  font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 250px;
  padding-right:30px;
}	
.houhou{
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 30px;
}
.houhou1{
font-family: Verdana,sans-serif;
color:#666;
font-size:45px;
font-weight:bold;
text-shadow: 4px 4px 0px #eee, 5px 5px 0px #707070;
padding-left:30px;
}

.houhou p {
 font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 165px;
  padding-right:30px;	
}
.syudann {
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 0px;	
}
.syudann1 {
color: #FF8C00;
  background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
  font-size:35px;
  padding-left:30px;
}

.syudann p{
 font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 200px;
  padding-right:30px;	
}	

.syudann img{
float:right;
hight:375px;	
padding-right:30px;
	
}

.osusume {
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  margin-left: 0px;
}

.osusume1 {
font-family: Verdana,sans-serif;
color:#666;
font-size:45px;
font-weight:bold;
text-shadow: 4px 4px 0px #eee, 5px 5px 0px #707070;
padding-left:30px;
}
.osusume h6{
margin-left:0px;	
}

.osusume p {
 font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 200px;
  padding-right:30px;
}
.hyougo{
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 0px
}
.hyougo1 {
margin: 20px 0;
font-size: 35px;
text-align:left;
font-weight:bold;
color: transparent;
background: repeating-linear-gradient( 90deg, #C299FF 0, #FF69A3 100% );
-webkit-background-clip: text;	
padding-left:30px;
}  
.hyougo p {
font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 230px;
  padding-right:30px;	
}
.hyougo ul{
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px black;
border-bottom: solid 2px black;
font-size:18px;	
position: relative;
top: 10px;
left:-5px;
list-style-type: none	
}

.monndai{ 
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 0px
}

.monndai1 {
font-family: Verdana,sans-serif;
color:#666;
font-size:45px;
font-weight:bold;
text-shadow: 4px 4px 0px #eee, 5px 5px 0px #707070;
padding-left:30px;
	
}	

.monndai p {
font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 200px;
  padding-right:30px;	
}
.kannkyou{
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 0px	
}
.kannkyou1  {
margin-left: 30px ;
font-size: 35px;
text-align:left;
font-weight:bold;
color: transparent;
background: repeating-linear-gradient( 90deg, #99FF99 0, #90CAF9 100% );
-webkit-background-clip: text;
}	
.kannkyou p {
font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 200px;
  padding-right:30px;		
}	
.kaiketu {
background-color: #ffffff;/* 背景の色 */
  color: #000000;
  padding: 0px;
}	
.kaiketu1 {
margin-left: 30px ;
font-size: 35px;
text-align:left;
font-weight:bold;
color: transparent;
background: repeating-linear-gradient( 90deg, #FFAD90 0, #86F9C5 100% );
-webkit-background-clip: text;	
}	
.kaiketu p {
font-size: 18px;
  background-color: #ffffff;
  padding-left: 30px;
  height: 500px;
  padding-right:30px;	
}

.footer {
  text-align: center;
  background-color: #FFCCFF;
  color: #800000;
  hight:200px;
}