@charset "UTF-8";
/* Body */
html {font-size: 62.5%;}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
margin: 0px;
font-style: normal;
font-weight: lighter;
line-height:1.8;
font-size:1.8rem;
color:#666;
}
header,footer,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li {
margin:0;
padding:0;
}


/************************ goods_pr */
.goods_pr {
max-width:1000px;
margin:0 auto;
/********↑記事内に入れるのを考慮してサイズ制限*/

padding:30px 15px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
}

blockquote {
background:#EFEFEF;
padding:10px 15px;
font-style:italic;
font-weight: lighter;
line-height:1.8;
font-size:1.8rem;
}

/** float **/

.f_left {
float:left;
}
.f_right {
float:right;
}
.f_clear {
overflow:hidden;
}




/** sankaku **/
.header ,
.footer_banner {
position:relative;
border-radius:5px;
}
.header .sankaku {
width: 0;
height: 0;
border: 30px solid transparent;
position:absolute;
bottom:-70px;
left:10%;
}
div.no_01 .header .sankaku {
border-top: 50px solid #AEE0E8;
}
div.no_02 .header .sankaku {
border-top: 50px solid #A5E7C1;
}
div.no_03 .header .sankaku {
border-top: 50px solid #C3AFF4;
}
div.no_04 .header .sankaku {
border-top: 50px solid #F5CFE9;
}

.footer_banner .sankaku {
width: 0;
height: 0;
border: 30px solid transparent;
border-top: 50px solid #FFF;
position:absolute;
top:-4px;
left:15%;
}





/***************************************header **/
div .header {
box-sizing: border-box;
color:#FFF;
text-align:center;
}
div .header .area_title {
font-size:3.0rem;
font-weight:lighter;
letter-spacing:4px;
margin:0 0 20px 0;
padding:20px 0;
}

div.no_99  {
border-top:2px dotted #CCC;
padding:40px 0 0 0;
}


div.no_01 .header {
background-color:#AEE0E8;
}
div.no_02 .header  {
background-color:#A5E7C1;
}
div.no_03 .header  {
background-color:#C3AFF4;
}
div.no_04 .header  {
background-color:#F5CFE9;
}
div .header .area_title {

}
div.no_02 .header img {
width:30%;
max-width:400px;
height:auto;
position:absolute;
bottom:-20px;
right:-5%;;
}



div .box {
margin:0 auto;
padding:50px 10%;
overflow:hidden;
}
div .box dd.img {
text-align: center;
}
div .box img {
width:100%;
max-width:400px;
margin:0 auto;
}
div .image {
text-align:center;
}


div .box dl {
margin:0 0 70px 0;
}
div .box dt {
color:#333;
font-size:2.8rem;
font-weight:bold;
margin:0 0 15px 0;
}
div .box dd {
margin:0 0 30px 0;
}

/** table **/
div .box .table {
overflow:hidden;
border-bottom:1px solid #EFEFEF;
margin:0 0 30px 0;
}
div .box .tbale dt,
div .box .table dd {
}
div .box dd strong {
font-weight:bold;
}
div .box .table dt {
float:left;
width:25%;
font-size:26px;
letter-spacing:5px;
line-height:1.4;
}
div .box .table dd {
float:right;
width:75%;
font-size:20px;
}






/************************** footer */
.footer_banner .area_title {
color:#FFF;
text-align:center;
}

.footer_banner {
background-color: #B3B3B3;
padding:150px 20px;
margin-bottom: 0px;
background-image: url(../../maker/img/pattern.png);
background-repeat: repeat;
text-align:center;
}

.goods_pr a {
text-decoration: underline;
color: #0000ff;
}
.goods_pr a:link {
color: #0000ff;
}
.goods_pr a:visited {
color: #800080;
}
.goods_pr a:hover {
color: #0000ff;
}
.goods_pr a:active {
color: #ff0000;
}

.goods_pr a.button {
display:block;
text-decoration: none;
width: 300px;
font-size:25px;
margin-top: 40px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding:20px 10px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
border: 3px solid #FFFFFF;
color: #FFFFFF;
transition: all 0.3s linear;
border-radius:5px;
line-height:1.4;
background-color: transparent;
}
.goods_pr a.button:hover {
background-color: #FEFEFE;
color: #C4C4C4;
cursor: pointer;
}
.hidden {
display: none;
}