﻿body{
margin:0;
}


/*###############################################################通常ﾍｯﾀﾞｰ##*/
header{
width:100%;
background-color:#FFEEFF;
border-bottom:solid 3px #cb5393}

header h1{
margin-bottom:3px;
margin-left:25px;
padding-top:5px;
font-family: 'Tangerine', cursive;
font-size:2em;
}

header p{
margin-top:0px;
margin-left:45px;
font-family: 'Amita', cursive;
font-size:1.5em;
}

/*******************************************************************************/
/**コンテナ********************************************************************/
div#container{
width:1100px;
border:solid 3px #e0e0e0;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:15px;
padding-left:50px;
padding-right:50px;
position:relative;
overflow:hidden;
-webkit-box-shadow:0px 0px 50px #bbbbbb;
boxshadow:0px 0px 50px #bbbbbb}

/***************************************メイン通常**********************************/
div#main{
width:1100px;
margin:0;
padding:0}
/*******************************************************************************/
/**コンテンツ*****************************************************コンテンツ****/
article{
width:830px;
float:right;
margin-top:0px;
margin-bottom:65px;
display:inline}

article h1{
background-color:#de9610;
font-size:0.875em;
color:#ffffff;
line-height:28px;
padding-left:6px;
margin-top:0;
margin-bottom:0}


article h2{
background-color:#de9610;
font-size:0.875em;
color:#ffffff;
line-height:28px;
padding-left:6px;
margin-top:0;
margin-bottom0}

article h3{
background-color:#d16b16;
font-size:0.875em;
color:#ffffff;
line-height:23px;
padding-left:30px;
margin-top:0px;
margin-bottom:0}

article h4{
width:80%;
font-size:0.875em;
color:#9460a0;
line-height:23px;
padding-left:30px;
margin-top:20px;
margin-bottom:0;
border-bottom:dotted 3px #0074bf}




article p{
font-size:0.75em;
line-height:1.6em;
padding-left:5px;
padding-right:5px}

article p#message{
margin-left:auto;
margin-right:auto}

article section{
background-color:rgba(226,178,192,0.5);
border:solid 2px #e0e0e0;
margin:5px;
padding-top:0px
padding-bottom:10px;
padding-left:10px;
padding-right:10px}

article img{
width:100%;
height:auto;
margin-left:auto;
margin-right:auto}

/*#############################################################################*/
/*###############################################################通常フッター##*/
footer{
color:#888888;
margin-top:25px;
padding-top:8px;
padding-bottom:8px;
clear:both;
border-top:solid 1px #aaaaaa}

small{
font-size:0.75em;
font-style:nomal;
text-align:left;
display:block}

small::before{
content: 'Pink Rose';
display:block;
width:200px;
padding:10px 0;
background-color:#ff0080;
color:#ffffff;
font-family: 'Righteous' ,cursive;
font-size:16px;
text-align:center;
position:absolute;
right:0;
bottom:0;
-webkit-transform: rotate(-45deg) translate(62px,20px)}


figure{margin:0}/*画像の表示*/

/******************************************************************************1200px以下******************/
@media (max-width:1200px){

/*******************************************************************************/
/**コンテナ1200以下********************************************************************/
div#container{
width:100%;
border:solid 3px #e0e0e0;
margin-left:auto;
margin-right:auto;
padding-top:0px;
padding-left:5px;
padding-right:5px;
position:relative;
overflow:hidden;
-webkit-box-shadow:0px 0px 50px #bbbbbb;
boxshadow:0px 0px 50px #bbbbbb}

/********************************************************************************1200以下ﾍｯﾀﾞｰ******/
header{
width:100%;
background-color:#FFEEFF;
border-bottom:solid 3px #cb5393}

header h1{
margin-bottom:3px;
margin-left:5px;
padding-top:5px;
font-family: 'Tangerine', cursive;
font-size:1.5em;
}

header p{
margin-top:0px;
margin-left:8px;
font-family: 'Amita', cursive;
font-size:0.75em;
}

/*******************************************************************************/
/**メイン1200以下********************************************************************/
div#main{
width:800px;
margin-left:auto;
margin-right:auto;
padding:0}

/*******************************************************************************/
/**コンテンツ*****************************************************1200以下コンテンツ****/
article{
width:80%;
float:right;
margin:0}

article h1{
background-color:#de9610;
color:#ffffff;
line-height:28px;
padding-left:6px;
margin-top:0;
margin-bottom:0}

article section p{
color:#000000;
font-size:1.0em;
padding:5px;
margin-left:auto;
margin-right:auto}

article img{
width:100%;
height:auto;
margin-left:auto;
margin-right:auto}

article section p{
font-size:1.0em}


}/********************1200以下終了*********************************************************/

/*#############################################################################800px以下#################*/
@media (max-width:800px){

/*###############################################################800以下##*/
header{
width:100%;
background-color:#FFEEFF;
border-bottom:solid 3px #cb5393}

header h1{
font-size:1.5em;
padding-top:5px;
padding-left:3px;
margin-bottom:3px;
}

header p{
margin-top:0px;
padding-left:5px;
font-size:1.0em;
}

/*******************************************************************************/
/**コンテナ800以下********************************************************************/
div#container{
width:100%;
padding-top:0px;
padding-left:3px;
padding-right:3px;
margin-left:0;
margin-right:0;
position:relative;
overflow:hidden;
-webkit-box-shadow:0px 0px 5px #bbbbbb;
boxshadow:0px 0px 5px #bbbbbb}

/*******************************************************************************/
/**メイン800以下********************************************************************/
div#main{
width:100%;
margin-left:0;
margin-right:0;
margin-bottom:65px;
padding:0}

/*******************************************************************************/
/**コンテンツ800以下********************************************************************/


article{
width:100%;
margin:0;
clear:both}

article h2{
width:100%;
background-color:#de9610;
color:#ffffff;
padding-left:6px;
font-size:1.0em;
line-height:28px;
margin-top:10px;
margin-bottom:0}

article h3{
width:100%;
background-color:#de9610;
color:#ffffff;
padding-left:6px;
font-size:1.0em;
line-height:23px;
margin-top:30px;
margin-bottom:0}


article section p{
color:#000000;
font-size:1.0em;
padding:5px;
margin-left:auto;
margin-right:auto}



article img{
width:100%;
height:auto}


}/********************800以下終了*********************************************************/