Share Code Quickly

What is Harigami?

Harigami is a simple source code sharing service. You can share source code by an URL which is issued after submission.
You can also run your source code online such as Python, Ruby, JavaScript and so on.
For free.Use for code review.
Preferences
ガンマ@駆け出しエンジニア MTF-RSI-MACROSS
Python
//@version=4
study("MTF-RSI-MACROSS", overlay=false)
src = close
RMA = input(20, minval=1, title="MA期間")
RMA2 = input(20, minval=1, title="MA期間2")
RMA3 = input(20, minval=1, title="MA期間3")
len = input(title='時間軸', type=input.resolution, defval="5")
len2 = input(title='時間軸2', type=input.resolution, defval="15")
len3 = input(title='時間軸3', type=input.resolution, defval="60")
res = input(defval=true, title="チェック=MTF表示")
res3 = input(defval=true, title="チェック=MTF表示2")
res5 = input(defval=true, title="チェック=MTF表示3")
res2 = res ? len : timeframe.period
res4 = res3 ? len2 : timeframe.period
res6 = res5 ? len3 : timeframe.period
length = input(14, minval=1, title="RSI期間")
length2 = input(14, minval=1, title="RSI期間2")
length3 = input(14, minval=1, title="RSI期間3")
price = close
rsi=rsi(price, length)
vrsi = security(syminfo.tickerid, res2, rsi)
smaRSI = sma(vrsi, RMA)
emaRSI = ema(vrsi, RMA)
vrsi2 = security(syminfo.tickerid, res4, rsi(price, length2))
smaRSI2 = sma(vrsi2, RMA2)
emaRSI2 = ema(vrsi2, RMA2)
vrsi3 = security(syminfo.tickerid, res6, rsi(price, length3))
smaRSI3 = sma(vrsi3, RMA3)
emaRSI3 = ema(vrsi3, RMA3)
sig1 = crossover(emaRSI , smaRSI)
sig2 = crossover(emaRSI2 , smaRSI2)
sig3 = crossover(emaRSI3 , smaRSI3)
sig4 = crossunder(emaRSI , smaRSI)
sig5 = crossunder(emaRSI2 , smaRSI2)
sig6 = crossunder(emaRSI3 , smaRSI3)
sig7 = emaRSI > smaRSI
sig8 = emaRSI2 > smaRSI2
sig9 = emaRSI3  > smaRSI3
p1 = plot(4, color=color.black, editable=false, trackprice=false)
p2 = plot(3, color=color.black, editable=false, trackprice=false)
p3 = plot(2, color=color.black, editable=false, trackprice=false)
p4 = plot(1, color=color.black, editable=false, trackprice=false)
fill(p1, p2, color=sig1 ? color.lime : na , title="短期GC", transp=20)
fill(p2, p3, color=sig2 ? color.lime : na, title="中期GC", transp=20)
fill(p3, p4, color=sig3 ? color.lime : na, title="長期GC", transp=20)
fill(p1, p2, color=sig4 ? color.red : na , title="短期DC", transp=20)
fill(p2, p3, color=sig5 ? color.red : na, title="中期DC", transp=20)
fill(p3, p4, color=sig6 ? color.red : na, title="長期DC", transp=20)
fill(p1, p2, color=sig7 ? color.lime : color.red , title="短期BG", transp=80)
fill(p2, p3, color=sig8 ? color.lime : color.red, title="中期BG", transp=80)
fill(p3, p4, color=sig9 ? color.lime : color.red, title="si長期BG", transp=80)
alertcondition(sig1, title="短LONG", message="短期L")
alertcondition(sig4, title="短SHORT", message="短期S")
alertcondition(sig2, title="中LONG", message="中期L")
alertcondition(sig5, title="中SHORT", message="中期S")
alertcondition(sig3, title="長LONG", message="長期L")
alertcondition(sig6, title="長SHORT", message="長期S")
pk-hangjing No title
Python
//@version=3
study('Moving Average 4Line', overlay=true)
emaOrSma = input(title="EMA or SMA?", defval="EMA", options=["EMA", "SMA"])
maPeriodFast_1 = input(title="MA Period Fast 1", type=integer, defval=25, minval=1, maxval=10000)
maPeriodFast_2 = input(title="MA Period Fast 2", type=integer, defval=75, minval=1, maxval=10000)
maPeriodSlow_1 = input(title="MA Period Slow 1", type=integer, defval=100, minval=1, maxval=10000)
maPeriodSlow_2 = input(title="MA Period Slow 2", type=integer, defval=200, minval=1, maxval=10000)
showPerfectOrder = input(title="Show Perfect Order?", type=bool, defval=true)
fast_1 = emaOrSma == "EMA" ? ema(close, maPeriodFast_1) : sma(close, maPeriodFast_1)
fast_2 = emaOrSma == "EMA" ? ema(close, maPeriodFast_2) : sma(close, maPeriodFast_2)
slow_1 = emaOrSma == "EMA" ? ema(close, maPeriodSlow_1) : sma(close, maPeriodSlow_1)
slow_2 = emaOrSma == "EMA" ? ema(close, maPeriodSlow_2) : sma(close, maPeriodSlow_2)
perfectOrderByUpTrend = fast_1[1] > fast_2[1] and fast_2[1] > slow_1[1] and slow_1[1] > slow_2[1] ? true : false
perfectOrderByDownTrend = fast_1[1] < fast_2[1] and fast_2[1] < slow_1[1] and slow_1[1] < slow_2[1] ? true : false
plot(fast_1, color=orange)
plot(fast_2, color=red)
plot(slow_1, color=blue)
plot(slow_2, color=green)
bgcolor(perfectOrderByUpTrend and showPerfectOrder ? green : white, transp=90, offset=-1)
bgcolor(perfectOrderByDownTrend and showPerfectOrder ? orange : white, transp=90, offset=-1)
pk-hangjing No title
Python
//@version=4

study(title="AWABI改 MTF")

source = hlc3
length = input(26, minval=1)
Rlen = input(title='時間軸', type=input.resolution, defval="15")
R2len = input(title='時間軸', type=input.resolution, defval="60")
R3len = input(title='時間軸', type=input.resolution, defval="240")
res = input(defval=true, title="チェック=MTF表示")
res2 = res ? Rlen : timeframe.period
res5 = res ? R2len : timeframe.period
res6 = res ? R3len : timeframe.period
multi = input(2.0, minval=0.001, title="シグマ", maxval=50)
len = input(14, minval=1, title="BBMAFAST")


//RSI
vrsi = security(syminfo.tickerid, res2, rsi(source, length))
// BB of RSI
res4 = res ? Rlen : timeframe.period
dev = security(syminfo.tickerid, res4, multi * stdev(vrsi, length))
basis = security(syminfo.tickerid, res4, wma(vrsi, length))
upper = basis + dev
lower = basis - dev
br = (vrsi - lower) / (upper - lower)
//RSI2
vrsi2 = security(syminfo.tickerid, res5, rsi(source, length))
// BB of RSI
res7 = res ? R2len : timeframe.period
dev2 = security(syminfo.tickerid, res7, multi * stdev(vrsi2, length))
basis2 = security(syminfo.tickerid, res7, wma(vrsi2, length))
upper2 = basis2 + dev2
lower2 = basis2 - dev2
br2 = (vrsi2 - lower2) / (upper2 - lower2)
//RSI3
vrsi3 = security(syminfo.tickerid, res6, rsi(source, length))
// BB of RSI
res8 = res ? R3len : timeframe.period
dev3 = security(syminfo.tickerid, res8, multi * stdev(vrsi3, length))
basis3 = security(syminfo.tickerid, res8, wma(vrsi3, length))
upper3 = basis3 + dev3
lower3 = basis3 - dev3
br3 = (vrsi3 - lower3) / (upper3 - lower3)


//RSI

//MA OF RSI
er = wma(br, len)
er2 = wma(br2, len)
er3 = wma(br3, len)
//COLOR

sig1 = br > er
sig2 = br2 > er2
sig3 = br3 > er3


p1 = plot(4, color=color.white, editable=false, trackprice=false)
p2 = plot(3, color=color.black, editable=false, trackprice=false)
p3 = plot(2, color=color.black, editable=false, trackprice=false)
p4 = plot(1, color=color.black, editable=false, trackprice=false)

fill(p1, p2, color=sig1 ? color.green : color.red, title="sig1", transp=20)
fill(p2, p3, color=sig2 ? color.green : color.red, title="sig2", transp=20)
fill(p3, p4, color=sig3 ? color.green : color.red, title="sig3", transp=20)
pk-hangjing No title
Python
//@version=4
study(title="天秤アラート", overlay=true)

ru = close[1] + tr[1]
rd = close[1] - tr[1]
haClose = (open + high + low + close) / 4
haOpen  = float(na)
haOpen := na(haOpen[1]) ? (open + close) / 2 : (nz(haOpen[1]) + nz(haClose[1])) / 2
haHigh  = max(high, max(haOpen, haClose))
haLow   = min(low, min(haOpen, haClose))

LONG = high > ru and close > open
SHORT = low < rd and close < open

switch = 0
setA = 0
setB = 0

if LONG and switch[1] == 0
    switch := 1
    setA := 1
    setB := 0
    setB
else
    if SHORT and switch[1] == 1
        switch := 0
        setA := 0
        setB := 1
        setB
    else
        switch := nz(switch[1], 0)
        setA := 0
        setB := 0
        setB

plotshape(setA, title="LONG", style=shape.labelup, text="L", color=color.white, textcolor=color.green, location=location.belowbar)
plotshape(setB, title="SHORT", style=shape.labeldown, text="S", color=color.white, textcolor=color.red, location=location.abovebar)
alertcondition(setA, title="LONG", message="LONG!")
alertcondition(setB, title="SHORT", message="SHORT!")
pk-hangjing No title
Python
//@version=4
study("自動平行チャネル", "短期中期", true, format.inherit)
period     = input(     300, "中期チャネル期間"       , input.integer, minval=3)
period2     = input(     100, "短期チャネル期間"       , input.integer, minval=3)
deviations = input(    2.0, "中期チャネル幅調整" , input.float  , minval=0.1, step=0.1)
deviations2 = input(    2.0, "短期チャネル幅調整" , input.float  , minval=0.1, step=0.1)
extendType = input("ON", "中期チャネル延長", input.string , options=["ON","OFF"])=="ON" ? extend.right : extend.none
extendType2 = input("ON", "短期チャネル延長", input.string , options=["ON","OFF"])=="ON" ? extend.right : extend.none
periodMinusOne = period-1
periodMinusOne2 = period2-1
///中期
Ex = 0.0, Ey = 0.0, Ex2 = 0.0, Exy = 0.0, for i=0 to periodMinusOne
    closeI = nz(close[i]), Ex := Ex + i, Ey := Ey + closeI, Ex2 := Ex2 + (i * i), Exy := Exy + (closeI * i)
ExEx = Ex * Ex, slope = Ex2==ExEx ? 0.0 : (period * Exy - Ex * Ey) / (period * Ex2 - ExEx)
linearRegression = (Ey - slope * Ex) / period
intercept = linearRegression + bar_index * slope
deviation = 0.0, for i=0 to periodMinusOne
    deviation := deviation + pow(nz(close[i]) - (intercept - slope * (bar_index[i])), 2.0)
deviation := deviations * sqrt(deviation / periodMinusOne)
startingPointY = linearRegression + slope * periodMinusOne
var line upperChannelLine = na  , var line medianChannelLine = na  , var line lowerChannelLine = na
line.delete(upperChannelLine[1]), line.delete(medianChannelLine[1]), line.delete(lowerChannelLine[1])
///短期
Ex3 = 0.0, Ey3 = 0.0, Ex4 = 0.0, Exy3 = 0.0, for i3=0 to periodMinusOne2
    closeI3 = nz(close[i3]), Ex3 := Ex3 + i3, Ey3 := Ey3 + closeI3, Ex4 := Ex4 + (i3 * i3), Exy3 := Exy3 + (closeI3 * i3)
ExEx3 = Ex3 * Ex3, slope3 = Ex4==ExEx3 ? 0.0 : (period2 * Exy3 - Ex3 * Ey3) / (period2 * Ex4 - ExEx3)
linearRegression3 = (Ey3 - slope3 * Ex3) / period2
intercept3 = linearRegression3 + bar_index * slope3
deviation3 = 0.0, for i3=0 to periodMinusOne2
    deviation3 := deviation3 + pow(nz(close[i3]) - (intercept3 - slope3 * (bar_index[i3])), 2.0)
deviation3 := deviations2 * sqrt(deviation3 / periodMinusOne2)
startingPointY3 = linearRegression3 + slope3 * periodMinusOne2
var line upperChannelLine3 = na  , var line medianChannelLine3 = na  , var line lowerChannelLine3 = na
line.delete(upperChannelLine3[1]), line.delete(medianChannelLine3[1]), line.delete(lowerChannelLine3[1])
///カラー
upperChannelLine  := line.new(bar_index - period + 1, startingPointY + deviation, bar_index, linearRegression + deviation, xloc.bar_index, extendType, color.lime, line.style_solid , 2)
medianChannelLine := line.new(bar_index - period + 1, startingPointY            , bar_index, linearRegression            , xloc.bar_index, extendType, color.lime, line.style_solid , 1)
lowerChannelLine  := line.new(bar_index - period + 1, startingPointY - deviation, bar_index, linearRegression - deviation, xloc.bar_index, extendType, color.lime, line.style_solid , 2)

upperChannelLine3  := line.new(bar_index - period2 + 1, startingPointY3 + deviation3, bar_index, linearRegression3 + deviation3, xloc.bar_index, extendType2, color.red, line.style_solid , 2)
lowerChannelLine3  := line.new(bar_index - period2 + 1, startingPointY3 - deviation3, bar_index, linearRegression3 - deviation3, xloc.bar_index, extendType2, color.red, line.style_solid , 2)
pk-hangjing No title
Python
study("EMA/SMA MTF BAND and PRICEACTION", overlay=true)
//Maband
A2 = security(tickerid, "1", sma(close, 100))//title='SMA5M'
B2 = security(tickerid, "1", sma(close, 300))//title='SMA15M'
C2 = security(tickerid, "1", sma(close, 600))//title='SMA30M'
D2 = security(tickerid, "1", sma(close, 1200))//title='SMA1H'
E2 = security(tickerid, "1", sma(close, 4800))//title='SMA4H'
A3 = security(tickerid, "1", ema(close, 100))//title='EMA5M'
B3 = security(tickerid, "1", ema(close, 300))//title='EMA15M'
C3 = security(tickerid, "1", ema(close, 600))//title='EMA30M'
D3 = security(tickerid, "1", ema(close, 1200))//title='EMA1H'
E3 = security(tickerid, "1", ema(close, 4800))//title='EMA4H'
//Mabandcolor
AL=plot(A2 , title='5MSMA', color=yellow,linewidth=1,transp=98)
BL=plot(A3 , title='5MEMA', color=yellow, linewidth=1,transp=98)
CL=plot(B2 , title='15MSMA', color=aqua, linewidth=1,transp=98)
DL=plot(B3 , title='15MEMA', color=aqua, linewidth=1,transp=98)
EL=plot(C2 , title='30MSMA', color=orange, linewidth=1,transp=98)
FL=plot(C3 , title='30MEMA', color=orange, linewidth=1,transp=98)
GL=plot(D2 , title='1HSMA', color=lime, linewidth=1,transp=98)
HL=plot(D3 , title='1HSMA', color=lime, linewidth=1,transp=98)
IL=plot(E2 , title='4HSMA', color=red, linewidth=1,transp=98)
JL=plot(E3 , title='4HEMA', color=red, linewidth=1,transp=98)
fill(AL,BL , title='5MBAND',color=yellow,transp=70)
fill(CL,DL , title='15MBAND',color=aqua,transp=70)
fill(EL,FL , title='30MBAND',color=orange,transp=70)
fill(GL,HL , title='1HBAND',color=lime,transp=70)
fill(IL,JL , title='4HBAND',color=red,transp=70)
//Priceaction
pctP = input(60, minval=1, maxval=99, title="カラカサ/トンカチの設定値")
pblb = input(2, minval=1, maxval=100, title="カラカサ/トンカチの期間")
pctS = input(5, minval=1, maxval=99, title="坊主の設定値")
spb = input(true, title="カラカサ/トンカチ")
ssb = input(true, title="坊主")
sib = input(true, title="はらみ足")
sob = input(true, title="包み足")
//PBar Percentages
pctCp = pctP * .01
pctCPO = 1 - pctCp
//Shaved Bars Percentages
pctCs = pctS * .01
pctSPO = pctCs
range = high - low
///PinBars
pBarUp() => spb and open > high - (range * pctCPO) and close > high - (range * pctCPO) and low <= lowest(pblb) ? 1 : 0
pBarDn() => spb and open < high - (range *  pctCp) and close < high-(range * pctCp) and high >= highest(pblb) ? 1 : 0
//Shaved Bars
sBarUp() => ssb and (close >= (high - (range * pctCs)))
sBarDown() => ssb and close <= (low + (range * pctCs))
//Inside Bars
insideBar() => sib and high <= high[1] and low >= low[1] ? 1 : 0
outsideBar() => sob and (high > high[1] and low < low[1]) ? 1 : 0
//PinBars
barcolor(pBarUp() ? lime : na,title="カラカサ/トンカチ上")
barcolor(pBarDn() ? red : na,title="カラカサ/トンカチ下")
plotshape(pBarUp(),title="カラカサ/トンカチ上2",style=shape.triangleup,text="PB",color=blue,textcolor=blue,location=location.belowbar)
plotshape(pBarDn(),title="カラカサ/トンカチ下2",style=shape.triangledown,text="PB",color=red,textcolor=red,location=location.abovebar)
//Shaved Bars
plotshape(sBarUp(),title="坊主上",style=shape.triangleup,color=aqua,location=location.belowbar)
plotshape(sBarDown(),title="坊主下",style=shape.triangledown,color=purple,location=location.abovebar)
//Inside and Outside Bars
barcolor(insideBar() ? yellow : na ,title="はらみ足")
barcolor(outsideBar() ? orange : na ,title="包み足")
//Alert
alertcondition(pBarUp() , title = "PU", message = "↑")
alertcondition(pBarDn() , title = "PD", message = "↓")
alertcondition(sBarUp() , title = "SU", message = "↑")
alertcondition(sBarDown() , title = "SD", message = "↓")
alertcondition(insideBar() , title = "IB", message = "転換")
alertcondition(outsideBar() , title = "OB", message = "転換")
anonymous No title
Python
import argparse
​
def _parse_to_dict(arg_string):
    k, vstr = arg_string.split('=')
    vlist = vstr.split('+')
    return {k: vlist}
​
parser = argparse.ArgumentParser()
parser.add_argument('-d', '--dict',
                    metavar='KEY=V1+V2+V3',
                    type=_parse_to_dict,
			required=True)
args = parser.parse_args()
​
d = args.dict
print(d)
anonymous No title
Python
The legendary "Eldorado"investment Fund has returned to the international cryptocurrency market in your country. 
 
10% BTC to each member of the club " Eldorado" 
10 % accrual to your bitcoin wallet every 2 days. 
9% Daily bonus to each member of the affiliate program. 
 
Free registration only on the official website of " Eldorado" 
https://eldor.cc#engbtc  
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta name="format-detection" content="telephone=no,address=no,email=no">

  <title>FAT DOG STAND</title>
  <meta name="description" content="こだわりのホットドッグとコーヒーを提供するお店。FAT DOG STANDを紹介するサイト">

  <!--  FONT Noto Sans JP-->
  <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/access.css">
  <link rel="stylesheet" href="css/head_foot.css">

  <script src="https://kit.fontawesome.com/54fc518417.js"></script>

  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/common.js"></script>
</head>

<body>
  <!-- ヘッダー -->
  <header class="header">
    <div class="header_box inner_max flex flex_center">
      <h1 class="header_logo"><a href="index.html"><img src="image/common/fds_logo.png" width="196" alt="FAT DOG STAND ロゴ"></a></h1>
      <div class="header_right">
        <div class="header_navbtn"><span></span><span></span><span></span></div>
        <nav class="header_nav">
          <ul class="nav_box flex">
            <li><a href="/index.html">HOME</a></li>
            <li><a href="fds_style.html">STYLE</a></li>
            <li><a href="menu.html">MENU</a></li>
            <li><a href="access.html">ACCESS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
          </ul>
        </nav>
        <div class="main_copy">
          <p><img src="image/common/main_copy.png" width="730" alt="taste just one time"></p>
          <p>集い味わう。ただひとつの今を。</p>
        </div>
      </div>
    </div>
  </header>
  <!-- ヘッダー end -->
  <!--   ACCESS-->
  <main>
    <section>
      <h2 class="ttl">ACCESS</h2>
      <div class="ttl_line fadein3"><img src="image/common/ttl_line.png" alt="タイトルライン画像" width="300"></div>
      <ul class="access_link access_box inner fadein">
        <li class="access_list flex flex_between">
          <div class="access_text1">ADDRESS</div>
          <div class="access_text2">542-0012&nbsp;大阪市中央区谷町7-6-33<br><span class="min_cont">地下鉄谷町線 谷町六丁目駅3番出口から出て徒歩約3分
              <br>地下鉄長堀鶴見緑地線 松屋町駅3番出口から出て徒歩約3分</span></div>
        </li>
        <li class="access_list">
          <div class="access_text1">OPEN &nbsp; HOURS</div>
          <div class="access_text2">Week day &nbsp; 8:00-17:00
            <br>Sat.-Sun.Holiday &nbsp; 10:30-17:00</div>
        </li>
        <li class="access_list">
          <div class="access_text1">CL0SE</div>
          <div class="access_text2">Tueseday</div>
        </li>
        <li class="access_list">
          <div class="access_text1">TEL</div>
          <div class="access_text2"><a href="tel:06-6776-2236">06-6776-2236</a></div>
        </li>
        <li class="access_list">
          <div class="access_text1">E-MAIL</div>
          <div class="access_text2"><a href="mailto:fatdogstand@gmail.com">fatdogstand@gmail.com</a></div>
        </li>
        <li class="access_list">
          <div class="access_text1">PARKING</div>
          <div class="access_text2">None</div>
        </li>
      </ul>
    </section>
    <section>
      <div class="karahori_mv">
        <h2 class="ttl_white fadein">空堀商店街</h2>
        <p class="inner karahori_text white access_box fadein">商店街の中は昔ながらの個人商店が残る、人懐っこいローカルな雰囲気。もちろん商店街の中のお店も素敵ですが、一歩商店街から外に足を向けると、レトロな町屋がずらっと並んでいて、大正時代にタイムスリップしたような感覚に陥ります。</p>
      </div>
    </section>
    <!------------------------------------------------------    LOCATIONスタート-->
    <section class="loc">
      <h2 class="ttl">LOCATION</h2>
      <div class="ttl_line fadein3"><img src="image/common/ttl_line.png" alt="タイトルライン画像" width="300"></div>
      <div class="access_box loc_box inner fadein">
        <!--ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーmap違う場所-->
        <div class="map" id="map_top">
          <!--←このdivの中に地図画像とボタン画像を入れるそしてリラティブをかけて。その中のボタンにポジションアブソリュートをかける!-->
          <div class="map_img">
            <img src="image/access/karahorimap.jpg" alt="" width="">
            <div class="btn01" id="aa">
              <a href="#a"><img src="image/access/marka.png" alt=""></a>
            </div>
            <div class="btn02" id="bb">
              <a href="#b"><img src="image/access/markb.png" alt=""></a>
            </div>
            <div class="btn03" id="cc">
              <a href="#c"><img src="image/access/markc.png" alt=""></a>
            </div>
          </div>
        </div>
        <div class="shop">
          <ul class="shop_list" id="a">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/marka.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
          <ul class="shop_list" id="b">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/markb.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
          <ul class="shop_list" id="c">
            <li>
              <img src="image/access/shopex.jpg" alt="">
            </li>
            <li class="flex">
              <div class="shop_no"><img src="image/access/markc.png" alt=""></div>
              <div>
                <h3 class="shop_text1">店の名前</h3>
                <p class="shop_text2">店の特徴や説明店の特徴や説明店の特徴や説明店の特徴や説明</p>
                <div class="flex flex_around">
                  <p class="shop_link1"><a href="##">SHOP PAGE &gt;</a></p>
                  <p class="shop_link2"><a href="#map_top">BACK TO MAP &gt;</a></p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </section>
  </main>
  <!-----------------------------------------------Location END-->
  <!----------------------------------ACCESS END-->
  <!-- フッター -->
  <footer class="footer">
    <div class="footer_box inner flex flex_around">
      <div class="fot_left">
        <div class="fot_logo">
          <img src="image/common/fds_logo_w.png" width="170" alt="fat dog stand ロゴ">
        </div>
        <ul class="fot_sns flex">
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
          <li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
          <li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
        </ul>
      </div>
      <nav class="fot_nav">
        <ul class="fot_nav_list">
          <li><a href="/index.html">HOME</a></li>
          <li><a href="fds_style.html">STYLE</a></li>
          <li><a href="menu.html">MENU</a></li>
          <li><a href="access.html">ACCESS</a></li>
          <li><a href="contact.html">CONTACT</a></li>
        </ul>
      </nav>
      <address class="address_box">
        <ul>
          <li><span>OPEN</span> : 8:00 - 17:00 ( weekday ) 10:30 - 17:00 ( holiday )</li>
          <li><span>CLOSE</span> : Tuesday</li>
          <li><span>ADDRESS</span> : 〒542-0012 大阪府大阪市中央区谷町7-6-33</li>
          <li><span>PHONE</span> : <a href="tel:06-6776-2236">06-6776-2236</a></li>
          <li><span>E-MAIL</span> : <a href="mailto:fatdogstand@gmail.com">fatdogstand@gmail.com</a></li>
        </ul>
      </address>
    </div>
    <p class="copy">Copyright &copy; 2019 FAT DOG STAND All Rights Reserved.</p>
  </footer>
  <!-- フッターend -->
</body>
</html>
anonymous No title
HTML
@charset 'utf-8';

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* BASE STYLE
--------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  color: #333;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  line-height: 1.7;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

iframe {
  vertical-align: middle;
}

/* CLEAR-FIX */
.clearfix {
  zoom: 1;
}

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

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーORIGINAL STYLE
--------------------------------------------------*/

.inner_max {
  margin: 0 auto;
  max-width: 1440px;
  width: 90%;
}

.inner {
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
}

.flex {
  display: flex;
}

.flex_center {
  justify-content: center;
}

.flex_between {
  justify-content: space-between;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_around {
  justify-content: space-around;
}

.ttl {
  position: relative;
  padding-top: 100px;
  text-align: center;
  font-weight: bold;
  font-size: 4rem;
  color: #333;
  line-height: 1;
  z-index: 2;
}
.ttl_white {
  position: relative;
  padding-top: 100px;
  text-align: center;
  font-weight: bold;
  font-size: 4rem;
  color: #fff;
  line-height: 1;
  z-index: 2;
}

.ttl_line {
  text-align: center;
  margin-top: -20px;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーACCESS */

.access_box {
  padding: 50px 0 100px 0;
}

.access_list {
  display: flex;
  padding-bottom: 2%;

  justify-content: space-around;
}

.access_text1 {
  padding-left: 20%;
  width: 50%;
  font-weight: bold;
  font-size: 1.8rem;
}

.access_text2 {
  width: 50%;
  font-size: 1.6rem;
}

.min_cont {
  font-size: 1.4rem;
}
.access_link a {
  color: #333;
  text-decoration: none;
}
.access_link a:hover {
  color: #ff8c00;
}

/*-----------------------------------空堀商店街*/
.karahori_mv {
  position: relative;
  z-index: 1;
  width: 100%;
  background-image: url(../image/access/karahori1017.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.karahori_mv::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 6, 6, .38);
  content: '';
}


.white {
  color: #fff;
}


.karahori_text {
  font-size: 1.6rem;
}


/*-----------------------------------Location*/

.loc {
  background: #bbb;
}
.loc_box {
  display: flex;

  justify-content: space-around;
}
.map_img {
  position: relative;
  margin: auto;
  min-width: 450px;
  width: 45%;
}
.btn01 {
  position: absolute;
  top: 350px;
  left: 240px;
}
.btn02 {
  position: absolute;
  top: 590px;
  left: 200px;
}
.btn03 {
  position: absolute;
  top: 1000px;
  left: 140px;
}
.shop {
  width: 45%;
}
.shop_list {
  margin-bottom: 5%;
  padding-bottom: 5%;
  background: #fff;
}
.shop_list img {
  width: 120%;
}
.shop_no {
  padding: 5%;
}
.shop_text1 {
  padding: 5%;
  font-weight: bold;
  font-size: 2rem;
}
.shop_text2 {
  padding: 0 5% 5%;
  font-size: 1.6rem;
}
.shop_link1,
.shop_link2 {
  width: 40%;
  border-radius: 5px;
  background: black;
  text-align: center;
}
.shop_link1 a,
.shop_link2 a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
}
.shop_text2 {
  padding: 0 5% 5%;
  font-size: 1.6rem;
}
/*ーーーーーーーーーーーーーーーーーーーjQuery*/
.fadein {
  opacity: 0;
  transition: all 800ms;
  transform: translate(0, 50px);
}
.fadein2 {
  opacity: 0;
  transition: all 1800ms;
  transform: translate(0, 50px);
}
.fadein3 {
  opacity: 0;
  transition: all 300ms;
  transform: translateX(-180px);
}

.fadein.scrollin,
.fadein2.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.fadein3.scrollin {
  opacity: 1;
  transform: translateX(0px);
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーRESPONSIVE
--------------------------------------------------*/
@media screen and (min-width:1440px) {
}

@media screen and (min-width:951px) {
  .shop_link1 {
    width: 90%;
  }

  .shop_link2 {
    display: none;
  }
}

@media screen and (max-width:950px) {
  .loc_box {
    display: block;
  }

  .map {
    margin: 0 auto;
    width: 90%;
    text-align: center;
  }

  .shop {
    margin: 5% auto;
    max-width: 450px;
    width: 90%;
    text-align: center;
    ;
  }
  .shop_text1,
  .shop_text2 {
    text-align: left;
  }
}

@media screen and (max-width:850px) {
  .access_list {
    flex-direction: column;

    align-items: center;
  }

  .access_text1 {
    padding: inherit;
    width: inherit;
    text-align: center;
  }

  .access_text2 {
    width: inherit;
    text-align: center;
  }
}

@media screen and (max-width:560px) {
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーORIGINAL STYLE
--------------------------------------------------*/
  .ttl {
    font-size: 3.3rem;
    padding-top: 80px;
  }
}
@media screen and (max-width:500px) {
  .map_img {
    position: relative;
    margin: auto;
    min-width: 300px;
    width: 45%;
  }


  .btn01 {
    position: absolute;
    top: 235px;
    left: 155px;
    width: 25px;
  }

  .btn02 {
    position: absolute;
    top: 390px;
    left: 135px;
    width: 25px;
  }

  .btn03 {
    position: absolute;
    top: 660px;
    left: 95px;
    width: 25px;
  }
}
@media screen and (max-width:375px) {
  .loc_box {
    margin-left: -1%;
    width: 100%;
  }
}
年末年始は機械学習・深層学習を勉強しませんか?
広告
未経験から最短でエンジニアへの転職を目指すなら