<style type="text/css" href="red2.css" rel="stylesheet"><style type="text/css" href="red2.css" rel="stylesheet">/*  共通で使えるもの　-------------------------------------   */
*{ padding:0; margin:0; box-sizing:border-box; word-break:break-all;}
img{ max-width:100%;}

body {
text-align: center; /* center on ie */
width: 100%;
}
@media screen and (max-width:640px){
body{ text-align:left; padding:3%;}
}

#outer {
margin:0 auto;
padding:10px;
text-align: left;
width:960px;
font-family: "ＭＳ ゴシック", Osaka;
font-size:12px;
text-align:center;
background:#fde5db;
}
@media screen and (max-width:640px){
#outer {
width:100%;
font-size:12px;
text-align:left;
padding:5px;
}
}

#header {
width : 960px;
border:none;
text-align:center;
margin:0px auto;
}

#footer {
width : 960px;
height :100px;
text-align:center;
border:none;
clear:left;
/*	padding-top:30px; */
}

img { border:none }

a:link {
color: #00008b;
}

A:visited {                 /* 既に見たリンク */
color: #009999;
text-decoration: none;
}


table-waku {
table-layout : fixed;
width : 960;
border-color : #ff8040;
caption-side : left;
}

/* 感想 */
.comment td { 
width : 960px;
border-bottom: 2px solid gray; 
border-right: 2px solid gray; 
padding:20px 40px;
}

#mein {
width : 960;
background : #ffffff;
margin:0px auto;
border:none;
}


h1 {
color: #FFFFFF;
font-size: 12px;
}
@media screen and (max-width:640px){
h1{ text-align:center;}
h1 font{ color:#f26390;}
}

.catch{ background:url(boundaryimage/b-top4.jpg) center center no-repeat; background-size:100% 100%; padding:20px 60px; text-align:left;}
.catch ul{ margin:20px auto; padding:0; list-style:inside disc;}
.catch ul:last-child{ margin-bottom:0;}
.catch ul li{ padding:5px 0; margin:0; font-size:150%;}
.catch ul li strong{ color:rgba(250,0,0,1.00); font-weight:bold;}
@media screen and (max-width:640px){
.catch{ padding:12% 6%;}
.catch ul{ margin:10px auto;}
.catch ul li{ font-size:125%; padding:2px 0;}
}

@media print, screen and (min-width:641px){
.smp{ display:none !important;}
}
@media screen and (max-width:640px){
.pc{ display:none !important;}
*{ padding:0; margin:0; box-sizing:border-box; word-break:break-all;}
img{ max-width:100%;}
p{ text-align:left;}
table,td{ width:100%;}
td{ padding:1.5%;}
.content{ padding:3%;}
.form_table{ table-layout:fixed;}
.form_table td{ width:100%; display:block; padding:3%;}
input{ display:block; width:100%; font-size:16px; padding:1.5%;}

table.h_nav span{ display:none;}
table.h_nav p{ letter-spacing:-1em; font-size:1px;}
table.h_nav a{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:11px; width:50%; padding:1%; text-align:center;}
table.f_nav span{ display:none;}
table.f_nav p{ letter-spacing:-1em; font-size:1px;}
table.f_nav a{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:11px; width:50%; padding:1%; text-align:center;}
}
