@charset "UTF-8";


body {
	margin:0;
	padding:0;
font-size:16px; 
font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
font-weight: 300;
line-height:1.5;
color:#000;
box-sizing: border-box;
}



a{
	text-decoration: none;
	border:none;
    color:#ff4b7a;
}

a:hover {opacity: 0.6;
  filter: alpha(opacity=60);}

a:hover img{
	opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}



.pc{display: block;}
.smp{display:none;}

h1,h2,h3{margin:0; padding:0}
p{margin:1em 0;}

.caption{font-size:10px; background: #fff;}


#share{width:80%; max-width: 768px;  margin:2em auto; text-align: center;}

.page_top{
	position:fixed;
	bottom:20px;
	right:-30px;
}

.page_top img{width:140px; height:auto;}


.contents_box{width:94%; max-width:960px; margin:2em auto;}

.mochikomi{margin:1em auto; width:90%;}

.mochikomi_title{text-align:center; color:#006598; font-size:1.6em;}
h1.mochikomi_title{background: #d4f1ff;}

.mag-catchcopy{color:#ff114f; font-size:1.4em;
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
left: 0;
  right: 0;
  margin: auto;
    font-weight: bold;
}

.mag-catchcopy:before, .mag-catchcopy:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.mag-catchcopy:before {
  border-left: solid 3px #ffb5e4;
  border-top: solid 3px #ffb5e4;
  top:0;
  left: 0;
}

.mag-catchcopy:after {
  border-right: solid 3px #ffb5e4;
  border-bottom: solid 3px #ffb5e4;
  bottom:0;
  right: 0;
}


.mochikomi h2{text-align:center;
    color:#006598; 
    font-size:1.4em; 
    margin:0; padding:6px;
    background:#d4f1ff;
    border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding:10px 0}

.mochikomi h3{font-size:1.2em; padding-bottom:0; color:#000; margin:1em}

.mochikomi section{
    border:1px solid #ffb5e4; border-radius: 8px; padding :0; margin:1em auto; color:#333; font-size:16px; line-height:1.6em;}

.mochikomi section p{margin:1em}

.mochikomi a.entry{border-radius: 18px; 
    color:#fff; 
    padding:6px 12px; text-decoration: none;  
    text-align: center; font-size:1.4em; 
    display: block; margin:5px auto; 
    font-weight: 700;
    background: #ff114f; }

ul.list{list-style-position: inside;　margin:1em; padding:0;}
ul.list li{border-bottom:dotted 2px #ffb5e4; padding:.5em;}

.mag_back_link{display: block; text-align: center; margin:1em auto; font-size:1.2em; border:solid 1px #ffb5e4; padding:5px;}

.attention{text-align: center; font-size:.9em; background: #ff9; padding:5px; color:#c00;}



@media screen and (max-width: 480px){
 

body{font-size:14px;}

.pc{display: none;}
.smp{display:block;}
    

#header h1{width:100%; padding:1em 0 0 0;}    

#header h1 img{display:block; width:85%; height:auto; margin:auto;} 
    
#header{width:100%; }
    
}
    


@media screen and (max-width: 320px){

}


#home{text-align: center; height:60px;}

#home a{display: inline-block; margin-top:18px}



footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #999;
	width: 100%;
	text-align: center;
    background: #fff;
}
  @media screen and (min-width: 768px) {
    footer {
      width: 100%;
      margin: -2px auto 0; } }
  @media screen and (max-width: 767px) {
    footer {
      margin-top: -2px; } }
  footer .footer_nav {
	background-color: #fff;
}
    footer .footer_nav ul {
      text-align: center;
      padding: 15px 0; }
      footer .footer_nav ul li {
        display: inline-block;
        font-size: 13px;
        padding: 0 10px;
        border-left: 1px solid #666; }
        footer .footer_nav ul li:last-child {
          border-right: 1px solid #666; }
        @media screen and (max-width: 767px) {
          footer .footer_nav ul li:nth-child(1) {
            margin-bottom: 10px; }
          footer .footer_nav ul li:nth-child(2) {
            margin-bottom: 10px;
            border-right: 1px solid #666; } }
        footer .footer_nav ul li a {
	color: #666;
	text-decoration: none;
	cursor: pointer;
}

  footer .copyright {
    font-size: 9px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }