* {
margin: 0;
padding: 0;
}
body {
background-image: url(../images/backimg.gif);
background-attachment: fixed;
color: #333333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ",sans-serif;
font-size: 20px;
line-height: 1.5;
text-align: center;
}
#wrapper {
width: 100%;
}
header {
background: #ffffff;
padding: 10px;
}
header h1 {
color : #f499a0;
font-size: 20px;
margin: 0 auto;
text-align: right;
}
header p {
color: #333333;
font-size: 16px;
margin: -10px 50px 0 50px;
text-align: center;
}
header h2 {
color: #6eff29;
font-size: 20px;
margin: 0 auto;
text-align: left;
}
header .p2 {
color: #333333;
font-size: 16px;
margin: 5px 0;
}
h3 {
background: #ffc8cc;
color: #ffffff;
font-size: 20px;
padding: 10px 0;
}
/*---テンプレート------------------------------------------------------*/
#container {
background: #ffffff;
overflow: hidden;
margin: 0 auto;
}
#container #column1 {
background: #ffffff;
}
#container #column2 {
background: #f5ece2;
}
#container,
#container #column1,
#container #column2 {
padding: 10px;
}
#container p .txt-pc {
display: none;
}
div.explain {
clear: both;
font-size: 20px;
padding: 20px 0 0 0;
}
div.cover {
background: #f5ece2;
}
div.cover img{
margin: 30px 0px;
}
/*---カテゴリー トップ----------------------------------------------*/
.setout {
display: flex;
flex-wrap: wrap;
align-content: flex-end;
background: #edddcb;
padding: 10px 0;
}
.setout div {
background: #ffffff;
border-radius: 8px;
margin: 10px 5px;
padding: 8px 7px 1px 7px;
}
/*----------------------------------------------------------------------*/
img {
max-width: 100%;
}
p {
padding: 10px 0;
}
.breadcrumb {
padding:10px 0;
}
hr.line001 {
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #ffe4e1, #f499a0, #ffe4e1);
background-image: -moz-linear-gradient(left, #ffe4e1, #f499a0, #ffe4e1);
background-image: -ms-linear-gradient(left, #ffe4e1, #f499a0, #ffe4e1);
background-image: -o-linear-gradient(left, #ffe4e1, #f499a0, #ffe4e1); 
margin: 20px 0;
}
.Click {
color: #ff5976;
font-weight:bold;
}
p.site-logo img {
border: 8px #a9ecf3 solid;
}
/*----------------------------------------------------------------------*/
footer {
background: #f3f3f3;
border-top: 2px solid #d2d2d2;
padding: 10px 0;
}
.attention {
font-size: 16px;
}
#copyright {
font-size: 14px;
font-weight:bold;
text-align: center;
}
@media (min-width: 769px) {
header {
min-width: 920px;
}
#container {
width: 920px;
}
#container #column1 {
float: left;
width: 290px;
box-sizing: border-box;
}
#container #column2 {
float: left;
width: 630px;
box-sizing: border-box;
}
#container p .txt-pc {
display: inline-block;
}
#container p .txt-sp {
display: none;
}
footer {
min-width: 920px;
}
/* ** */}
@media screen and (min-width:920px) {
#wrapper {
width: 920px;
margin: 0 auto;
}
footer {
width: 940px;
margin: 0 auto;
}
/* ** */}