@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#222;
font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, "Noto Sans JP", "小塚ゴシック Pro", "Kozuka Gothic Pro", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}


#arweb_wrapper{
margin:0 20px;
padding:60px 0 30px 0;
}
p {font-size:100%;line-height:160%;margin:1em 0;}
.arweb_title{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.arweb_title img{width:50%;}
#arweb_wrapper h1{
margin:0;
padding:0 0 30px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
}
.arweb_mv{margin:0;padding:0;}
.arweb_mv img{width:100%;}
.arweb_mv_caption{
margin:0;
padding:20px 0 0 0;
font-size:90%;
line-height:160%;
color:#78787c;
}
#arweb_wrapper h2{
margin:0 0 30px 0;
padding:45px 0 15px 0;
font-size:130%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #c8c8c8;
}
.arweb_photo{
margin:30px 0 0 0;
padding:0;
}
.arweb_photo img{width:100%;}
.arweb_photo_caption{
margin:15px 0 0 0;
padding:0;
font-size:80%;
line-height:160%;
color:#78787c;
text-align:center;
}
.arweb_check{
margin:20px 0 15px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff9e9a;
}
.arweb_check span{font-size:130%;font-family:Arial, Helvetica, "sans-serif";}
.arweb_topspace{margin-top:45px;}
.arweb_pict{
margin:0;
padding:0;
}
.arweb_pict img{width:100%;}
.arweb_pict_caption{
margin:15px 0 0 0;
padding:0;
font-size:80%;
line-height:160%;
color:#78787c;
text-align:center;
}
.arweb_cmnt_top{
margin:20px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#ff2929;
font-family:Arial, Helvetica, "sans-serif";
}
.arweb_cmnt{
margin:0;
padding:0;
font-size:100%;
line-height:160%;
}
.arweb_link{
margin:30px auto 0 auto;
padding:0;
text-align:center;
}
.arweb_link a:link {color:#fff;text-decoration:none;transition:0.5s;}
.arweb_link a:visited {color:#fff;text-decoration:none;}
.arweb_link a:hover {color:#ff9e9a;background:#fff;none;transition:0.5s;filter:brightness(1.1);}
.arweb_btn {
width:100%;
margin:0;
padding:24px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
display:inline-block;
border-radius:8px;
position:relative;
background:#ff9e9a;
border:solid 1px #ff9e9a;
}
.arweb_btn:after {
font-size:100%;
position:absolute;
content:">";
font-size:16px;
font-weight:normal;
top:50%;
right:20px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
.arweb_caption{
margin:20px 0 0 0;
padding:0;
font-size:75%;
line-height:160%;
}
.arweb_writer_prf{
margin:30px 0 0 0;
padding:30px;
border:solid 1px #c8c8c8;
}
.arweb_writer_pict{
margin:0;
padding:0;
width:120px;
height:120px;
border-radius:50%;
overflow:hidden;
flex-shrink:0;
background:#f0f0f0;
display:flex;
align-items:center;
justify-content:center;
}
.arweb_writer_pict img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.arweb_writer_detail{margin:0;padding:0;}
.arweb_writer_name{
margin:15px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
color:#787878;
}
.arweb_writer_txt{
margin:0;
padding:0;
font-size:85%;
line-height:160%;
text-align:justify;
}
.arweb_copyright{
margin:30px 0 0 0;
padding:0;
font-size:80%;
line-height:150%;
text-align:right;
}
@media screen and (min-width:769px){
#arweb_wrapper{
width:790px;
margin:0 auto;
padding:45px 0;
}
p {font-size:16px;}
.arweb_title{margin:0 0 45px 0;}
.arweb_title img{width:300px;}
#arweb_wrapper h1{padding:0 0 40px 0;font-size:25px;}
.arweb_mv_caption{padding:40px 0 15px 0;font-size:15px;}
#arweb_wrapper h2{font-size:20px;}
.arweb_photo{margin:40px 0 0 0;}
.arweb_photo_caption{margin:20px 0 0 0;font-size:13px;}
.arweb_check{margin:30px 0 20px 0;font-size:18px;}
.arweb_check span{font-size:20px;}
.arweb_topspace{margin-top:60px;}
.arweb_pict_caption{margin:20px 0 0 0;font-size:13px;}
.arweb_cmnt_top{margin:30px 0 0 0;font-size:20px;}
.arweb_cmnt{font-size:16px;}
.arweb_link{width:400px;}
.arweb_btn {padding:20px 0;font-size:16px;}
.arweb_caption{margin:30px 0 0 0;font-size:12px;}
.arweb_writer_prf{
margin:30px 0 0 0;
padding:30px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.arweb_writer_detail{padding:0 0 0 30px;flex:1;}
.arweb_writer_name{margin:0 0 15px 0;font-size:15px;}
.arweb_writer_txt{font-size:14px;}
.arweb_copyright{font-size:12px;}
}


/*------------------------------ フッター ------------------------------*/

#footer{
margin:0;
padding:30px 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#fff;
background:#2e2e2e;
}
@media screen and (min-width:769px){
#footer{
margin:0;
padding:30px 0;
font-size:12px;
}
}



/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}

/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}

