/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
.article {
    font-size: 16px;
	line-height: 160%;
}

.article  p {
	margin: 20px 0;
}

.orange_box {
position: relative;
border: 1px solid #f9e111;
border-radius: 4px;
background-color: #FFFEF2;
padding: 0.5em 1.5em 0.5em 1em;
margin: 10px auto;
}
.pink_box {
position: relative;
border: 0px solid #ddd;
border-radius: 6px;	
-moz-border-radius: 6px;	
-webkit-border-radius: 6px;
background-color: #fff4f4;
padding: 1em 1em 1em 1.2em;
margin: 10px auto;
}

.yellow-line {
	background: linear-gradient(transparent 40%,#fff451 0%);
}
.pink-line {
	background: linear-gradient(transparent 40%,#ffd1f2 0%);
}
button.style-green {
    font-size: 1.2em;
    border-style: none;
    font-weight: bold;
    padding: 10px 35px;
background-color: #7fa62a;   
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    color: #fff;
}
 
button.style-green:hover {
    background-color: #2a7fa6;
    color: #fff;
}
button.style-rakuten {
    font-size: 1.2em;
    border-style: none;
    font-weight: bold;
    padding: 10px 35px;
background-color: #F7260B;   
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    color: #fff;
}
 
button.style-rakuten:hover {
    background-color: #FF4D91;
    color: #fff;
}

button.style-amazon {
    font-size: 1.2em;
    border-style: none;
    font-weight: bold;
    padding: 10px 35px;
background-color: #FFA126;   
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    color: #fff;
}
 
button.style-amazon:hover {
    background-color: #FFC900;
    color: #fff;
}