@charset "UTF-8";

/* jquery mobile 対応策 */
.ui-body-a .ui-link {
/*    font-weight: normal;*/
}

.ui-body-a, .ui-overlay-a{
text-shadow: none;
color: #000;
line-height:1.7em;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	/*font-size: 100%;*/
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}

.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}

.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}

.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_40{padding-bottom:40px;}

.L { float: left;}
.R { float: right;}

.lh_0 {
	line-height:0;
}


/* common */

/*body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:17px;
  background-color:#e9e9e9;}*/
a:hover img{ opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";}
img{ vertical-align:bottom;
  font-size:0;}


/* div mv,contents,sns,chapter,links */

div.mv{ width:1000px; /* sp 100% */
  clear:both;
  overflow:hidden;
  margin:0 auto;}
div.mv img{ width:100%; }
div.contents{ background-color:#ffffff;
  clear:both;
  overflow:hidden;
  width:900px; /* sp auto */
  border:#00acc2 solid 10px;
  border-width:0 10px 10px 10px; /* sp 0 2% 10px 2% */
  margin:0 auto;
  padding:0 40px; /* sp 0 3% */
  padding-bottom:100px; /* sp 50px */}
div.sns{ margin-top:15px;
  width:100%;
  text-align:right; /* sp center */}
div.chapter{ margin-bottom:30px;
  overflow:hidden;
  clear:both;}
div.links{ margin:30px 0;
  overflow:hidden;
  clear:both;
  width:100%;
  text-align:center;}


/* div line,box,bukken */

div.line{ clear:both;
  margin-top:20px;
  overflow:hidden;}
div.box{ float:left; /* sp none */
  margin-right:10px; /* sp 0 */
  margin-bottom:0; /* sp 10px */
  overflow:hidden;}
div.box:last-child{ margin-right:0;
  margin-bottom:0;}
div.box img{ width:100%; }
div.box1{ width:900px; /* sp 100% */ }
div.box2in1{ width:445px; /* sp 100% */ }
div.box3in1{ width:293px; /* sp 100% */ }
div.box3in1_double{ width:596px; /* sp 100% */ }
div.box3in1_double img{ width:293px; /* sp 100% */
  margin-bottom:0; /* sp 5px */}
div.box2in1_double{ width:900px; /* sp 100% */
  margin-right:0; /* sp 100% */}
div.box2in1_double img{ width:445px; /* sp 100% */
  margin-bottom:0; /* sp 5px */}
div.box3free_left{ width:265px; /* sp 100% */
  margin-right:10px; /* sp 0 */
  margin-bottom:0; /* sp 10px */
  float:left; /* sp none */}
div.box3free_top{ float:none;
  margin-bottom:10px;
  margin-right:0;}
div.box3free_bottom{ float:none; }
div.bukken{ border:#00acc2 solid 5px;
  padding:15px 30px; /* sp 15px 15px */
  margin-bottom:10px;
  font-size:17px;
  line-height:1.6em;
  overflow:hidden;}


/* p,img,span,a */

p.summary{ font-size:20px;
  font-weight:bold;
  color:#ffffff;
  background-color:#00acc2;
  padding:5px 10px;
  margin-bottom:15px;}
p.lead{ margin-bottom:15px;
   /*font-size: 100%;*/
   font-size: 17px;
}
p.summary2{ font-size:25px;
  font-weight:bold;
  margin-bottom:10px;}
p.caption{ font-size:15px;
  text-align:center;
  margin-top:5px;}
p.blueframe{ border:#00acc2 solid 5px;
  padding:10px;
  font-size:17px;
  line-height:1.8em;}
p.notice{ font-size:18px;
  font-weight:bold;
  background-color:#00acc2;
  color:#ffffff;
  float:left;
  padding:5px;}
p.blueframe70center{ width:70%; /* sp auto */
  text-align:center;
  margin:0 auto;}
a.bold{ font-weight:bold; }
img.sns_img{ width:50%; /* sp 70% */ }
img.chapter_img{ width:100%; }
img.left{ float:left; /* sp none */
  margin-right:30px; /* sp 0 */
  width:40%; /* sp 100% */}
div.box2in1 img.fukidashi{ float:right;
  width:360px;
  margin-top:20px;}
span.bg_ffff00{ background-color:#ffff00; }
a.buttonlink:first-child{ margin-right:10px; /* sp 0 */
  font-size:0;}
a.buttonlink img, a.tellink img{ margin-bottom:15px;
  width:auto; /* sp 100% */}




@media screen and (min-width:641px){ 
  /* common */
  .sp{ display:none; }
  
  }

@media screen and (max-width:640px){ 
/* jquery mobile 対応策 */
#post-72325 .page{
display: none;
}

  /* common */
  .pc{ display:none; }
  
  /* mv,contents */
  div.mv{ width:100%; /* sp 100% */ }
  div.contents{ width:auto; /* sp auto */
    border-width:0 2% 10px 2%; /* sp 0 2% 10px 2% */
    padding:0 3%; /* sp 0 3% */
    padding-bottom:50px; /* sp 50px */}
  div.sns{ text-align:center; /* sp center */ }
  
  /* line,box */
  div.box{ float:none; /* sp none */
    margin-right:0; /* sp 0 */
    margin-bottom:20px; /* sp 10px */}
  div.box1{ width:100%; /* sp 100% */ }
  div.box1center{ width:100%; /* sp 100% */ }
  div.box2in1{ width:100%; /* sp 100% */ }
  div.box3in1{ width:100%; /* sp 100% */ }
  div.box3in1_double{ width:100%; /* sp 100% */ }
  div.box3in1_double img{ width:100%; /* sp 100% */
    margin-bottom:5px; /* sp 5px */}
  div.box2in1_double{ width:100%; /* sp 100% */
    margin-right:100%; /* sp 100% */}
  div.box2in1_double img{ width:100%; /* sp 100% */
    margin-bottom:5px; /* sp 5px */}
  div.box3free_left{ width:100%; /* sp 100% */
    margin-right:0; /* sp 0 */
    margin-bottom:20px; /* sp 10px */
    float:none; /* sp none */}
  div.bukken{ padding:15px 15px; /* sp 15px 15px */ }
  
  /* p,img,span */
  p.blueframe70center{ width:auto; /* sp auto */ }
  img.sns_img{ width:80%; /* sp 70% */ }
  img.left{ float:none; /* sp none */
    margin-right:0; /* sp 0 */
    width:100%; /* sp 100% */}
  a.buttonlink:first-child{ margin-right:0; /* sp 0 */ }
  a.buttonlink img, a.tellink img{ width:100%; /* sp 100% */ }
  
  
  
  
  }

/* SNS対応 */
.smb {
    list-style: outside none none;
    display: block;
    position: relative;
    margin: 10px 0px 0px;
    padding: 0px;
    text-align: right;
}
.smb li {
    display: inline-block;
    position: relative;
    margin: 0px 1px 0px 0px;
    padding: 0px;
    vertical-align: top;
}
.smb li.twitter_button, .smb li.facebook_button, .smb li.evernote_button {
    margin: 0px;
}