@charset "utf-8";


html{
font-size:62.5%;
}
body{
/* background→site1.css、site2.css */
font-size:1.4rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222;
margin: 0;
line-height:2.4rem;
-webkit-text-size-adjust: none;
}


/* リンク */
a{
color:#395CA4;
text-decoration:none;
}
a:hover, 
#detailedmenuTTL h4 a:hover,
#detailedmenu li a:hover,
#detailedmenu li.ttl_detail a:hover{
color:#f30;
}
a:active, a:focus{
outline:0;
}

/* テキスト装飾 */
.b_red{
font-weight:bold;
color:#EE3300;
}
.imptnt{
color:#FFF;
background-color:#E94319;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.komokuBLU{
color:#FFF;
background-color:#395CA4;
padding:1px 10px;
margin:0 5px 0 -12px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.komokuYEL{
border:solid 1px #FFD351;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:1.2rem;
font-weight:bold;
}

.redb{
	color:#f00;
}
.center{
text-align:center;
}
.center2{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.rubi{
font-size:70%;
}
.txt_Sblk{
font-size:1.2rem;
line-height:1.5rem;
display:block;
}
.txt_b{
font-weight:bold;
}
.txt_s{
font-size:80%;
}
.txt_red{
color:#F00;
}
.txt_blu{
color:#2455B9;
}
.txt_30{
font-size: 3.0rem; 
}
.tbl_txt1{
margin-left:20px;
margin-bottom:20px;
line-height:1.6rem;
}
.kakoi1{
background-color:#EDF2FC;
padding:10px 20px;
}
.kakoi2{
background-color:#F7F7F7;
padding:10px 20px;
}
.middle{
vertical-align:middle;
}
.sup{
font-size:60%;
vertical-align: top;
position: relative;
top: -0.2em;
}
.sub{
font-size:60%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}
.br{
display:block;
}
.br3{
}/* 縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
.br4{
display:block;
}
.br5{
display:none;
}
.img_right{
float:right;
padding:10px 0 0 15px;
}

/* 全体 */
#wrapper{
margin:0 auto;
padding:0 1%;
max-width:1000px;
position:relative;
}
.inner{
margin:0 auto;
width:100%;
}
.TOP_cnt{
margin-top:30px;
}
.mTOP{
margin-top:40px;
}
.mTOP10{
margin-top:10px;
}
.mTOP20{
margin-top:20px;
}
.mTOP-7{
margin-top:-7px;
}
.mTOP-30{
margin-top: -30px;
}
.mBTM{
margin-bottom:40px;
}
.mBTM-10{
margin-bottom:-10px;
}
.mLR{
margin:0 10px;
}
.pTOP-10{
padding-top:-10px;
}
p.left20{
margin-left:20px;
}
.bnr{
    margin-top:10px;
    margin-bottom:-10px;
}


/* ヘッダ
--------------------------------*/
#header{ /* →site1.css、site2.css
background-color:
overflow:hidden;
padding:0;
height:*/
}

/* * html #header{height:1%;}*/

/* ロゴ */
nav h1{ /* →site1.css、site2.css
float:left;
line-height:0;*/
}
nav h1 a{ /* →site1.css、site2.css
display:block;
padding:15px 0 15px 10px;*/
}

/* ヘッダメニュー(トップページ)
--------------------------------*/
#hdr_top_menu{
/*→site1.css、site2.css　ドロップダウンの為削除*/
}
#fade{
position:relative;
z-index: 5;
margin-right:50px;
margin-left:180px;
}
#fade li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin:0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width:130px;
  float:right;
  margin: 0;
  text-align: center;
  font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding:18px 10px;
  background: #fff;
  color:#00B7BF;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
z-index:200 !important;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background:#E5F8F8;
  border-top:solid 1px #4CCCD2;
  text-align:left;
}
.dropmenu li:hover > a{
  background:#4CCCD2;
  color:#FFF;
}
.dropmenu li ul li a:hover{
  background:#FFF;
  color:#00B7BF;
}



/* トグル
--------------------------------*/
/*#simple-menu{
background: #666;
padding: 50px 20px 20px 20px;
text-decoration: none;
position:relative;
width:45px;
border-radius: 5px;
color: #fff;
display: block;
}
#simple-menu:hover{
background:#999;
}*/
/*rightMenu*/
#right-menu{
display:none;
}

/* ログインボタン
--------------------------------*/
.slidr_login{
display:block;
width:50px;
height:50px;
float:right;
}
.slidr_login a :hover{
opacity:0.5;
}


/* メイン画像→site1.css
--------------------------------
#main_bnr{
#main_bnr img{
.main_bnr_copy{*/


/* グリッド
--------------------------------*/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .gridWrapper{height:1%;}

.grid{
float:left;
}


/* トップ左コンテンツ、中央2列コンテンツ、中央1列コンテンツ
-------------------------------------------*/
.col_left{
margin:0 5px 15px;
}

/* ログイン前　左メニュー
会員の方、星薬会報
ul.col_left_cnt{ →site1.css 

バナーボタン
ul.col_left_bnr{ →site1.css */

/* ログイン後　左メニュー 
ul.ccol_left_cnt1{ →site2.css */

#sub .grid h3{
padding-left:5px;
font-size:1.9rem;
font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.gridWrapper img{
max-width:100%;
height:auto;
}


/* コンテンツ
--------------------------------*/
section.content{
clear:both;
padding:30px;
overflow:hidden;
/*background-color:#FFF; →site1.css、site2.css(.contentTOP.content2nd) */
}

* html section.content{
height:1%;
}

section.content p{
margin-bottom:5px;
}
section.content ul{
margin:5px 10px;
}
section.content li{
padding:5px 0;
}

h2.title{
display:inline-block;
padding:0;
margin:2px 2px 5px 0;
font-size:2.0rem;
color:#00B7BF;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}
p.more{
display:inline-block;
float:right;
font-size:1.3rem;
line-height:1.3rem;
}
p.more a{
display:block;
padding:2px 20px;
color:#FFF;
background-color:#4CCCD2;

}
p.more a:hover{
opacity:0.5;
}
h2.title_s{
padding:0 10px 6px 0;
margin:33px 2px 10px 0;
font-size:1.6rem;
color:#000;
font-family:"ヒラギノ丸ゴ ProN W3","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.title_ss{
padding:0 10px 6px 0;
margin:15px 2px 10px 0;
font-size:1.6rem;
color:#000;
font-family:"ヒラギノ丸ゴ ProN W3","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* デフォルト */
#ctn{
overflow:hidden;/*auto*/
position:static;
padding:0;
margin:0;
background:#fff;
}
#ctn h3{
display:block;
padding:0 0 15px 0;
margin:2px 2px 5px 0;
font-size:2.0rem;
color:#00B7BF;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}
#ctn h3 span{
font-size:70%;
display:block;
}
#ctn h4{
font-size:120%;
padding-top:2.0rem;
font-weight:bold;
}
#ctn h5{
font-weight:bold;
padding-top:0.5rem;
}

#ctn p.br2{
margin-bottom:1.2rem;
}

/* デフォルト リスト形式 */
#ctn_list{
overflow:auto;/*hidden*/
position:static;
padding:15px 20px 25px;
margin:7px 2px 2px;
background:#fff;
background-image:url(../img/list_04.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size:auto;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list section{
clear:both;
}
#ctn_list_last{
overflow:auto;
position:static;
padding:15px 20px 25px;
margin:7px 2px 2px;
background:#fff;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list_last h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list_last section{
clear:both;
}


/* リスト1 */
ul.list_1,
ul.list_1-1{
list-style-type:none;
width:100%;
padding-left:9px;
}
ul.list_1 li,
ul.list_1-1 li{
padding:2px 28px 0 0;
list-style-image:url(../img/list_1.png);
list-style-position:outside;
}
ul.list_1 li{
float:left;
}
ul.list_1 li a{
display:inline-block;
}
/* リスト1-1 */
ul.list_1-1 li{
}
ul.list_1-1 li a{
display:block;
}

/* リスト2 */
ul.list_2{
clear:both;
list-style-type:none;
width:100%;
padding-bottom:5px;
}
ul.list_2 li{
float:left;
padding:2px 20px 8px 0;
list-style-image:url(../img/list_2.png);
}
ul.list_2 li a{
display:inline-block;
}

/* リスト3 */
ul.list_3{
clear:both;
}
ul.list_3 li{
float:left;
list-style-type:none;
padding:5px 15px;
margin:0 5px 5px 0;
background-image:url(../img/btn_more.png);
background-repeat:no-repeat;
background-position:5px 12px;
background-color:#D7746F;

}
ul.list_3 li a{
color:#fff;
display:block;
}
ul.list_3 li a:hover{
color:#EBBAB7;
}

/* リスト4（数字） */
ul.list_4 li{
list-style-type:decimal;
list-style-position:outside;
margin-left:1.5rem;
padding-left: 0.5rem;
padding-top:1.0rem;
margin-top: -0.9rem;
}
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

/* リスト5（・） */
ul.list_5{
padding-left:15px;
}
ul.list_5 li{
list-style-type:circle;
list-style-position:outside;
}

/* リスト6 */
ul.list_6{
list-style-type:none;
width:100%;
padding-left:15px;
}
ul.list_6 li{
padding:5px 20px 10px 0;
list-style-image:url(../img/list_6.png);
list-style-position:outside;
}
ul.list_6 li a{
display:inline-block;
}

/* リスト（写真） */
ul.LST-pht{
padding-left:0;
}
ul.LST-pht li{
width: 31%;
margin:5px 1% 5px 0;
list-style:none;
display:inline-block;
}
ul.LST-pht li img{
width: 100%;
}
.LST-phtTXT{
margin: 0;
padding: 0 1px;
font-size: 1.3rem;
line-height: 1.3rem;
max-height:999999px;
}

/* ログイン・ログアウト・他 */
#ctn_lgn{
overflow:hidden;
position:static;
padding:5%;
margin:20px 2px;
background:#fff;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}


/* 見出し
--------------------------------*/
#headline{
/* background-color: site1.css、site2.css ;
background: site1.css;
color: site1.css、site2.css ;*/
padding:27px 0;
max-height:999999px;
}
#headline h2{
display:inline;
font-size:1.8rem;
line-height:2.2rem;
font-weight:bold;
padding:0 20px 0 10px;
/* color: site1.css、site2.css */
}
#headline ul{
display:inline;
}
#headline ul li{
display: inline;
background-image:url(../img/headline.png);
background-repeat:no-repeat;
background-position:0 4px;
margin:0 2px;
padding:0 10px 0 15px;
font-size:1.3rem;
}
#headline li a{
display:inline-block;
color:#FFF;
}
#headline li a:hover{
opacity:0.7;
}

/* 詳細メニュー
--------------------------------*/
#detailedmenu{
clear:both;
padding:30px 0 0 0;
margin:0;
text-align:center;
border-bottom:solid 1px #E5E5E5;
max-height:999999px;
}
#detailedmenu h3{
font-size:2.3rem;
line-height:2.3rem;
font-weight:bold;
padding:0 0 10px 20px;
text-align:left;
}
#detailedmenu ul{
padding:0;
margin:0;
}
#detailedmenu li{
display:inline;
margin:0 2px;
padding:0 9px;
font-size:1.5rem;
line-height:none;
}
#detailedmenu li a{
display:inline-block;
color:#333;
}
#detailedmenu li.ttl_detail{
border-bottom:solid 3px #395CA4;
font-weight:bold;
color:#395CA4;
}
#detailedmenu li.ttl_detail a{
font-weight:bold;
color:#395CA4;
}


img.frame,#gallery img{
border:4px solid #fff;
}

#gallery .gridWrapper{padding:0;}

#gallery img{
margin:5px;
}

section#gallery{
overflow:visible;}

/* テーブル
--------------------------------*/
.tbl_right{
text-align:right;
}
.tbl_left{
text-align:left;
}
.tbl_center{
text-align:center;
}
.display{
display:none;
}
p.tbl-th{
display:none;
}

/* テーブル */
table.tbl{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
}
table.tbl thead{
}
table.tbl th,
table.tbl td{
padding:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl th{
background:#F6F6F6;
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
}
table.tbl td{
vertical-align:middle;
}
table.tbl td span.tbl_ttl{
display: none;
}

/* テーブル0 */
table.tbl_0{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
text-align:center;
}
table.tbl_0 tbody tr{
cursor:pointer;
}
table.tbl_0 tbody tr:hover{
background:#E1EAFB;/*#D9E3F9*/
}
table.tbl_0 th,
table.tbl_0 td{
padding:15px 8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
display: table-cell;
vertical-align: middle;
}
table.tbl_0 thead th, table.tbl_0 thead td{
background:#E4E4E4;
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
font-weight:bold;
}
table.tbl_0 tbody th p{
font-weight:bold;
}
table.tbl_0 tbody:nth-child(odd){
background:#F4F4F4;
}

/* テーブル1 */
table.tbl_1{
border-collapse:collapse;
width:100%;
margin:0 auto;
}

table.tbl_1 th,table.tbl_1 td{
padding:5px;
border:1px solid #D6D6D6;
}

table.tbl_1 th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#F6F6F6;
}

/* テーブル2 */
table.tbl_2{
border-collapse:collapse;
width:100%;
margin:0 auto;
}
table.tbl_2 th,table.tbl_2 td{
padding:5px;
border:1px solid #D6D6D6;
}

table.tbl_2 th{
letter-spacing:1px;
white-space:nowrap;
background:#DDEFDA;
}

/* テーブル1_2 */
table.tbl_1_2{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
}
table.tbl_1_2 th, table.tbl_1_2 td{
padding:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
vertical-align:middle;
}
table.tbl_1_2 th{
background:#F6F6F6;
vertical-align:top;
}



/* このページのトップへ戻る
--------------------------------*/
#ftr_back{
clear:both;
overflow:hidden;
background-color:#EFEFEF;
font-weight:bold;
}
 * html #ftr_back{height:1%;}

#ftr_back p.home a{
float:right;
display:block;
height:20px;
/*background-image:url(../img/back_top.png);
background-repeat:no-repeat;
background-position:center left;
background-size:auto;
padding-left:15px;
*/
margin:0 10px 20px 0;
font-size:1.5rem;
color:#395CA4;
}
#ftr_back p.ftr_back a{
float:left;
display:block;
height:20px;
/*
background-image:url(../img/back.png);
background-repeat:no-repeat;
background-position:center left;
background-size:auto;
padding-left:15px;
*/
margin:0 0 20px 10px;
font-size:1.5rem;
color:#395CA4;
}
#ftr_back p a:hover{
color:#E35E5E;
}


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

#footer p{
text-align:center;
padding:12px 5px;
font-size:1.1rem;
color:#fff;
font-family: Verdana, "Droid Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top:solid 1px #99E2E5;
}

/* ページトップ
--------------------------------*/
#pageTop a{
background:#ccc;
padding:20px;
position:fixed;
bottom:20px;
right:20px;
}
#pageTop a::after{
position:absolute;
top:50%;
right:13px;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-6px;
border-top:4px solid #fff;
border-left:4px solid #fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#pageTop a:hover{
opacity:0.7;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:1000px){
#wrapper,.inner{
width:1000px;
padding:0;
}
#main{
float:right;
width:747px;
/*padding:→site2.css */
}
#sub{
float:left;
width:227px;
overflow:hidden;
/* padding: →site2.css */
}
#headline h2{
padding-left:8px;
}
.grid{
width:220px;
}
.col1{
float:left;
width:763px/*646px*/;
}
.col2{
float:left;
width:323px;
}
.col2_{
clear:both;
}
.col3{
width:940px;
}
#gallery .grid{
width:230px;
}
#subpage #sub .grid{
width:100%;
float:none;
padding-bottom:30px;
}
}


/*===============================================
  モニター幅899px以下
===============================================*/
@media only screen and (max-width:899px){
#wrapper,.inner{
width:100%;
padding:0;
}
.TOP_cnt{
margin-top:0;
}
#header .logo{
padding:0 5px;
}
#headline ul{
clear:both;
margin-left:10px;
}
.center2{
text-align:left;
}
.br4{
display:none;
}
.br5{
display:block;
}
.grid{
width:50%;
margin:2px 0;
float:none;
display:inline-block;
vertical-align:top;
}
.grid img{
margin-right:5px;
}
.col1{
width:100%;
}
.col2{
width:100%;
}
.col2_{
display:none;
}
#gallery .grid{
width:31%;
margin:0 1%;
padding:0;
}

#gallery .grid img{
float:none;
}
#sub .grid{
margin-bottom:20px;
width:48%;
margin-left:1%;
}
.display{
display:inline;
font-size:1.2rem;
padding:0 10px;
background-color:#909090;
color:#FFF;
margin-right:5px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
#ctn_index li.li2{
width:100%;
margin:0;
}
ul.LST-pht li{
width: 48%;
}
p.tbl-th{
display:inline-block;
border-radius:3px;
background-color:#D2D2D2;
font-size:1.2rem;
line-height:1.2rem;
padding:2px 5px;
}
table.tbl{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl thead{
display:none;
}
table.tbl tbody{
display: block;
}
table.tbl tbody tr{
display:block;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl tbody th,
table.tbl tbody td{
padding:5px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl tbody th{
white-space:nowrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl td{
width:100%;
}
table.tbl td span.tbl_ttl{
display: inline-block;
border:1px solid #D2D2D2;
background-color:#EFEFEF;
border-radius:3px;
padding: 0 5px;
margin-right: 5px;
}

table.tbl_0{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl_0 thead{
display:none;
}
table.tbl_0 tbody{
display: block;
}
table.tbl_0 tbody tr{
display:block;
padding:15px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_0 tbody th,
table.tbl_0 tbody td{
padding:1px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl_0 tbody th{
white-space:pre-wrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl_0 th, table.tbl_0 td{
text-align:left;
}
table.tbl_0 td{
width:100%;
}
table.tbl_history{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl_history tbody{
display: block;
}
table.tbl_history tbody tr{
display:block;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_history tbody th,
table.tbl_history tbody td{
padding:5px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl_history tbody th{
white-space:nowrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl_history td.history_none{
display:none;
}
.br3{
display:block;
}/* 縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
#footer{
padding:0;
}

#footer .grid{
float:none;
width:100%;
margin-bottom:5px;
text-align:center;
}
}


/*===============================================
  画面の横幅が768pxまで（iPad）
===============================================*/
@media only screen and (max-width:768px){
#header{/* →site1.css、site2.css
padding-bottom:0;*/
}
/*#hdr_top_menu,*/
.dropmenu{
display:none;
}
#right-menu{
padding:0;
position:absolute;
right:0;
top:0;
display:block;
}
#right-menu:hover img{
filter:Alpha(opacity=40);
-moz-opacity:0.7;opacity:0.7;
}
.slidr_login{
display:none;
}
.text {
position: absolute;
top: 60px;
right: 5px;
}
#ctn_index li.li3{
width:100%;
margin:0;
}
#univ{
padding:3px;
}
.img_right{
text-align:center;
float:none;
padding:0;
}
}


/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
.txt_Sblk{
display:inline;
}
#header .logo{
float:none;
display:inline;
text-align:center;
margin:0 auto;
padding:0 5px;
}
#header .logo a img{
padding:10px 0 1px 0;
}
#headline p.crnt2 a{
padding:5px 3px 0 3px;
}
#headline p.crnt{
padding:5px 5px 0 5px;
}
.hdr_info{
float:right;
}
#ctn_evnt ul li{
width:49%;
}
.grid{
width:100%;
}
.grid img{
float:none;
margin:20px auto 10px;
}
.col1{
float:none;
width:100%;
margin:0 0 20px;
}
.col2{
float:none;
width:100%;
margin:0 0 20px;
}
ul.LST-pht li{
width: 100%;
}

img.frame,#gallery img{
border-width:2px;
}

.alignleft,.alignright{
float:none;
display:block;
margin:0 auto 10px;
}

#sub .grid{
margin-bottom:20px;
width:98%;
}
#detailedmenu{
padding:15px 0 0 0;
}
#ctn_index li{
width:100%;
margin:0;
}
#ctn_index li a::after{
position:absolute;
top:50%;
right:15px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-8px;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#footer ul{
font-size:1.3rem;
padding:5px 0;
}
#footer ul li a{
padding:5px 0;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
#header{/* →site1.css、site2.css
max-width:480px;*/
}
#header .logo{
    position:relative;
padding:0 5px;
margin-right:18px;
}
#univ{
display:none;
}

article{
margin-top:15px;
}

#ctn{
padding:10px;
}

ul.list_1 li{
float:none;
}
ul.list_2 li{
float:none;
}
ul.list_3 li{
float:none;
}
#footer li{
float:none;
}

#pageTop a{
bottom:5px;
right:5px;
}
}